:root{--canvas:#fbfbfe;--surface:#fff;--surface-subtle:#f4f5f8;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#e5e7eb;--accent:#10b981;--accent-hover:#059669;--accent-tint:#ecfdf5;--danger:#ef4444;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 1px 3px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.02);--shadow-elevated:0 12px 30px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav-header{background:var(--surface);border-bottom:1px solid var(--border-color);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-container{justify-content:space-between}.brand-link,.nav-container{display:flex;align-items:center}.brand-link{gap:10px;font-weight:700;font-size:1.25rem;letter-spacing:-.5px;color:var(--text-primary)}.brand-logo{border-radius:6px;display:block}.nav-actions{display:flex;gap:12px}.btn,.nav-actions{align-items:center}.btn{display:inline-flex;justify-content:center;font-size:.9rem;font-weight:600;padding:9px 20px;border-radius:999px;border:1px solid transparent;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface-subtle);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:#e5e7eb}.btn-outline{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-danger-outline{background:transparent;border-color:#fca5a5;color:var(--danger)}.btn-danger-outline:hover{background:#fef2f2}.btn-sm{padding:6px 14px;font-size:.82rem}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-card)}.badge{display:inline-block;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.3px}.badge-success{background:#ecfdf5;color:#059669}.badge-warning{background:#fef3c7;color:#d97706}.badge-danger{background:#fef2f2;color:#dc2626}.badge-neutral{background:#f3f4f6;color:#4b5563}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:var(--radius-lg);max-width:440px;width:90%;padding:32px;text-align:center;box-shadow:var(--shadow-elevated);animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.admin-sidebar{width:270px;background:#1e293b;color:#f8fafc;padding:28px 20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;box-shadow:2px 0 12px rgba(0,0,0,.06);z-index:50;transition:width .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar,.admin-sidebar-nav{display:flex;flex-direction:column}.admin-sidebar-nav{gap:6px;flex:1 1}.admin-sidebar-btn{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;border:none;background:transparent;color:#94a3b8;font-weight:500;font-size:.9rem;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.admin-sidebar-btn:hover{background:rgba(51,65,85,.6);color:#f8fafc;transform:translateX(4px)}.admin-sidebar-btn.active{background:#334155;color:#34d399;font-weight:700;transform:translateX(0);box-shadow:0 2px 8px rgba(0,0,0,.15)}.admin-sidebar-btn .admin-indicator-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:#34d399;border-radius:0 4px 4px 0;transform:scaleY(0);opacity:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease}.admin-sidebar-btn.active .admin-indicator-bar{transform:scaleY(1);opacity:1}.admin-sidebar-btn .admin-badge{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(148,163,184,.15);color:#94a3b8;transition:all .25s ease}.admin-sidebar-btn.active .admin-badge{background:rgba(52,211,153,.2);color:#34d399}.section-transition-container{animation:sectionSlideFade .32s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}@keyframes sectionSlideFade{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}