@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.text-center{text-align:center}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--background:#f8fafc;--foreground:#0f172a;--border:#e2e8f0;--input:#fff;--primary:#0284c7;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#334155;--muted:#f1f5f9;--muted-foreground:#64748b;--success:#059669;--success-foreground:#fff;--accent:#f59e0b;--accent-foreground:#fff;--destructive:#dc2626;--destructive-foreground:#fff;--warning:#ea580c;--warning-foreground:#fff;--card:#fff;--card-foreground:#0f172a;--sidebar:#f1f5f9;--sidebar-foreground:#0f172a;--sidebar-primary:#0284c7;--sidebar-primary-foreground:#fff;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--font-family-body:"Space Grotesk","Space Grotesk Fallback",sans-serif}*{box-sizing:border-box;font-family:var(--font-family-body)}body{background-color:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-size:15px}#root{min-height:100vh}.panel{flex-direction:column;display:flex}.panel-left{background-color:var(--sidebar);border-right:1px solid var(--border);width:320px}.panel-right{flex:1;padding:12px;overflow-y:auto}.panel-title{color:var(--foreground);font-size:15px;font-weight:600}.org-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:12px;display:grid}.org-card{background-color:var(--card);border-radius:var(--radius-md);cursor:pointer;padding:12px;transition:background-color .15s}.org-card:hover{background-color:var(--secondary)}.org-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.org-card-name{color:var(--foreground);font-size:16px;font-weight:600}.org-card-meta{color:var(--muted-foreground);gap:12px;margin-bottom:8px;font-size:13px;display:flex}.org-card-actions{gap:8px;display:flex}.status-badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-active{color:var(--success);background-color:#10b98126}.status-suspended{color:var(--destructive);background-color:#ff5a5f26}.status-invited{color:#3b82f6;background-color:#3b82f626}.status-expiring{color:var(--warning);background-color:#ff8a0026}.org-detail-header{margin-bottom:12px}.org-summary-card{border-radius:var(--radius-md);background-color:var(--card);justify-content:space-between;gap:16px;margin-bottom:12px;padding:12px;display:flex}.org-summary-main{flex-direction:column;gap:4px;display:flex}.org-summary-name{color:var(--foreground);margin-bottom:4px;font-size:20px;font-weight:600}.org-summary-id{color:var(--muted-foreground);font-size:13px}.org-summary-meta{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.org-summary-meta-item{flex-direction:column;gap:2px;display:flex}.org-summary-meta-item .label{color:var(--muted-foreground);font-size:12px}.org-summary-meta-item .value{color:var(--foreground);font-size:14px;font-weight:500}.org-summary-actions{align-items:flex-start;gap:8px;display:flex}.org-summary-status{align-items:center;gap:6px;display:flex}.org-summary-status .label{color:var(--muted-foreground);font-size:12px}.org-subscription{border-radius:var(--radius-md);background-color:var(--card);flex-direction:column;gap:10px;padding:12px;display:flex}.subscription-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:16px;display:grid}.subscription-grid .label{color:var(--muted-foreground);margin-bottom:4px;font-size:12px}.subscription-grid .value{color:var(--foreground);font-size:14px;font-weight:500}.tabs-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:16px;display:flex}.tabs-list{gap:4px;display:flex}.tab-item{color:var(--muted-foreground);cursor:pointer;border-bottom:2px solid #0000;padding:8px 12px;font-size:14px;font-weight:500;transition:all .15s}.tab-item:hover{color:var(--foreground)}.tab-item.active{color:var(--foreground);border-bottom-color:var(--primary)}.tab-extra-actions{gap:8px;display:flex}.tab-panel{padding-top:12px}.table-card{background-color:var(--card);border-radius:var(--radius-md);overflow:hidden}.user-table-header{background-color:var(--input);color:var(--muted-foreground);border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1.5fr .8fr .8fr 1fr .8fr;padding:10px 12px;font-size:13px;font-weight:500;display:grid}.user-table-row{border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1.5fr .8fr .8fr 1fr .8fr;align-items:center;padding:10px 12px;font-size:14px;display:grid}.user-table-row:last-child{border-bottom:none}.user-table-row:hover{background-color:var(--secondary)}.user-name{color:var(--foreground);font-weight:500}.user-meta{color:var(--muted-foreground);font-size:12px}.user-actions{justify-content:flex-end;gap:8px;display:flex}.primary-btn{border-radius:var(--radius-md);background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.primary-btn:hover{opacity:.9}.ghost-btn{border-radius:var(--radius-md);color:var(--muted-foreground);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .15s;display:inline-flex}.ghost-btn:hover{color:var(--foreground)}.small-link{color:var(--primary);cursor:pointer;font-size:13px;transition:opacity .15s}.small-link:hover{opacity:.8}.dropdown{position:relative}.dropdown-trigger{border-radius:var(--radius-md);background-color:var(--secondary);color:var(--secondary-foreground);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.dropdown-menu{border-radius:var(--radius-md);background-color:var(--card);border:1px solid var(--border);z-index:50;flex-direction:column;gap:2px;min-width:180px;margin-top:4px;padding:4px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.dropdown:hover .dropdown-menu,.dropdown-menu:hover{display:flex}.dropdown-item{border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;padding:8px 10px;font-size:13px;transition:background-color .15s}.dropdown-item:hover{background-color:var(--secondary)}.dropdown-item-danger{color:var(--destructive)}.dropdown-item-label{color:var(--foreground)}.date-input{border-radius:var(--radius-md);background-color:var(--input);color:var(--foreground);cursor:pointer;border:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.select{border-radius:var(--radius-md);background-color:var(--secondary);color:var(--secondary-foreground);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.chip{border-radius:var(--radius-lg);background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip-outline{border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background-color:#0000;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.analytics-filter-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.analytics-filters{gap:8px;display:flex}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric-card{background-color:var(--card);border-radius:var(--radius-md);padding:16px}.metric-title{color:var(--muted-foreground);margin-bottom:8px;font-size:12px}.metric-value{color:var(--foreground);margin-bottom:4px;font-size:28px;font-weight:600}.metric-sub{color:var(--muted-foreground);font-size:11px}.sub-metrics-row{border-top:1px solid var(--border);gap:16px;margin-top:12px;padding-top:12px;display:flex}.sub-metric{flex:1}.sub-metric-label{color:var(--muted-foreground);margin-bottom:2px;font-size:10px}.sub-metric-value{color:var(--foreground);font-size:13px;font-weight:500}.sub-metric-trend{color:var(--success);font-size:10px}.sub-metric-trend.neg{color:var(--destructive)}.chart-placeholder{background:linear-gradient(135deg,var(--secondary)0%,var(--muted)100%);border-radius:var(--radius-sm);height:120px;margin:8px 0}.icon-wrapper{justify-content:center;align-items:center;display:inline-flex}.label{color:var(--muted-foreground);margin-bottom:2px;font-size:11px}.value{color:var(--foreground);font-size:13px;font-weight:500}.panel-right{background-color:var(--background)}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.modal-root{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:520px;max-width:90vw;padding:20px 20px 16px;display:flex}.modal-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.modal-title{color:var(--foreground);font-size:18px;font-weight:600}.modal-subtitle{color:var(--muted-foreground);margin-top:2px;font-size:13px}.modal-body{background:var(--background,#f7fafc);border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex}.modal-section{flex-direction:column;gap:8px;display:flex}.modal-section-title{color:var(--foreground);font-size:13px;font-weight:500}.modal-section-sub{color:var(--muted-foreground);font-size:11px}.modal-footer{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.form-field{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--foreground);font-size:13px;font-weight:500}.form-helper{color:var(--muted-foreground);font-size:11px}.form-input{border-radius:var(--radius-md);background:var(--input);color:var(--foreground);border:1px solid var(--border);outline:none;padding:10px 12px;font-size:14px}.form-input::placeholder{color:var(--muted-foreground)}.form-input:focus{border-color:var(--primary)}.existing-list{border-radius:var(--radius-md);background:var(--background);flex-direction:column;gap:6px;margin-top:4px;padding:10px;font-size:12px;display:flex}.existing-row{justify-content:space-between;align-items:center;display:flex}.existing-main{flex-direction:column;gap:2px;display:flex}.existing-name{color:var(--foreground);font-size:13px;font-weight:500}.existing-meta{color:var(--muted-foreground);font-size:11px}.small-pill{border-radius:var(--radius-md);background:var(--secondary);color:var(--secondary-foreground);padding:2px 6px;font-size:11px;font-weight:500}.rights-toggle-row{gap:8px;margin-top:4px;display:flex}.rights-pill{border-radius:var(--radius-md);background:var(--secondary);color:var(--secondary-foreground);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.rights-pill.active{background:var(--primary);color:var(--primary-foreground)}.ftp-list-card{border-radius:var(--radius-md);background:var(--background);flex-direction:column;gap:8px;margin-top:4px;padding:10px;display:flex}.ftp-list-header{color:var(--muted-foreground);justify-content:space-between;align-items:center;font-size:11px;display:flex}.checkbox-row{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.checkbox-box{border-radius:var(--radius-sm);background:var(--input);flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.checkbox-box.checked{background:var(--primary)}.checkbox-dot{background:var(--primary-foreground);border-radius:999px;width:8px;height:8px}.ftp-user-main{flex-direction:column;flex:1;gap:2px;display:flex}.ftp-user-name{color:var(--foreground);font-size:13px;font-weight:500}.ftp-user-meta{color:var(--muted-foreground);font-size:11px}.info-hint{color:var(--muted-foreground);margin-top:2px;font-size:11px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.tabs-segmented{display:inline-flex;align-items:center;background:var(--muted, #e6eef6);border-radius:8px;padding:4px;gap:4px;font-size:13px}.tab-pill{padding:8px 16px;border-radius:6px;background:transparent;color:var(--muted-foreground, #64748b);font-weight:500;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.tab-pill:hover{background:#fff9}.tab-pill--active{background:var(--card, #ffffff);color:var(--foreground, #0f1724);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ftp-server-form{padding:0;background-color:transparent;border-radius:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--foreground, #0f1724)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border, #e2e8f0);border-radius:6px;font-size:14px;background:var(--input, #ffffff);color:var(--foreground, #0f1724);transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary, #0b74ff);box-shadow:0 0 0 3px #0b74ff1a}.form-row{display:grid;grid-template-columns:1fr auto;gap:12px}.form-group-narrow{min-width:80px;max-width:100px}.form-hint{margin-top:6px;font-size:13px;color:var(--muted-foreground, #64748b);line-height:1.4}.form-hint-inline{font-size:12px;font-weight:400;color:var(--muted-foreground, #64748b);margin-left:4px}.test-result{padding:14px 16px;border-radius:8px;font-size:14px;margin-top:16px;line-height:1.5}.test-result-success{background-color:#05966914;color:var(--success, #059669);border:1px solid rgba(5,150,105,.15)}.test-result-error{background-color:#ef444414;color:var(--destructive, #ef4444);border:1px solid rgba(239,68,68,.15)}.form-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.primary-btn{padding:10px 20px;background:var(--primary, #0b74ff);color:var(--primary-foreground, #ffffff);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.primary-btn:hover{background:var(--primary-hover, #0a66e0);box-shadow:0 2px 4px #0000001a}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ghost-btn{padding:10px 20px;background:var(--card, #ffffff);color:var(--foreground, #0f1724);border:1px solid var(--border, #e2e8f0);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.ghost-btn:hover{background:var(--muted, #e6eef6);border-color:var(--border, #cbd5e1)}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;margin-top:-1px}.autocomplete-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .15s}.autocomplete-item:hover,.autocomplete-item.selected{background-color:#f5f5f5}.autocomplete-item.selected{background-color:#e3f2fd}.autocomplete-dropdown-mobile{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;max-height:180px;overflow-y:auto;z-index:1000;margin-top:-1px}.autocomplete-item-mobile{padding:14px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:15px;min-height:44px;display:flex;align-items:center;transition:background-color .15s;-webkit-tap-highlight-color:transparent}.autocomplete-item-mobile:active,.autocomplete-item-mobile.selected{background-color:#e3f2fd}.mobile-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--foreground)}.mobile-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000001a}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-menu-btn:active{opacity:.6}.mobile-title{font-size:18px;font-weight:600;margin:0;color:var(--foreground)}.mobile-header-actions{display:flex;align-items:center;gap:8px}.mobile-desktop-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--muted-foreground);text-decoration:none;-webkit-tap-highlight-color:transparent}.mobile-desktop-link:active{opacity:.6}.mobile-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--card);z-index:201;display:flex;flex-direction:column;animation:slideIn .3s ease-out;box-shadow:2px 0 8px #00000026}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border)}.mobile-user-info{flex:1;min-width:0}.mobile-user-name{font-size:16px;font-weight:600;color:var(--foreground);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-email{font-size:14px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-12px -12px -12px 8px;padding:0;background:none;border:none;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-menu-close:active{opacity:.6}.mobile-menu-items{flex:1;padding:8px 0;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:var(--foreground);font-size:15px;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s}.mobile-menu-item:active{background:var(--accent)}.mobile-menu-item:disabled{opacity:.5;cursor:not-allowed}.mobile-menu-item:disabled:active{background:none}.mobile-menu-filter{padding:12px 16px;border-bottom:1px solid var(--border)}.mobile-menu-filter-label{display:block;font-size:13px;font-weight:500;color:var(--muted-foreground);margin-bottom:8px}.mobile-menu-filter-select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--input);color:var(--foreground)}.mobile-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--muted-foreground);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-icon-btn:active{opacity:.6}.mobile-sort-menu{position:fixed;top:56px;right:8px;width:200px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:201;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-sort-header{padding:12px 16px;font-size:13px;font-weight:600;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.mobile-sort-option{display:block;width:100%;padding:12px 16px;background:none;border:none;color:var(--foreground);font-size:14px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s}.mobile-sort-option:active{background:var(--accent)}.mobile-sort-option.active{background:var(--accent);color:var(--primary);font-weight:500}.mobile-gallery{padding-bottom:24px}.mobile-filters{padding:16px;background:var(--card);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.mobile-filter-group{display:flex;flex-direction:column;gap:6px}.mobile-filter-label{font-size:13px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.mobile-filter-select{width:100%;padding:10px 36px 10px 12px;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:15px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mobile-files-count{padding:12px 16px;font-size:14px;color:var(--muted-foreground);font-weight:500}.mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:0}@media(min-width:768px){.mobile-grid{grid-template-columns:repeat(3,1fr)}}.mobile-grid-item{background:var(--card);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-grid-item:active{opacity:.8}.mobile-grid-image-container{position:relative;width:100%;padding-bottom:66.67%;background:var(--muted);overflow:hidden}.mobile-grid-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mobile-grid-info{padding:8px}.mobile-grid-filename{font-size:13px;font-weight:500;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.mobile-grid-meta{font-size:12px;color:var(--muted-foreground)}.mobile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.mobile-empty-icon{color:var(--muted-foreground);opacity:.4;margin-bottom:16px}.mobile-empty-text{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:8px}.mobile-empty-subtext{font-size:14px;color:var(--muted-foreground);max-width:320px}.mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;min-height:60vh}.mobile-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.mobile-loading-text{font-size:14px;color:var(--muted-foreground)}.mobile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;min-height:60vh}.mobile-error-icon{font-size:48px;margin-bottom:16px}.mobile-error-text{font-size:16px;color:var(--destructive);margin-bottom:20px}.mobile-error-retry{padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-error-retry:active{opacity:.8}.mobile-lightbox{position:fixed;inset:0;background:#000;z-index:300;display:flex;flex-direction:column;overscroll-behavior:contain}.mobile-lightbox-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:8px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.mobile-lightbox-close,.mobile-lightbox-crop,.mobile-lightbox-info{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-lightbox-close:active,.mobile-lightbox-crop:active,.mobile-lightbox-info:active{opacity:.6}.mobile-lightbox-info:disabled{opacity:.5;cursor:not-allowed}.mobile-lightbox-title{flex:1;padding:0 12px;font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.mobile-lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.mobile-lightbox-image{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-select:none}.mobile-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-lightbox-nav:active{opacity:.6}.mobile-lightbox-nav-prev{left:12px}.mobile-lightbox-nav-next{right:12px}.mobile-lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;padding:6px 16px;background:#000000b3;border-radius:16px;font-size:13px;color:#fff;font-weight:500}.mobile-lightbox-hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:10;padding:8px 16px;background:#00000080;border-radius:16px;font-size:12px;color:#fffc;animation:fadeInOut 3s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.mobile-bottom-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:400}.mobile-bottom-sheet{position:fixed;left:0;right:0;bottom:0;max-height:85vh;background:var(--card);border-radius:16px 16px 0 0;z-index:401;display:flex;flex-direction:column;box-shadow:0 -4px 16px #0003}.mobile-bottom-sheet-handle-container{display:flex;justify-content:center;padding:12px 0 8px}.mobile-bottom-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px}.mobile-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 16px;border-bottom:1px solid var(--border)}.mobile-bottom-sheet-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.mobile-bottom-sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-12px -12px -12px 8px;padding:0;background:none;border:none;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-bottom-sheet-close:active{opacity:.6}.mobile-bottom-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}.mobile-fullscreen-info{position:fixed;inset:0;background:var(--card);z-index:401;display:flex;flex-direction:column;overflow:hidden}.mobile-fullscreen-info-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.mobile-fullscreen-info-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.mobile-fullscreen-info-save{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-fullscreen-info-save:disabled{opacity:.5;cursor:not-allowed}.mobile-fullscreen-info-save:active:not(:disabled){opacity:.8}.mobile-fullscreen-info-fixed{flex-shrink:0;background:var(--card)}.mobile-fullscreen-info-image-container{width:100%;display:flex;justify-content:center;align-items:center;background:#000;max-height:50vh}.mobile-fullscreen-info-image{width:100%;height:100%;object-fit:contain;max-height:50vh}.mobile-fullscreen-info-line{padding:12px 20px;font-size:13px;color:var(--muted-foreground);background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.4}.mobile-fullscreen-info-filename{font-weight:600;color:var(--foreground)}.mobile-fullscreen-info-separator{color:var(--border);margin:0 2px}.mobile-fullscreen-info-scrollable{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;background:var(--background)}.mobile-info-thumbnail-container{display:flex;justify-content:center;margin-bottom:24px}.mobile-info-thumbnail{max-width:200px;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mobile-info-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.mobile-info-item{display:flex;flex-direction:column;gap:4px}.mobile-info-item-full{grid-column:1 / -1}.mobile-info-label{font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.mobile-info-value{font-size:15px;color:var(--foreground);word-break:break-word}.mobile-info-actions{display:flex;gap:12px;padding-top:8px;border-top:1px solid var(--border)}.mobile-info-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid var(--border);border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.mobile-info-btn:active{transform:scale(.98)}.mobile-info-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.mobile-info-btn-secondary{background:#fff;color:var(--text);border-color:var(--border)}.mobile-xmp-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.mobile-xmp-section-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 16px}.mobile-xmp-field{margin-bottom:12px}.mobile-xmp-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.mobile-xmp-input,.mobile-xmp-textarea{width:100%;padding:10px 12px;font-size:15px;color:var(--text);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:border-color .2s,background-color .2s;-webkit-appearance:none;appearance:none}.mobile-xmp-input:focus,.mobile-xmp-textarea:focus{outline:none;border-color:var(--primary);background:#fff}.mobile-xmp-textarea{resize:vertical;min-height:80px}.mobile-xmp-loading{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}@supports (padding: max(0px)){.mobile-header{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-bottom-sheet{padding-bottom:max(0px,env(safe-area-inset-bottom))}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-lightbox-modal{position:fixed;inset:0;background:#000;z-index:300;display:flex;flex-direction:column;overflow:hidden}.mobile-lightbox-header-bar{position:relative;z-index:10;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#000000f2;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-lightbox-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-lightbox-close-btn:active{opacity:.6}.mobile-lightbox-counter-badge{padding:4px 12px;background:#ffffff1a;border-radius:12px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.mobile-lightbox-tool-icons{display:flex;align-items:center;gap:8px;margin-left:auto}.mobile-lightbox-tool-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff1a;border:2px solid transparent;border-radius:8px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.mobile-lightbox-tool-icon:active{opacity:.6}.mobile-lightbox-tool-icon.active{background:#4a9eff4d;border-color:#4a9eff;color:#4a9eff}.mobile-lightbox-image-section{position:sticky;top:0;z-index:5;background:#000;display:flex;flex-direction:column}.mobile-lightbox-image-container{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/2;max-height:50vh;overflow:hidden;touch-action:none;position:relative;-webkit-overflow-scrolling:auto;overscroll-behavior-x:none;overscroll-behavior-y:none}.mobile-lightbox-nav-arrows{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#00000080}.mobile-lightbox-filename{flex:1;text-align:center;font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-lightbox-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-lightbox-nav-btn:active{opacity:.6}.mobile-lightbox-tool-panel{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--background)}.mobile-crop-controls{padding:20px;display:flex;flex-direction:column;gap:16px}.mobile-crop-hint{text-align:center;font-size:13px;color:var(--muted-foreground);padding:12px;background:var(--muted);border-radius:8px}.mobile-crop-actions{display:flex;flex-direction:column;gap:12px}.mobile-crop-reset-btn,.mobile-crop-save-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-crop-reset-btn{background:var(--muted);color:var(--foreground)}.mobile-crop-save-btn{background:var(--primary);color:#fff}.mobile-crop-reset-btn:active,.mobile-crop-save-btn:active{opacity:.8}.mobile-crop-reset-btn:disabled,.mobile-crop-save-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-exposure-controls{padding:32px 20px;display:flex;flex-direction:column;gap:32px}.mobile-exposure-value{text-align:center;font-size:48px;font-weight:700;color:var(--foreground);font-variant-numeric:tabular-nums}.mobile-exposure-slider{display:flex;align-items:center;gap:16px}.mobile-exposure-label{font-size:14px;color:var(--muted-foreground);min-width:30px;text-align:center}.mobile-exposure-input{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--muted);outline:none}.mobile-exposure-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer}.mobile-exposure-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.mobile-exposure-actions{display:flex;flex-direction:column;gap:12px}.mobile-exposure-reset-btn,.mobile-exposure-save-btn{padding:14px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-exposure-reset-btn{background:var(--muted);color:var(--foreground)}.mobile-exposure-save-btn{background:var(--primary);color:#fff}.mobile-exposure-reset-btn:active,.mobile-exposure-save-btn:active{opacity:.8}.mobile-exposure-reset-btn:disabled,.mobile-exposure-save-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-ftp-controls{padding:20px;display:flex;flex-direction:column;gap:16px}.mobile-ftp-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.mobile-ftp-sent-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#10b981;font-size:14px;font-weight:600;margin-top:12px}.mobile-ftp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--muted-foreground)}.mobile-ftp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted-foreground);text-align:center}.mobile-ftp-destinations{display:flex;flex-direction:column;gap:12px}.mobile-ftp-destination-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--muted);border:2px solid var(--border);border-radius:8px;gap:16px}.mobile-ftp-send-btn{padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;white-space:nowrap;flex-shrink:0}.mobile-ftp-send-btn:active{transform:scale(.98);opacity:.9}.mobile-ftp-send-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-ftp-dest-info{display:flex;flex-direction:column;gap:4px;text-align:left}.mobile-ftp-dest-name{font-size:15px;font-weight:600;color:var(--foreground)}.mobile-ftp-dest-host{font-size:13px;color:var(--muted-foreground);font-family:monospace}.mobile-ftp-download-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:14px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.mobile-ftp-download-btn:active{transform:scale(.98);opacity:.9}.mobile-info-header{padding:16px 20px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.mobile-info-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted-foreground)}.mobile-info-filename{font-weight:600;color:var(--foreground)}.mobile-info-separator{color:var(--border)}.mobile-info-audio{display:flex;justify-content:center;padding:8px 0}.mobile-info-section{padding:16px 20px;border-bottom:1px solid var(--border)}.mobile-info-section-title{font-size:15px;font-weight:600;color:var(--foreground);margin:0 0 12px}.mobile-info-transcription{padding:12px;background:var(--muted);border-radius:8px;font-size:14px;line-height:1.6;color:var(--foreground);white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.mobile-info-status{margin-top:8px;font-size:12px;color:var(--muted-foreground);text-align:right}.mobile-lightbox-crop-canvas{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}body:has(.mobile-lightbox){overflow:hidden;overscroll-behavior:none;touch-action:pan-y}