:root{--dash-header-h: 80px;--border-weak: rgba(255,255,255,.1);--border: rgba(255,255,255,.2);--bg-soft: rgba(255,255,255,.05);--bg-card: rgba(255,255,255,.1);--text: #fff;--text-muted: #b0b0b0;--brand-blue:#667eea;--brand-purple:#764ba2;--brand-teal:#4ecdc4;--brand-cyan:#45b7d1;--brand-yellow:#f9ca24;--brand-indigo:#6c5ce7;--brand-pink:#fd79a8}.dashboard{min-height:100vh;background:var(--gradient-bg);color:var(--text)}.dashboard .dashboard-header{position:fixed;inset:0 0 auto;z-index:1000;width:100%;background:#1c1c1ef2;backdrop-filter:blur(10px);border-bottom:1px solid #38383a;padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;height:var(--dash-header-h)}.dashboard .header-left,.dashboard .header-right{display:flex;align-items:center;gap:1rem}.dashboard .dashboard-logo{height:80px;width:auto;object-fit:contain}.dashboard .badge{background:#ffffff1a;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;color:var(--text-muted)}.dashboard .badge-strong{background:#fff3;color:#fff}.dashboard .dashboard-content{display:flex;min-height:100vh;padding-top:var(--dash-header-h)}.dashboard .dashboard-main{flex:1;padding:2rem;overflow-y:auto}.dashboard .dashboard-sidebar{width:60px;background:var(--bg-soft);backdrop-filter:blur(10px);border-right:1px solid var(--border-weak);transition:width .3s ease;overflow:hidden;position:relative;z-index:999}.dashboard .dashboard-sidebar.open{width:250px}.dashboard .sidebar-nav{padding:1rem}.dashboard .nav-item{width:100%;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;font-size:16px;padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem;transition:all .3s ease;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.dashboard .nav-item:hover{background:#ffffff1f}.dashboard .nav-item.active{background:#fff3;font-weight:600}.dashboard .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:var(--bg-soft);border-radius:16px;margin-bottom:2rem}.dashboard .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid var(--brand-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard .error-container{background:#ff6b6b1a;border:2px solid rgba(255,107,107,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.dashboard .error-retry{background:#ff6b6b33;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:14px}.dashboard .text-muted{color:var(--text-muted)}.dashboard .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard .stat-card{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.dashboard .stat-card .progress{width:100%;height:4px;background:#fff3;border-radius:2px;margin-top:.5rem;overflow:hidden}.dashboard .stat-card .progress .bar{width:var(--progress,0%);height:100%;background:var(--progress-color,#4ecdc4);transition:width .3s ease}.dashboard .cm-card{background:var(--bg-soft);border-radius:16px;border:2px solid var(--border-weak);padding:2rem}.dashboard .cm-card--glass{backdrop-filter:blur(10px)}.dashboard .cm-card--outlined{border:2px solid var(--border-weak)}.dashboard .grid-auto-fit-300{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard .grid-auto-fit-250{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.dashboard .input,.dashboard .select,.dashboard .textarea{width:100%;padding:1rem;border-radius:8px;border:2px solid var(--border);background:var(--bg-soft);color:#fff;font-size:16px}.dashboard .textarea{resize:vertical}.dashboard .btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;color:#fff}.dashboard .btn-gradient{background:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-purple) 100%)}.dashboard .btn-danger{background:#f00c}.dashboard .btn-outline{background:#ffffff1a;border:1px solid var(--border);color:#fff}.dashboard .btn:disabled{opacity:.7;cursor:not-allowed}.dashboard .credit-card{margin-top:2rem;padding:2rem;background:var(--bg-soft);border-radius:16px;border:2px solid var(--border-weak);position:relative}.dashboard .credit-loading{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.dashboard .credit-progress{width:100%;height:12px;background:#fff3;border-radius:6px;overflow:hidden;margin-bottom:1rem}.dashboard .credit-progress .bar{width:var(--progress,0%);height:100%;background:var(--progress-gradient,#666);transition:width .5s ease-in-out}.dashboard .status-pill{text-align:center;margin-top:1rem;padding:.5rem;border-radius:8px;border:1px solid;font-weight:700;font-size:.9rem}.dashboard .status-good{background:#4caf501a;border-color:#4caf504d;color:#4caf50}.dashboard .status-warn{background:#ff98001a;border-color:#ff98004d;color:#ff9800}.dashboard .status-crit{background:#f443361a;border-color:#f443364d;color:#f44336}@media (min-width: 769px){.dashboard .dashboard-content{display:block!important;padding-top:var(--dash-header-h)!important;margin-top:0!important}.dashboard .dashboard-sidebar{position:fixed!important;left:0!important;top:var(--dash-header-h)!important;height:calc(100vh - var(--dash-header-h))!important;width:60px!important;margin:0!important;padding:0!important;transform:none!important}.dashboard .dashboard-sidebar.open{width:250px!important}.dashboard .dashboard-overlay{display:none!important}.dashboard .dashboard-main{margin-left:60px!important;min-width:0!important}.dashboard .dashboard-sidebar.open~.dashboard-main{margin-left:250px!important}}.dashboard .sidebar-divider{border:0;border-top:1px solid var(--border-weak);margin:.75rem 0}.dashboard .nav-item-logout{color:#ffd6d6}.dashboard .nav-item-logout:hover,.dashboard .nav-item-logout:focus{background:#ff000026;color:#fff}@media (max-width: 768px){.dashboard{--dash-header-h: 80px}.dashboard .dashboard-content{display:block!important;padding-top:var(--dash-header-h)!important;margin-top:0!important}.dashboard .dashboard-sidebar{position:fixed!important;top:var(--dash-header-h)!important;left:0!important;height:calc(100dvh - var(--dash-header-h))!important;width:80%!important;max-width:320px!important;transform:translate(-100%)!important;margin:0!important;padding:0!important;border-right:0!important;z-index:999!important}.dashboard .dashboard-sidebar.open{transform:translate(0)!important}.dashboard .dashboard-overlay{position:fixed!important;top:var(--dash-header-h)!important;left:0!important;right:0!important;bottom:0!important;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:998!important}.dashboard .dashboard-overlay.open{opacity:1;pointer-events:auto}.dashboard .dashboard-main{margin:0!important;padding:16px!important;min-width:0!important}.dashboard .dash-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;line-height:1;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:inherit}}