.sidebar{position:fixed;top:0;right:0;width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;transition:var(--transition);box-shadow:-4px 0 24px #0000001f;overflow-x:hidden}.sidebar-logo{padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:11px}.sidebar-logo .logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 12px #2a9d8f66;flex-shrink:0}.sidebar-logo h1{font-size:.95rem;font-weight:700;color:#fff;line-height:1.25}.sidebar-logo span{font-size:.68rem;color:color-mix(in srgb,var(--sidebar-text,#fff) calc(45% + 55%*(1 - var(--sidebar-text-fade,1))),transparent);font-weight:400;display:block;margin-top:1px}.sidebar-nav{flex:1;padding:14px 10px;overflow-y:auto}.nav-section-title{font-size:.78rem;font-weight:700;color:color-mix(in srgb,var(--sidebar-text,#fff) calc(55% + 45%*(1 - var(--sidebar-text-fade,1))),transparent);letter-spacing:.08em;text-transform:uppercase;padding:16px 10px 6px;border-top:1px solid rgba(255,255,255,.06)}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:var(--radius-sm);color:color-mix(in srgb,var(--sidebar-text,#fff) calc(65% + 35%*(1 - var(--sidebar-text-fade,1))),transparent);font-size:.9rem;font-weight:500;transition:var(--transition);margin-bottom:2px;cursor:pointer;user-select:none;position:relative}.nav-item .nav-icon{font-size:1.05rem;flex-shrink:0;width:22px;text-align:center}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #2a9d8f59}.sidebar-footer{padding:14px 10px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer .version{font-size:.68rem;color:color-mix(in srgb,var(--sidebar-text,#fff) calc(22% + 78%*(1 - var(--sidebar-text-fade,1))),transparent);text-align:center;margin-bottom:8px}.topbar{position:fixed;top:0;right:0;height:var(--topbar-h);background:var(--bg-card);border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;z-index:90;box-shadow:var(--shadow-sm);width:calc(100% - var(--sidebar-w));left:0}.topbar:after{content:"";position:absolute;bottom:-2px;right:0;left:0;height:2px;background:var(--primary);opacity:.4}.topbar-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.page-title{font-size:1.2rem;font-weight:700;color:var(--secondary)}.breadcrumb{font-size:.77rem;color:var(--text-muted)}#topbar-subtitle .bc-link{cursor:pointer;color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .15s}#topbar-subtitle .bc-link:hover{color:var(--primary);text-decoration:underline}#topbar-subtitle .bc-sep{margin:0 4px;color:var(--text-muted);font-size:.82rem}#topbar-subtitle .bc-page{color:var(--secondary);font-weight:700}@media(max-width:991px){#topbar-subtitle .bc-dt{display:none}#topbar-subtitle .bc-page{font-size:.7rem}}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.topbar-btn{width:38px;height:38px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);transition:var(--transition);cursor:pointer;border:1px solid var(--border)}.topbar-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.user-badge{display:flex;align-items:center;gap:9px;padding:5px 13px 5px 5px;border-radius:99px;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:var(--transition)}.user-badge:hover{border-color:var(--primary)}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700}.user-name{font-size:.84rem;font-weight:600;color:var(--secondary)}.main-content{margin-right:var(--sidebar-w);margin-top:var(--topbar-h);flex:1;min-width:0;padding:26px;min-height:calc(100vh - var(--topbar-h))}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--border)}.card-title{font-size:.98rem;font-weight:700;color:var(--secondary)}.card-body{padding:18px 22px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}.stat-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:18px;display:flex;align-items:center;gap:14px;transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--primary)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:50px;height:50px;border-radius:12px;background:#2a9d8f1a;display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex-shrink:0}.stat-info h3{font-size:1.55rem;font-weight:800;color:var(--secondary);line-height:1}.stat-info p{font-size:.78rem;color:var(--text-muted);margin-top:3px;font-weight:500}