@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#fff;--bg-sidebar:#f8f9fa;--bg-surface:#fff;--bg-secondary:#f8f9fa;--bg-hover:#f1f3f5;--bg-active:#e9ecef;--text-primary:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--accent-color:#7c3aed;--accent-hover:#6d28d9;--link-color:#6d28d9;--link-bg:#7c3aed14;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sidebar-width:270px}[data-theme=dark]{--bg-primary:#121214;--bg-sidebar:#18181c;--bg-surface:#1e1e24;--bg-secondary:#1e1e24;--bg-hover:#282830;--bg-active:#363642;--text-primary:#f1f5f9;--text-muted:#94a3b8;--border-color:#2a2a32;--accent-color:#8b5cf6;--accent-hover:#7c3aed;--link-color:#a78bfa;--link-bg:#8b5cf61f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);height:100vh;transition:background-color .3s,color .3s;overflow:hidden}button,input,select,textarea{color:inherit;font-family:inherit}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;max-width:min(420px,100vw - 48px);display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--bg-popover,#ffffffeb);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color,#00000014);color:var(--text-primary,#374151);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;animation:.28s cubic-bezier(.16,1,.3,1) toastEnter;display:flex;box-shadow:0 10px 30px -5px #0000002e,0 0 1px #0000001f}[data-theme=dark] .toast{background:var(--bg-popover,#1c1c20eb);border-color:var(--border-color,#ffffff14);box-shadow:0 10px 30px -5px #00000059,0 0 1px #ffffff14}@keyframes toastEnter{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-success .toast-icon{color:#23a55a}.toast-error .toast-icon{color:#e5484d}.toast-warning .toast-icon{color:#e8930c}.toast-info .toast-icon{color:var(--accent-color,#2563eb)}.toast-message{overflow-wrap:break-word;flex:1;min-width:0;line-height:1.45}.toast-action{background:var(--accent-color,#2563eb);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.toast-action:hover{background:color-mix(in srgb, var(--accent-color,#2563eb) 85%, #000);transform:translateY(-1px)}.toast-action:active{transform:translateY(0)}.toast-close{cursor:pointer;color:var(--text-muted,#9ca3af);background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.toast-close:hover{background:var(--hover-bg,#0000000f);color:var(--text-primary,#374151)}[data-theme=dark] .toast-close:hover{background:var(--hover-bg,#ffffff0f);color:var(--text-primary,#e5e7eb)}.auth-container{background-color:var(--bg-primary);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex}.auth-card{background-color:var(--bg-surface);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;padding:40px;display:flex}.auth-header{text-align:center;margin-bottom:24px}.auth-brand{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:24px;font-weight:700;display:flex}.auth-logo{color:var(--accent-color)}.auth-header h1{margin-bottom:8px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--text-muted);font-size:13px;line-height:1.5}.auth-error-box{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 12px;font-size:13px;display:flex}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:12px}.input-wrapper input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#0000;border-radius:6px;outline:none;padding:10px 12px 10px 38px;font-size:14px;transition:border-color .15s}.input-wrapper input:focus{border-color:var(--accent-color)}.btn-submit{width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:24px;font-size:13px}.auth-toggle span{color:var(--accent-color);cursor:pointer;font-weight:600}.auth-toggle span:hover{text-decoration:underline}.trash-popover{background:var(--bg-popover,#ffffffd9);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color,#00000014);z-index:1000;border-radius:12px;flex-direction:column;width:320px;max-height:450px;animation:.2s cubic-bezier(.16,1,.3,1) trashAppear;display:flex;position:fixed;bottom:56px;left:16px;overflow:hidden;box-shadow:0 10px 30px -5px #00000026,0 0 1px #0000001a}[data-theme=dark] .trash-popover{background:var(--bg-popover,#1c1c1cd9);border-color:var(--border-color,#ffffff14);box-shadow:0 10px 30px -5px #0000004d,0 0 1px #ffffff1a}@keyframes trashAppear{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.trash-popover-header{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.trash-popover-title{color:var(--text-primary,#111827);font-size:14px;font-weight:600}[data-theme=dark] .trash-popover-title{color:var(--text-primary,#f3f4f6)}.trash-header-actions{align-items:center;gap:2px;display:flex}.btn-empty-trash{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-empty-trash:hover:not(:disabled){background:#dc26261a;border-color:#dc262640}.btn-empty-trash:disabled{opacity:.6;cursor:default}.btn-select-mode{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-select-mode:hover{background:var(--hover-bg,#0000000d);color:var(--text-primary,#374151)}.btn-select-mode.active{color:#2563eb;background:#2563eb1a;border-color:#2563eb40}[data-theme=dark] .btn-select-mode:hover{background:var(--hover-bg,#ffffff0d);color:var(--text-primary,#e5e7eb)}.trash-item.selected{background:#2563eb14}[data-theme=dark] .trash-item.selected{background:#2563eb24}.trash-item.selected:hover{background:#2563eb1f}.trash-checkbox{border:1.5px solid var(--text-muted,#9ca3af);color:#fff;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:inline-flex}.trash-checkbox.checked{background:#2563eb;border-color:#2563eb}.trash-checkbox:hover{border-color:#2563eb}.trash-selection-bar{border-top:1px solid var(--border-color,#00000014);background:var(--bg-primary,#fff);align-items:center;gap:8px;padding:8px 12px;display:flex}[data-theme=dark] .trash-selection-bar{background:var(--bg-primary,#181818);border-top-color:var(--border-color,#ffffff14)}.btn-select-all{cursor:pointer;color:var(--text-primary,#374151);background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:2px 4px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-select-all:hover{color:#2563eb}.trash-selection-count{color:var(--text-muted,#9ca3af);text-align:center;flex:1;font-size:12px}.trash-selection-actions{align-items:center;gap:6px;display:flex}.btn-bulk-restore,.btn-bulk-delete{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-bulk-restore{color:#2563eb;background:#2563eb1a}.btn-bulk-restore:hover:not(:disabled){background:#2563eb2e}.btn-bulk-delete{color:#dc2626;background:#dc26261a}.btn-bulk-delete:hover:not(:disabled){background:#dc26262e}.btn-bulk-restore:disabled,.btn-bulk-delete:disabled{opacity:.5;cursor:default}.trash-count-badge{color:#dc2626;background:#dc26261f;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.btn-close-trash{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-close-trash:hover{background:var(--hover-bg,#0000000d);color:var(--text-primary,#374151)}[data-theme=dark] .btn-close-trash:hover{background:var(--hover-bg,#ffffff0d);color:var(--text-primary,#e5e7eb)}.trash-search-wrapper{margin:4px 12px 8px;position:relative}.trash-search-icon{color:var(--text-muted,#9ca3af);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.trash-search-input{border:1px solid var(--border-color,#00000014);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#111827);border-radius:6px;outline:none;padding:6px 10px 6px 30px;font-size:13px;transition:all .15s}[data-theme=dark] .trash-search-input{background:var(--bg-primary,#181818);color:var(--text-primary,#f3f4f6)}.trash-search-input:focus{border-color:var(--accent-color,#2563eb);box-shadow:0 0 0 2px #2563eb26}.trash-popover-body{flex:1;min-height:120px;max-height:320px;padding:4px 6px 12px;overflow-y:auto}.trash-popover-body::-webkit-scrollbar{width:4px}.trash-popover-body::-webkit-scrollbar-track{background:0 0}.trash-popover-body::-webkit-scrollbar-thumb{background:var(--border-color,#0000001a);border-radius:10px}[data-theme=dark] .trash-popover-body::-webkit-scrollbar-thumb{background:var(--border-color,#ffffff1a)}.trash-empty-state{height:100px;color:var(--text-muted,#9ca3af);justify-content:center;align-items:center;font-size:13px;display:flex}.trash-list{flex-direction:column;gap:2px;display:flex}.trash-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.trash-item:hover{background:var(--hover-bg,#0000000a)}[data-theme=dark] .trash-item:hover{background:var(--hover-bg,#ffffff0a)}.trash-item-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.trash-item-icon{color:var(--text-muted,#6b7280);flex-shrink:0}[data-theme=dark] .trash-item-icon{color:var(--text-muted,#9ca3af)}.trash-item-title{color:var(--text-primary,#374151);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}[data-theme=dark] .trash-item-title{color:var(--text-primary,#e5e7eb)}.trash-item-actions{align-items:center;gap:4px;display:flex}.btn-trash-action{cursor:pointer;color:var(--text-muted,#9ca3af);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.btn-trash-action.restore:hover{color:var(--accent-color,#2563eb);background:#2563eb1a}.btn-trash-action.delete-perm:hover{color:#dc2626;background:#dc26261a}.settings-modal-overlay{-webkit-backdrop-filter:blur(2px);z-index:10000;background:#00000073;justify-content:center;align-items:center;animation:.18s settingsOverlayIn;display:flex;position:fixed;inset:0}@keyframes settingsOverlayIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:660px;max-width:calc(100vw - 48px);height:470px;max-height:calc(100vh - 96px);animation:.22s cubic-bezier(.16,1,.3,1) settingsModalIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000038,0 4px 16px #0000001f}@keyframes settingsModalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.settings-modal-title{color:var(--text-primary);font-size:15px;font-weight:700}.settings-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.settings-modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-modal-body{flex:1;min-height:0;display:flex}.settings-nav{border-right:1px solid var(--border-color);background-color:var(--bg-secondary);flex-direction:column;flex-shrink:0;gap:2px;width:172px;padding:10px;display:flex;overflow-y:auto}.settings-nav-item{width:100%;color:var(--text-secondary,#4b5563);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}[data-theme=dark] .settings-nav-item{color:var(--text-muted)}.settings-nav-item:hover{background-color:var(--bg-hover)}.settings-nav-item.active{background-color:var(--bg-active);color:var(--text-primary);font-weight:600}.settings-nav-icon{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-nav-item.active .settings-nav-icon{color:var(--accent-color)}.settings-content{background-color:var(--bg-surface);flex:1;min-width:0;padding:20px 24px;overflow-y:auto}.settings-panel{flex-direction:column;gap:6px;animation:.18s settingsPanelIn;display:flex}@keyframes settingsPanelIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.settings-section{padding:10px 0}.settings-section+.settings-section{border-top:1px solid var(--border-color)}.settings-section-label{color:var(--text-primary);align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.settings-section-label svg{color:var(--text-muted)}.settings-section-value{color:var(--text-primary);padding:4px 0 2px;font-size:13px}.settings-section-desc{color:var(--text-muted);margin-bottom:8px;font-size:12px}.settings-theme-toggle{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;gap:3px;padding:3px;display:inline-flex}.settings-theme-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.settings-theme-btn:hover{color:var(--text-primary)}.settings-theme-btn.active{background-color:var(--bg-surface);color:var(--accent-color);font-weight:600;box-shadow:0 1px 3px #0000001f}.settings-date-preview{color:var(--text-secondary,#4b5563);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px;padding:7px 10px;font-size:12.5px;display:inline-block}[data-theme=dark] .settings-date-preview{color:var(--text-muted)}.settings-select-row{gap:14px;margin-bottom:10px;display:flex}.settings-select-field{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.settings-select-label{color:var(--text-muted);font-size:12px}.setting-select{position:relative}.setting-select-trigger{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.setting-select-trigger:hover,.setting-select.open .setting-select-trigger{border-color:var(--accent-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-color) 18%, transparent)}.setting-select-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.setting-select.open .setting-select-chevron{transform:rotate(180deg)}.setting-select-menu{z-index:1200;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:4px;animation:.14s cubic-bezier(.16,1,.3,1) settingsSelectIn;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 30px #00000029,0 2px 8px #00000014}@keyframes settingsSelectIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.setting-select-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;font-family:inherit;font-size:12.5px;transition:background-color .12s;display:flex}.setting-select-item:hover{background-color:var(--bg-hover)}.setting-select-item.selected{color:var(--accent-color);font-weight:600}.setting-static-trigger{cursor:default}.settings-password-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:9999px;padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.settings-password-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:color-mix(in srgb, var(--accent-color) 6%, transparent)}.settings-password-form{flex-direction:column;gap:8px;max-width:320px;display:flex}.settings-password-form input,.settings-text-input{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:8px 11px;font-family:inherit;font-size:13px;transition:all .15s}.settings-password-form input:focus,.settings-text-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-color) 18%, transparent)}.settings-password-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.settings-password-actions .btn{align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:inline-flex}.settings-profile-avatar{background:linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 55%, #d946ef));color:#fff;width:52px;height:52px;box-shadow:0 4px 12px color-mix(in srgb, var(--accent-color) 35%, transparent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:22px;font-weight:700;display:flex}.settings-members-list{flex-direction:column;gap:6px;margin-top:4px;display:flex}.settings-loading{color:var(--text-muted);justify-content:center;padding:20px 0;display:flex}.settings-member-row{border-radius:8px;align-items:center;gap:11px;padding:8px 10px;transition:background-color .12s;display:flex}.settings-member-row:hover{background-color:var(--bg-hover)}.settings-member-avatar{background:var(--bg-active);width:34px;min-width:34px;height:34px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.settings-member-meta{flex:1;min-width:0}.settings-member-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.settings-member-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.settings-member-locked{color:#e5484d;background:#e5484d1f;border-radius:9999px;padding:1px 7px;font-size:10px;font-weight:600}.settings-member-role{color:var(--text-muted);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:9999px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:600}.settings-member-role.admin{color:var(--accent-color);background-color:color-mix(in srgb, var(--accent-color) 10%, transparent);border-color:color-mix(in srgb, var(--accent-color) 25%, transparent)}.settings-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.settings-stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.settings-stat-card svg{color:var(--accent-color);margin-bottom:4px}.settings-stat-num{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.settings-stat-label{color:var(--text-muted);font-size:12px}.settings-admin-link{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:7px;margin-top:16px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.settings-admin-link:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:color-mix(in srgb, var(--accent-color) 6%, transparent)}.settings-storage-loading{color:var(--text-secondary,#888);align-items:center;gap:8px;font-size:13px;display:flex}.settings-storage-row{color:var(--text-primary,#222);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.settings-storage-row span:last-child{color:var(--text-secondary,#888)}.settings-storage-bar{background:var(--bg-secondary,#e5e5e5);border-radius:999px;height:8px;overflow:hidden}.settings-storage-fill{background:var(--accent-color,#3b82f6);border-radius:999px;height:100%;transition:width .3s}.settings-storage-fill.near-limit{background:#ef4444}.settings-storage-hint{color:var(--text-secondary,#888);margin-top:8px;font-size:12px;line-height:1.5}.settings-media-files{margin-top:14px}.settings-media-files-header{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.4px;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.settings-media-files-count{color:var(--text-secondary,#888);text-transform:none;font-weight:500}.settings-media-files-empty{color:var(--text-secondary,#888);padding:8px 0;font-size:13px}.settings-media-files-list{flex-direction:column;gap:6px;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.settings-media-file{background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-color,transparent);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.settings-media-file.unused{opacity:.75}.settings-media-file-icon{color:#fff;background:var(--accent-color,#3b82f6);text-transform:uppercase;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:flex}.settings-media-file-meta{flex:1;min-width:0}.settings-media-file-name{color:var(--text-primary,#222);align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:500;display:flex}.settings-media-file-name-text{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.settings-media-file-badge{color:#15803d;background:#22c55e24;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.settings-media-file-badge.unused{color:var(--text-secondary,#888);background:#9ca3af24}.settings-media-file-sub{color:var(--text-secondary,#888);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.settings-media-file-delete{width:26px;height:26px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-media-file-delete:hover{color:#ef4444;background:#ef44441a}.settings-media-file-delete:disabled{opacity:.5;cursor:default}.settings-storage-manage-link{color:var(--accent-color,#3b82f6);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:10px;padding:4px 0;font-size:12px;font-weight:600;display:inline-flex}.settings-storage-manage-link:hover{text-decoration:underline}.settings-media-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px;display:flex}.settings-media-search{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-secondary,#f5f5f5);min-width:160px;color:var(--text-secondary,#888);border-radius:8px;flex:1;align-items:center;gap:6px;padding:6px 10px;display:flex}.settings-media-search input{min-width:0;color:var(--text-primary,#222);background:0 0;border:none;outline:none;flex:1;font-size:13px}.settings-media-filter{align-items:center;gap:6px;display:flex}.settings-media-filter select{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-secondary,#f5f5f5);color:var(--text-primary,#222);cursor:pointer;border-radius:8px;outline:none;padding:6px 8px;font-size:12px}.settings-media-bulkbar{background:color-mix(in srgb, var(--accent-color,#3b82f6) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-color,#3b82f6) 22%, transparent);color:var(--text-primary,#222);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:8px 12px;font-size:13px;display:flex}.settings-media-bulk-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.settings-media-bulk-delete:hover:not(:disabled){background:#dc2626}.settings-media-bulk-delete:disabled{opacity:.6;cursor:default}.settings-media-selectall{color:var(--text-secondary,#888);margin:8px 0 2px;font-size:12px}.settings-media-selectall label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.settings-media-file-check{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.settings-media-file-check.disabled{cursor:default;opacity:.35}.settings-media-file-check input{width:14px;height:14px;cursor:inherit;accent-color:var(--accent-color,#3b82f6)}.settings-media-file-thumb{object-fit:cover;background:var(--bg-secondary,#ececec);border:1px solid var(--border-color,#e0e0e0);border-radius:6px;flex-shrink:0;width:40px;height:34px}.settings-media-pagination{color:var(--text-secondary,#888);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.settings-media-pagination button{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-secondary,#f5f5f5);width:26px;height:26px;color:var(--text-primary,#222);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.settings-media-pagination button:hover:not(:disabled){background:var(--accent-color,#3b82f6);color:#fff}.settings-media-pagination button:disabled{opacity:.4;cursor:default}.settings-content::-webkit-scrollbar{width:5px}.settings-nav::-webkit-scrollbar{width:5px}.spinner-rotate{animation:.8s linear infinite settingsSpin}@keyframes settingsSpin{to{transform:rotate(360deg)}}.import-modal-overlay{-webkit-backdrop-filter:blur(2px);z-index:10000;background:#00000073;justify-content:center;align-items:center;animation:.18s importOverlayIn;display:flex;position:fixed;inset:0}@keyframes importOverlayIn{0%{opacity:0}to{opacity:1}}.import-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:480px;max-width:calc(100vw - 48px);max-height:calc(100vh - 96px);animation:.22s cubic-bezier(.16,1,.3,1) importModalIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000038,0 4px 16px #0000001f}@keyframes importModalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.import-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.import-modal-title{color:var(--text-primary);font-size:15px;font-weight:700}.import-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.import-modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.import-modal-body{flex-direction:column;padding:20px 22px 22px;display:flex;overflow-y:auto}.import-tabs{flex-shrink:0;gap:4px;padding:10px 16px 0;display:flex}.import-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.import-tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.import-tab.active{background-color:color-mix(in srgb, var(--accent-color) 12%, transparent);color:var(--accent-color);border-color:color-mix(in srgb, var(--accent-color) 22%, transparent)}.import-api-form{flex-direction:column;gap:14px;display:flex}.import-api-field{flex-direction:column;gap:5px;display:flex}.import-api-label{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.import-api-label svg{color:var(--accent-color)}.import-api-input{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.import-api-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 15%, transparent)}.import-api-input::placeholder{color:var(--text-muted);opacity:.7}.import-api-hint{color:var(--text-muted);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:11.5px;line-height:1.7}.import-api-hint strong{color:var(--text-primary)}.import-api-btn{align-items:center;gap:6px;margin-top:2px;display:inline-flex}.import-api-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.import-api-actions .btn{padding:8px 14px;font-size:13px}.import-select{flex-direction:column;gap:10px;display:flex}.import-select-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.import-select-title{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.import-select-title svg{color:var(--accent-color)}.import-select-count{color:var(--accent-color);background-color:color-mix(in srgb, var(--accent-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-color) 20%, transparent);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.import-select-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.import-select-toolbar .btn-sm{border-radius:7px;padding:5px 11px;font-size:12px}.import-select-hint{color:var(--text-muted);margin-left:auto;font-size:11px}.import-select-tree{background-color:var(--bg-secondary);border:1px solid var(--border-color);text-align:left;border-radius:9px;max-height:300px;padding:6px 8px;overflow-y:auto}.scan-node{border-radius:6px}.scan-node-row{cursor:default;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;transition:background-color .12s;display:flex}.scan-node-row:hover{background-color:var(--bg-hover)}.scan-node-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;transition:color .12s;display:flex}.scan-node-toggle:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--text-muted) 15%, transparent)}.scan-node-toggle.leaf{cursor:default;visibility:hidden}.scan-node-check{accent-color:var(--accent-color);cursor:pointer;flex-shrink:0;width:14px;height:14px}.scan-node-icon{flex-shrink:0;font-size:13px}.scan-node-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.scan-node-badge{color:var(--text-muted);background-color:var(--bg-hover);border:1px solid var(--border-color);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:10px;font-weight:600}.import-select-footer{justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;display:flex}.import-select-footer .btn{align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.import-select-footer .btn:disabled{opacity:.5;cursor:not-allowed}.import-intro{color:var(--text-muted);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12.5px;line-height:1.55;display:flex}.import-intro svg{color:var(--accent-color);flex-shrink:0;margin-top:1px}.import-intro strong{color:var(--text-primary)}.import-dropzone{border:2px dashed var(--border-color);cursor:pointer;text-align:center;background-color:var(--bg-secondary);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:42px 24px;transition:all .18s;display:flex}.import-dropzone:hover,.import-dropzone.dragover{border-color:var(--accent-color);background-color:color-mix(in srgb, var(--accent-color) 5%, var(--bg-secondary))}.import-dropzone.dragover{transform:scale(1.01)}.import-dropzone-icon{color:var(--accent-color);margin-bottom:4px}.import-dropzone-title{color:var(--text-primary);font-size:14px;font-weight:600}.import-dropzone-sub{color:var(--text-muted);font-size:12.5px}.import-dropzone-hint{color:var(--text-muted);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:9999px;align-items:center;gap:5px;margin-top:10px;padding:4px 11px;font-size:11px;display:flex}.import-dropzone-hint svg{color:var(--accent-color)}.import-progress{text-align:center;color:var(--accent-color);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.import-progress-title{color:var(--text-primary);max-width:340px;min-height:20px;margin-top:4px;font-size:15px;font-weight:700}.import-progress-track{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:999px;width:100%;max-width:320px;height:8px;margin-top:10px;position:relative;overflow:hidden}.import-progress-fill{background:linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 60%, #fff));border-radius:999px;height:100%;transition:width .35s;position:relative}.import-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.4s linear infinite importProgressShimmer;position:absolute;inset:0}@keyframes importProgressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.import-progress-meta{width:100%;max-width:320px;color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:6px;font-size:11.5px;display:flex}.import-progress-indeterminate{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:999px;width:100%;max-width:320px;height:8px;margin-top:10px;position:relative;overflow:hidden}.import-progress-indeterminate:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);border-radius:999px;width:40%;animation:1.2s ease-in-out infinite importProgressSlide;position:absolute;top:0;bottom:0}@keyframes importProgressSlide{0%{left:-40%}to{left:100%}}.import-log-tabs{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:14px;padding-bottom:8px;display:flex}.import-log-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.import-log-tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.import-log-tab.active{background-color:color-mix(in srgb, var(--accent-color) 12%, transparent);color:var(--accent-color)}.import-log-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);text-align:left;border-radius:9px;flex-direction:column;gap:4px;max-height:220px;padding:10px 12px;display:flex;overflow-y:auto}.import-log-empty{color:var(--text-muted);text-align:center;padding:14px 0;font-size:12.5px;font-style:italic}.import-log-item{word-break:break-word;align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;display:flex}.import-log-dot{background-color:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.import-log-msg{color:var(--text-secondary);flex:1}.import-log-info .import-log-dot{background-color:var(--text-muted)}.import-log-ok .import-log-dot{background-color:#22c55e;box-shadow:0 0 6px #22c55e80}.import-log-ok .import-log-msg{color:#4ade80}.import-log-warn .import-log-dot{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b80}.import-log-warn .import-log-msg{color:#fbbf24}.import-log-error .import-log-dot{background-color:#e5484d;box-shadow:0 0 6px #e5484d80}.import-log-error .import-log-msg{color:#f87171}.import-progress-pct{color:var(--accent-color);font-variant-numeric:tabular-nums;font-weight:700}.import-progress-count{font-variant-numeric:tabular-nums}.import-progress-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:12.5px;overflow:hidden}.import-progress-note{color:var(--text-muted);max-width:320px;margin-top:6px;font-size:11.5px;line-height:1.5}.import-done{flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px;display:flex}.import-done-icon{color:#22c55e;justify-content:center;align-items:center;display:flex}.import-done-title{color:var(--text-primary);font-size:16px;font-weight:700}.import-done-stats{gap:10px;width:100%;margin:6px 0 2px;display:flex}.import-stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 10px;display:flex}.import-stat-card svg{color:var(--accent-color)}.import-stat-num{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.import-stat-label{color:var(--text-muted);font-size:12px}.import-warnings{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;width:100%;margin-top:12px;padding:10px 12px}.import-warnings-title{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.import-warnings-title svg{color:#f59e0b}.import-warnings-list{flex-direction:column;gap:3px;max-height:130px;display:flex;overflow-y:auto}.import-warning-item{color:var(--text-muted);font-size:11.5px;line-height:1.4}.import-warning-more{color:var(--text-muted);margin-top:2px;font-size:11px;font-style:italic}.import-error{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 0 8px;display:flex}.import-error-icon{color:#e5484d}.import-error-title{color:var(--text-primary);font-size:16px;font-weight:700}.import-error-msg{color:var(--text-muted);max-width:360px;font-size:13px;line-height:1.5}.import-done-actions{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;display:flex}.import-done-actions .btn{justify-content:center;align-items:center;gap:6px;min-width:96px;padding:8px 16px;font-size:13px;display:inline-flex}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);will-change:width;flex-direction:column;height:100%;padding:16px;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.app-sidebar.resizing{transition:none!important}.app-sidebar.collapsed{border-right-color:#0000!important;width:0!important;min-width:0!important;padding-left:0!important;padding-right:0!important}.app-sidebar>*{min-width:0}.sidebar-resize-handle{cursor:col-resize;z-index:50;background:0 0;width:8px;height:100%;position:absolute;top:0;right:-4px}.sidebar-resize-handle:after{content:"";background:0 0;border-radius:2px;width:2px;height:100%;transition:background .15s,width .15s;position:absolute;top:0;left:50%;transform:translate(-50%)}.sidebar-resize-handle:hover:after,.sidebar-resize-handle:active:after{background:var(--accent-color);opacity:.8;width:3px}body.sidebar-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.sidebar-resizing *{pointer-events:none!important;cursor:col-resize!important}body.sidebar-resizing .sidebar-resize-handle{pointer-events:auto!important}.sidebar-workspace-header{align-items:center;gap:4px;margin-bottom:18px;display:flex;position:relative}.workspace-switcher-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:9px;min-width:0;padding:6px 8px;font-family:inherit;transition:background-color .15s;display:flex}.workspace-switcher-btn:hover{background-color:var(--bg-hover)}.workspace-avatar{background:linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 60%, #d946ef));color:#fff;width:28px;min-width:28px;height:28px;box-shadow:0 2px 6px color-mix(in srgb, var(--accent-color) 35%, transparent);border-radius:7px;justify-content:center;align-items:center;display:flex}.workspace-title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.workspace-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.workspace-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;overflow:hidden}.workspace-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.workspace-switcher-btn[aria-expanded=true] .workspace-chevron{transform:rotate(180deg)}.workspace-header-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.workspace-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.workspace-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.workspace-menu-popover{z-index:1000;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;min-width:230px;padding:6px;animation:.16s cubic-bezier(.16,1,.3,1) workspaceMenuIn;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 40px #00000029,0 2px 8px #00000014}@keyframes workspaceMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.workspace-menu-header{align-items:center;gap:9px;margin-bottom:4px;padding:8px 10px;display:flex}.workspace-menu-avatar{background:var(--bg-hover);width:30px;min-width:30px;height:30px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.workspace-menu-meta{min-width:0}.workspace-menu-meta .menu-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.workspace-menu-meta .menu-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.workspace-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.workspace-menu-item:hover{background-color:var(--bg-hover)}.workspace-menu-item svg{color:var(--text-muted);flex-shrink:0}.workspace-menu-item.danger,.workspace-menu-item.danger svg{color:#e5484d}.workspace-menu-item.danger:hover{background-color:#e5484d1f}.workspace-menu-divider{background-color:var(--border-color);height:1px;margin:5px 8px}.sidebar-search{background-color:var(--bg-hover);cursor:pointer;width:100%;color:var(--text-muted);text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.sidebar-search:hover{background-color:var(--bg-active);border-color:var(--border-color)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-placeholder{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.search-kbd{color:var(--text-muted);background-color:var(--bg-active);border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10.5px;font-weight:600;line-height:1.5}.shared-placeholder .placeholder-item{color:var(--text-muted);cursor:pointer;opacity:.6;font-size:13.5px;transition:opacity .15s,background-color .15s}.shared-placeholder .placeholder-item:hover{opacity:1;background-color:var(--bg-hover)}.shared-placeholder .placeholder-icon{color:var(--text-muted);flex-shrink:0;margin-right:6px}.shared-placeholder .text-muted{font-weight:400}.sidebar-section{flex-direction:column;flex-grow:0;max-height:40%;margin-bottom:24px;display:flex}.section-header{text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;padding-left:4px;font-size:11px;font-weight:600;display:flex}.btn-add-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.btn-add-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.section-list{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.sidebar-item{color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.sidebar-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background-color:var(--bg-active);color:var(--accent-color)}.nested-page-item-wrapper{flex-direction:column;width:100%;display:flex}.nested-page-item{padding-right:32px;position:relative}.nested-page-item[draggable=true]{cursor:grab}.nested-page-item:active{cursor:grabbing}.nested-page-item-wrapper.dragging{opacity:.4}.nested-page-item-wrapper.drop-before>.nested-page-item{box-shadow:inset 0 2px 0 0 var(--accent-color)}.nested-page-item-wrapper.drop-after>.nested-page-item{box-shadow:inset 0 -2px 0 0 var(--accent-color)}.nested-page-item-wrapper.drop-inside>.nested-page-item{background-color:var(--bg-active);outline:1.5px dashed var(--accent-color);outline-offset:-1.5px}.section-list.drop-root-active{box-shadow:inset 0 -2px 0 0 var(--accent-color);border-radius:6px}.sidebar-icon-toggle-area{flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;display:flex;position:relative}.sidebar-icon-toggle-area .btn-sidebar-toggle-expand{width:100%;height:100%;min-width:unset;min-height:unset;opacity:0;pointer-events:none;z-index:2;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .12s,background-color .1s 80ms,color .1s 80ms;display:flex;position:absolute;inset:0}.sidebar-icon-toggle-area .sidebar-icon-wrapper{z-index:1;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;inset:0}.sidebar-item:hover .sidebar-icon-toggle-area .btn-sidebar-toggle-expand.visible{opacity:1;pointer-events:auto}.sidebar-item:hover .sidebar-icon-toggle-area .btn-sidebar-toggle-expand.visible:hover{background-color:var(--bg-active);color:var(--text-primary);border-radius:4px}.sidebar-item:hover .sidebar-icon-toggle-area:has(.btn-sidebar-toggle-expand.visible) .sidebar-icon-wrapper{opacity:0}.sidebar-icon-toggle-area .btn-sidebar-toggle-expand.hidden{pointer-events:none}.sidebar-item-actions{opacity:0;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sidebar-item:hover .sidebar-item-actions{opacity:1}.btn-sidebar-action-plus{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background-color .15s,color .15s;display:flex}.btn-sidebar-action-plus:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-sidebar-action-more{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:2px;padding:0;transition:background-color .15s,color .15s;display:flex}.btn-sidebar-action-more:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-rename-input{background-color:var(--bg-primary);border:1px solid var(--accent-color);color:var(--text-primary);border-radius:3px;outline:none;width:calc(100% - 60px);padding:1px 4px;font-size:14px}.subpages-container{flex-direction:column;width:100%;display:flex}.sidebar-icon{flex-shrink:0}.sidebar-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;display:inline-flex}.item-label{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.sidebar-footer-rail{border-top:1px solid var(--border-color);justify-content:space-around;align-items:center;gap:4px;margin-top:auto;padding:8px 4px 2px;display:flex}.footer-rail-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;padding:8px 0;transition:all .15s;display:flex}.footer-rail-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.footer-rail-btn.active{background-color:var(--bg-active);color:var(--accent-color)}.settings-menu-popover{z-index:1001;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;min-width:236px;padding:6px;animation:.16s cubic-bezier(.16,1,.3,1) settingsMenuIn;position:absolute;bottom:58px;right:12px;box-shadow:0 12px 40px #00000029,0 2px 8px #00000014}@keyframes settingsMenuIn{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-menu-header{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.settings-menu-header svg{color:var(--accent-color)}.settings-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.settings-menu-item:hover{background-color:var(--bg-hover)}.settings-menu-item svg{color:var(--text-muted);flex-shrink:0}.settings-menu-item.danger,.settings-menu-item.danger svg{color:#e5484d}.settings-menu-item.danger:hover{background-color:#e5484d1f}.settings-menu-divider{background-color:var(--border-color);height:1px;margin:5px 8px}.undo-toast{background:var(--bg-popover,#ffffffd9);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color,#00000014);z-index:1001;border-radius:10px;align-items:center;gap:16px;padding:12px 16px;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px -5px #00000026,0 0 1px #0000001a}[data-theme=dark] .undo-toast{background:var(--bg-popover,#1c1c1cd9);border-color:var(--border-color,#ffffff14);box-shadow:0 10px 30px -5px #0000004d,0 0 1px #ffffff1a}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.undo-toast-content{color:var(--text-primary,#374151);align-items:center;gap:12px;font-size:13px;display:flex}[data-theme=dark] .undo-toast-content{color:var(--text-primary,#e5e7eb)}.btn-undo-toast{background:var(--accent-color,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.btn-undo-toast:hover{background:color-mix(in srgb, var(--accent-color,#2563eb) 85%, #000);transform:translateY(-1px)}.btn-undo-toast:active{transform:translateY(0)}.btn-close-toast{cursor:pointer;color:var(--text-muted,#9ca3af);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.btn-close-toast:hover{background:var(--hover-bg,#0000000d);color:var(--text-primary,#374151)}[data-theme=dark] .btn-close-toast:hover{background:var(--hover-bg,#ffffff0d);color:var(--text-primary,#e5e7eb)}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;color:var(--text-primary);display:flex;overflow:hidden}.command-palette-overlay{z-index:2000;background:#0f172a2e;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.command-palette{background:var(--bg-surface);width:min(560px,100vw - 32px);max-height:min(620px,100vh - 120px);color:var(--text-primary);border:1px solid #37352f1f;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0f172a38,0 4px 14px #0f172a1f}.command-search-row{border-bottom:1px solid var(--border-color);grid-template-columns:24px 1fr auto;align-items:center;gap:10px;height:48px;padding:0 14px;display:grid}.command-search-row svg,.command-search-row span{color:var(--text-muted)}.command-search-row input{background:0 0;border:0;outline:none;width:100%;font-size:15px}.command-list{max-height:calc(min(620px,100vh - 120px) - 48px);padding:6px;overflow-y:auto}.command-section-label{color:var(--text-muted);text-transform:uppercase;padding:8px 9px 4px;font-size:11px;font-weight:700}.command-item{width:100%;min-height:34px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:24px 1fr;align-items:center;gap:9px;padding:6px 9px;font-size:14px;display:grid}.command-item:hover{background:var(--bg-hover)}.app-workspace{flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.global-sidebar-toggle-btn{z-index:999;color:var(--text-muted);cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;left:14px}.global-sidebar-toggle-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.welcome-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.welcome-logo{color:var(--accent-color);margin-bottom:24px;animation:3s ease-in-out infinite float}.welcome-screen h1{margin-bottom:12px;font-size:32px;font-weight:700}.welcome-screen p{color:var(--text-muted);max-width:500px;margin-bottom:40px;font-size:16px;line-height:1.6}.welcome-shortcuts{gap:24px;max-width:600px;display:flex}.shortcut-card{background-color:var(--bg-sidebar);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:24px;transition:all .2s;display:flex}.shortcut-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.shortcut-card svg{color:var(--accent-color);margin-bottom:16px}.shortcut-card h3{margin-bottom:8px;font-size:16px}.shortcut-card p{margin-bottom:0;font-size:13px}.modal-overlay{z-index:10100;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background-color:var(--bg-surface);border:1px solid var(--border-color);width:400px;box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-sidebar);padding:16px;font-size:16px;font-weight:600}.modal-body{padding:20px}.modal-body input{border:1px solid var(--border-color);background-color:#0000;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}.modal-body input:focus{border-color:var(--accent-color)}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:12px 16px;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.linked-db-badge{color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);vertical-align:middle;letter-spacing:.2px;cursor:default;border-radius:20px;align-items:center;gap:4px;margin-left:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.db-delete-modal{background-color:var(--bg-surface);border:1px solid var(--border-color);width:340px;box-shadow:var(--shadow-lg);text-align:center;box-sizing:border-box;border-radius:12px;flex-direction:column;align-items:center;padding:24px;display:flex}.db-delete-title{color:var(--text-primary);margin-bottom:8px;font-family:inherit;font-size:18px;font-weight:600}.db-delete-desc{color:var(--text-secondary);margin-bottom:24px;font-family:inherit;font-size:14px}.db-delete-btn-danger{color:#fff;cursor:pointer;background-color:#eb5757;border:none;border-radius:6px;width:100%;margin-bottom:10px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .15s}.db-delete-btn-danger:hover{background-color:#df4b4b}.db-delete-btn-secondary{background-color:var(--bg-surface);width:100%;color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s}.db-delete-btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.trash-preview-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:linear-gradient(135deg,#b81e1e1f,#b81e1e14);border-bottom:1px solid #db242440;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;animation:.25s cubic-bezier(.16,1,.3,1) bannerSlideIn;display:flex;position:relative}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.trash-banner-text{color:#dd2c2c;flex:1;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.trash-banner-text svg{opacity:.85;flex-shrink:0}.trash-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-trash-banner-restore,.btn-trash-banner-delete{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.btn-trash-banner-restore{color:#db2424;background:#db24241f;border-color:#db24244d}.btn-trash-banner-restore:hover{background:#db242433;border-color:#db242480;transform:translateY(-1px)}.btn-trash-banner-delete{color:#fff;background:#db2424;border-color:#c11f1f}.btn-trash-banner-delete:hover{background:#c11f1f;transform:translateY(-1px);box-shadow:0 2px 8px #db24244d}[data-theme=dark] .trash-preview-banner{background:linear-gradient(135deg,#bd28282e,#bd28281a);border-bottom-color:#d742424d}[data-theme=dark] .trash-banner-text{color:#ef6c6c}[data-theme=dark] .btn-trash-banner-restore{color:#ef6c6c;background:#d7424226;border-color:#d7424259}[data-theme=dark] .btn-trash-banner-restore:hover{background:#d7424240}.trash-confirm-overlay{z-index:10100}.perm-delete-modal{background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:360px;max-width:90vw;padding:28px 28px 24px;animation:.2s cubic-bezier(.34,1.56,.64,1) modalPop;display:flex;box-shadow:0 24px 60px #0000004d,0 8px 20px #00000026}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.perm-delete-modal-icon{color:#db2424;background:#db24241f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.perm-delete-modal-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3}.perm-delete-modal-desc{color:var(--text-secondary);padding:0 4px;font-size:13.5px;line-height:1.6}.perm-delete-modal-desc strong{color:var(--text-primary)}.perm-delete-modal-actions{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.btn-perm-delete-confirm{color:#fff;cursor:pointer;background:#db2424;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.btn-perm-delete-confirm:hover{background:#b81e1e;transform:translateY(-1px);box-shadow:0 2px 10px #db242459}.btn-perm-delete-cancel{width:100%;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.btn-perm-delete-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .perm-delete-modal-icon{color:#ef6c6c;background:#bd282833}.app-side-peek{background:var(--bg-primary);border-left:1px solid var(--border-color);z-index:10020;flex-direction:column;width:40vw;min-width:40vw;max-width:75vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 42px #0f172a29}.app-side-peek-resize-handle{cursor:col-resize;z-index:3;width:10px;position:absolute;top:0;bottom:0;left:-5px}.app-side-peek-resize-handle:after{content:"";background:0 0;width:1px;transition:background-color .12s;position:absolute;top:0;bottom:0;left:4px}.app-side-peek-resize-handle:hover:after,body.is-side-peek-resizing .app-side-peek-resize-handle:after{background:#2383e2}.app-side-peek-tooltip{color:#ffffffb8;pointer-events:none;opacity:0;background:#111111eb;border-radius:6px;width:132px;padding:8px 10px;font-size:12px;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;top:72px;right:12px;transform:translate(-4px);box-shadow:0 8px 18px #0000003d}.app-side-peek-tooltip strong{color:#fff;font-weight:650}.app-side-peek-resize-handle:hover .app-side-peek-tooltip{opacity:1;transform:translate(0)}.app-side-peek-toolbar{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 18px;display:flex}.app-side-peek-icon-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.app-side-peek-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.app-side-peek-editor{flex:1;min-height:0;overflow:hidden}.app-side-peek-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:15px;display:flex}.app-side-peek .block-editor{height:100%;min-height:0}.app-side-peek .editor-header{display:none}body.is-side-peek-resizing,body.is-side-peek-resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}@media (width<=860px){.app-side-peek{width:calc(100vw - 16px);min-width:0;max-width:none}}