:root{--color-primary: #00AEEF;--color-primary-hover: #0095CC;--color-primary-light: rgba(0, 174, 239, .08);--color-primary-rgb: 0, 174, 239;--color-bg: #F4F5F7;--color-bg-card: #FFFFFF;--color-bg-sidebar: #070B14;--color-text: #1A1D2B;--color-text-secondary: #4A4D5C;--color-text-muted: #6B7280;--color-border: #DDE0E7;--color-border-light: #ECEEF2;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16)}[data-theme=dark]{--color-bg: #0D1020;--color-bg-card: #161B2E;--color-bg-sidebar: #070B14;--color-text: #E8EAF0;--color-text-secondary: #9498A8;--color-text-muted: #7B7F94;--color-border: #252A42;--color-border-light: #1E2238;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.4;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:#0000000f;color:var(--color-text)}.btn-secondary:hover{background:#0000001a}[data-theme=dark] .btn-secondary{background:#ffffff14;color:var(--color-text)}[data-theme=dark] .btn-secondary:hover{background:#ffffff24}.btn-danger{background:var(--status-danger, #dc3545);color:#fff}.btn-danger:hover{background:var(--btn-danger-hover, #c82333)}.btn-success{background:var(--status-success, #28a745);color:#fff}.btn-success:hover{background:var(--btn-success-hover, #218838)}.btn-sm{padding:5px 10px;font-size:13px}.app-layout{min-height:100vh;background:var(--color-bg, #F4F5F7);margin:0;padding:0}[data-theme=dark] .app-layout{background:var(--color-bg, #0D1020)}.sidebar{width:260px;background:var(--color-bg-sidebar, #070B14);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-x:hidden;overflow-y:auto;transition:transform .3s ease}.sidebar-logo{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.sidebar-logo img{height:26px;width:auto}.sidebar-nav{flex:1;padding:12px 0;overflow-x:hidden;overflow-y:auto}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.nav-group{margin-bottom:4px}.nav-group-title{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffffff59;padding:16px 20px 8px;-webkit-user-select:none;user-select:none;margin:0}.nav-group-collapsible .nav-group-title{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.nav-group-collapsible .nav-group-title:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,255,255,.3);transition:transform .2s ease}.nav-group-collapsible.open .nav-group-title:after{transform:rotate(180deg)}.nav-group-collapsible .nav-group-items{display:none}.nav-group-collapsible.open .nav-group-items{display:block}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;color:#fff9;text-decoration:none;font-family:var(--font-body, "DM Sans", sans-serif);font-size:14px;font-weight:500;border-radius:8px;margin:1px 12px;transition:background-color .15s ease,color .15s ease;cursor:pointer;border:none;background:none;width:calc(100% - 24px);text-align:left}.nav-item:hover{background:#ffffff0f;color:#ffffffe6}.nav-item.active{background:#00aeef1f;color:#00aeef;font-weight:600}.nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.7}.nav-item.active svg{opacity:1}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 4px;margin-bottom:8px}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:#00aeef26;color:#00aeef;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-actions{display:flex;flex-direction:column;gap:2px}.sidebar-footer-btn{display:flex;align-items:center;gap:10px;padding:8px;color:#ffffff80;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;font-weight:500;background:none;border:none;border-radius:6px;cursor:pointer;text-decoration:none;transition:background-color .15s ease,color .15s ease;width:100%;text-align:left}.sidebar-footer-btn:hover{background:#ffffff0f;color:#ffffffd9}.sidebar-footer-btn svg{width:16px;height:16px;flex-shrink:0;opacity:.6}.sidebar-darkmode{display:flex;align-items:center;justify-content:space-between;padding:8px}.sidebar-darkmode-label{font-size:13px;font-weight:500;color:#ffffff80}.main-content{margin-left:260px;width:calc(100% - 260px);padding:24px 32px;min-height:100vh;box-sizing:border-box;background:var(--color-bg, #F4F5F7)}[data-theme=dark] .main-content{background:var(--color-bg, #0D1020)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h1{font-family:var(--font-body, "DM Sans", sans-serif);font-size:24px;font-weight:700;font-style:normal;color:var(--color-text, #1A1D2B);letter-spacing:-.02em;margin:0;padding-top:6px}[data-theme=dark] .page-header h1{color:var(--color-text, #E8EAF0)}.page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:101;width:40px;height:40px;background:var(--color-bg-sidebar, #070B14);color:#fff;border:none;border-radius:8px;font-size:20px;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}@media(max-width:1024px){.sidebar{transform:translate(-260px)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}.main-content{margin-left:0;width:100%;padding:64px 16px 20px}.mobile-menu-btn{display:flex}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}