:root{--bg-0: #141418;--bg-1: #1a1a1f;--bg-2: #1f1f26;--bg-3: #26262d;--bg-4: #2e2e37;--border: #2a2a33;--border-strong: #363640;--text-1: #ececf1;--text-2: #b4b4bf;--text-3: #7e7e8c;--text-4: #55555f;--accent: #5865F2;--accent-hover: #6d77f5;--accent-dim: rgba(88, 101, 242, .15);--accent-ring: rgba(88, 101, 242, .35);--success: #3ba55d;--warning: #f0b232;--danger: #ed4245;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 14px rgba(0,0,0,.28);--shadow-lg: 0 10px 40px rgba(0,0,0,.45);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--pad-y: 14px;--pad-x: 18px;--gap: 14px;--row-h: 42px}[data-density=compact]{--pad-y:8px;--pad-x:12px;--gap:10px;--row-h:34px}[data-density=comfy]{--pad-y:18px;--pad-x:22px;--gap:18px;--row-h:48px}[data-theme=light]{--bg-0: #f5f5f7;--bg-1: #ffffff;--bg-2: #fafafb;--bg-3: #f0f0f3;--bg-4: #e6e6eb;--border: #e4e4ea;--border-strong: #d0d0d8;--text-1: #1a1a1f;--text-2: #4a4a55;--text-3: #7a7a85;--text-4: #a0a0aa;--accent-dim: rgba(88,101,242,.1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--text-1);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px}body{overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid var(--bg-1)}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;background:var(--bg-0);transition:grid-template-columns .2s ease}[data-sidebar=icons] .app{grid-template-columns:68px 1fr}[data-sidebar=wide] .app{grid-template-columns:280px 1fr}.mobile-backdrop,.mobile-menu-btn{display:none}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#4752c4);display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 14px #5865f259;flex-shrink:0}.brand-mark img{width:22px;height:22px;object-fit:contain}.brand-text{font-weight:600;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.brand-sub{font-size:11px;color:var(--text-3);margin-top:1px;font-family:var(--font-mono)}[data-sidebar=icons] .brand-text-wrap,[data-sidebar=icons] .nav-label,[data-sidebar=icons] .nav-group-label,[data-sidebar=icons] .sidebar-footer-text,[data-sidebar=icons] .nav-count{display:none}[data-sidebar=icons] .sidebar-brand{justify-content:center;padding:20px 0 18px}.nav{padding:12px 10px;flex:1;overflow-y:auto}.nav-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-4);padding:14px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--radius-md);color:var(--text-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .12s ease;width:100%;text-align:left;position:relative}.nav-item:hover{background:var(--bg-2);color:var(--text-1)}.nav-item.active{background:var(--accent-dim);color:var(--text-1)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-icon{width:18px;height:18px;flex-shrink:0;stroke-width:1.8}.nav-label{flex:1}.nav-count{font-size:11px;background:var(--bg-3);color:var(--text-3);padding:2px 7px;border-radius:20px;font-family:var(--font-mono)}.nav-item.active .nav-count{background:var(--accent);color:#fff}[data-sidebar=icons] .nav-item{justify-content:center;padding:10px}.sidebar-footer{padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f0b232,#ed4245);display:grid;place-items:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0;position:relative;cursor:pointer}.avatar:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--success);border:2px solid var(--bg-1)}.sidebar-footer-text{flex:1;min-width:0}.sidebar-footer-name{font-size:13px;font-weight:500;color:var(--text-1)}.sidebar-footer-bot{font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.main{display:flex;flex-direction:column;overflow:hidden}.header{height:56px;border-bottom:1px solid var(--border);background:var(--bg-1);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3)}.crumbs .sep{color:var(--text-4)}.crumbs .cur{color:var(--text-1);font-weight:500}.header-spacer{flex:1}.search{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);padding:7px 12px;border-radius:var(--radius-md);width:280px;color:var(--text-3)}.search input{background:none;border:none;outline:none;color:var(--text-1);font-size:13px;width:100%}.search .kbd{font-family:var(--font-mono);font-size:10px;color:var(--text-4);padding:2px 5px;background:var(--bg-3);border-radius:4px;border:1px solid var(--border);white-space:nowrap}.icon-btn{width:34px;height:34px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-2);transition:all .12s ease;flex-shrink:0}.icon-btn:hover{background:var(--bg-2);color:var(--text-1)}.icon-btn.active{background:var(--accent-dim);color:var(--text-1)}.content{flex:1;overflow-y:auto;padding:28px 32px}[data-density=compact] .content{padding:18px 22px}[data-density=comfy] .content{padding:36px 42px}.page-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px}.page-title{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0}.page-subtitle{font-size:13.5px;color:var(--text-3);margin-top:4px}.page-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;background:var(--bg-2);color:var(--text-1);border:1px solid var(--border);transition:all .12s ease;white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:var(--border-strong)}.btn-primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 2px 8px #5865f24d}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-2);color:var(--text-1)}.btn-danger{color:var(--danger)}.btn-danger:hover{background:#ed42451a;border-color:#ed42454d}.btn-sm{padding:6px 10px;font-size:12px}.btn svg{width:14px;height:14px;flex-shrink:0}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card-title{font-size:14px;font-weight:600;margin:0}.card-sub{font-size:12px;color:var(--text-3)}.card-body{padding:20px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.input,.textarea,.select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 12px;font-size:13.5px;color:var(--text-1);outline:none;transition:all .12s ease;width:100%}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--bg-1)}.textarea{resize:vertical;min-height:90px;line-height:1.5}.select{-webkit-appearance:none;-moz-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 24 24' fill='none' stroke='%237e7e8c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.field-hint{font-size:11px;color:var(--text-4)}.field-counter{font-size:11px;color:var(--text-4);font-family:var(--font-mono);margin-left:auto}.field-header{display:flex;align-items:center}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;padding:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px}.editor-tool{padding:6px 10px;border:1px solid var(--border);background:var(--bg-1);color:var(--text-2);border-radius:6px;font-size:12px;line-height:1;transition:all .12s ease}.editor-tool:hover{background:var(--bg-3);color:var(--text-1)}.editor-tool:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:500;background:var(--bg-3);color:var(--text-2)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--text-3);flex-shrink:0}.badge.success{background:#3ba55d26;color:#5ecf80}.badge.success .badge-dot{background:#5ecf80}.badge.warn{background:#f0b23226;color:#f0b232}.badge.warn .badge-dot{background:#f0b232}.badge.info{background:var(--accent-dim);color:#8a94f7}.badge.info .badge-dot{background:#8a94f7}.badge.danger{background:#ed424526;color:#ef6366}.badge.danger .badge-dot{background:#ef6366}.toggle{position:relative;width:34px;height:20px;background:var(--bg-4);border-radius:20px;transition:all .15s;flex-shrink:0;cursor:pointer}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all .15s}.toggle.on{background:var(--accent)}.toggle.on:after{left:16px}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:2px}.seg-btn{padding:6px 12px;border-radius:7px;font-size:12.5px;color:var(--text-3);font-weight:500;white-space:nowrap}.seg-btn.active{background:var(--bg-4);color:var(--text-1);box-shadow:var(--shadow-sm)}.row{display:flex;align-items:center;gap:var(--gap)}.col{display:flex;flex-direction:column;gap:var(--gap)}.grow{flex:1}.muted{color:var(--text-3)}.mono{font-family:var(--font-mono)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:520px;max-width:95vw;box-shadow:var(--shadow-lg)}.toast-area{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500;box-shadow:var(--shadow-md);pointer-events:all;animation:slideIn .2s ease}.toast.success{background:#1e3a2b;color:#5ecf80;border:1px solid #5ecf8044}.toast.error{background:#3a1e1e;color:#ef6366;border:1px solid #ef636644}.toast.info{background:var(--bg-3);color:var(--text-1);border:1px solid var(--border)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.login-page{display:grid;place-items:center;height:100vh;background:var(--bg-0)}.login-card{width:400px;max-width:92vw}@media (max-width: 900px){.app{display:block;height:100dvh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);z-index:120;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:translate(0)}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#00000094}.main{min-height:100dvh}.header{height:auto;min-height:56px;padding:12px 16px;gap:10px;flex-wrap:wrap;position:sticky;top:0;z-index:40}.mobile-menu-btn{display:grid}.crumbs{min-width:0;flex:1;overflow:hidden;white-space:nowrap}.crumbs .cur{overflow:hidden;text-overflow:ellipsis}.header-spacer{display:none}.search{order:3;width:100%;min-width:0;flex:1 1 100%}.search .kbd{display:none}.content{padding:18px 14px 24px}.page-header{flex-direction:column;gap:14px;margin-bottom:18px}.page-title{font-size:22px}.page-actions{width:100%;margin-left:0}.page-actions>*{flex:1 1 100%;min-width:0}.page-actions .btn,.page-actions .seg,.page-actions .input,.page-actions .select{width:100%!important}.card-header,.card-body{padding:16px}.row{flex-wrap:wrap}.toast-area{left:14px;right:14px;bottom:14px}.toast{width:100%}.tweak-panel{left:14px;right:14px;bottom:14px!important;width:auto!important}.dashboard-stats,.dashboard-panels,.users-summary-grid,.users-create-grid{grid-template-columns:1fr!important}.images-toolbar{align-items:stretch!important}.images-search,.images-toolbar>div:last-child{width:100%!important;margin-left:0!important}.images-list-card{overflow-x:auto}.images-list-grid{min-width:620px}.scheduler-card{overflow:hidden!important}.scheduler-month-head,.scheduler-month-body,.scheduler-week-grid{min-width:700px}.scheduler-card>div:not(.card-header),.scheduler-week-scroll{overflow-x:auto}.day-panel{top:0!important;width:100vw!important;border-left:none!important}.modal{width:min(96vw,520px);max-height:90dvh;overflow:auto}}@media (max-width: 640px){.page-title{font-size:20px}.content{padding:14px 10px 20px}.card-header,.card-body{padding:14px}.seg{width:100%;overflow:auto}.seg-btn{flex:1 0 auto}}