:root{--color-brand: #1a1a2e;--color-brand-dark: #0f1020;--color-brand-accent: #6366f1;--color-text-primary: #1a1b23;--color-text-secondary: #5b6070;--color-bg: #f6f7fb;--color-border: #e5e7ef;--sidebar-width: 248px;--topbar-height: 64px}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text-primary)}a{color:var(--color-brand-accent)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-brand);color:#e8e9f2;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);z-index:1030}.sidebar-logo{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo .brand{color:#fff;font-weight:600;font-size:18px;letter-spacing:.3px}.sidebar-logo .brand strong{color:var(--color-brand-accent);font-weight:700}.sidebar-content{flex:1;overflow-y:auto;padding:20px 12px}.sidebar-section-label{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.5px;color:#8b8fa8;padding:12px 12px 6px}.sidebar .nav-link{color:#c5c7d6;padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;transition:background .15s ease,color .15s ease}.sidebar .nav-link:hover{background:#ffffff0a;color:#fff}.sidebar .nav-link.active{background:var(--color-brand-accent);color:#fff;font-weight:500}.sidebar .nav-link i{width:18px;text-align:center}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.06)}.user-profile-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;text-decoration:none;color:#c5c7d6}.user-profile-link:hover{background:#ffffff0a;color:#fff}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-brand-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0}.user-info .user-name{font-size:13px;font-weight:600;color:#fff}.user-info .user-role{font-size:11px;color:#9ea0b8}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.top-header{position:sticky;top:0;z-index:1020;height:var(--topbar-height);background:#fff;border-bottom:1px solid var(--color-border)}.page-title{font-size:18px;font-weight:600}.content-container{padding:24px 28px}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.auth-container{width:100%;max-width:440px}.auth-card{background:#fff;border-radius:14px;padding:32px}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand .brand{font-size:20px;font-weight:600;color:var(--color-text-primary)}.auth-brand .brand strong{color:var(--color-brand-accent);font-weight:700}.btn-primary{background:var(--color-brand-accent);border-color:var(--color-brand-accent)}.btn-primary:hover,.btn-primary:focus{background:#4f52e1;border-color:#4f52e1}.form-control:focus{border-color:var(--color-brand-accent);box-shadow:0 0 0 .2rem #6366f11f}@media (max-width: 767.98px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.is-open{transform:translate(0)}.main-content{margin-left:0}.btn-sidebar-toggle{background:transparent;border:0;font-size:18px}}