@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--dash-bg: #f8fafc;--dash-surface: #ffffff;--dash-surface-hover: #f1f5f9;--dash-purple: #7c3aed;--dash-purple-hover: #6d28d9;--dash-purple-light: #f5f3ff;--dash-purple-badge: #ede9fe;--dash-purple-border: #ddd6fe;--dash-text-primary: #0f172a;--dash-text-secondary: #475569;--dash-text-muted: #64748b;--dash-text-dim: #94a3b8;--dash-border: #e2e8f0;--dash-border-subtle: #f1f5f9;--dash-green: #059669;--dash-green-bg: #ecfdf5;--dash-green-border: #a7f3d0;--dash-red: #dc2626;--dash-red-bg: #fef2f2;--dash-red-border: #fecaca;--dash-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--dash-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .06);--dash-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--dash-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--dash-radius-sm: 6px;--dash-radius-md: 10px;--dash-radius-lg: 16px;--dash-radius-full: 9999px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Grotesk", monospace}*{margin:0;padding:0;box-sizing:border-box}body.dashboard-body{background-color:var(--dash-bg);color:var(--dash-text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;overflow-x:hidden}.font-mono{font-family:var(--font-mono)}.text-gradient-purple{background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dash-sidebar{width:260px;background:var(--dash-surface);border-right:1px solid var(--dash-border);display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;position:fixed;top:0;left:0;bottom:0;z-index:50}.dash-main{flex:1;margin-left:260px;background:var(--dash-bg);min-height:100vh;display:flex;flex-direction:column}.dash-header{height:70px;background:var(--dash-surface);border-bottom:1px solid var(--dash-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.dash-content{padding:32px;max-width:1300px;width:100%}.dash-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.25rem;font-weight:800;color:var(--dash-purple);padding:0 8px 20px;border-bottom:1px solid var(--dash-border)}.dash-logo-icon{width:34px;height:34px;border-radius:var(--dash-radius-md);background:var(--dash-purple);display:flex;align-items:center;justify-content:center;color:#fff}.dash-nav-menu{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:6px}.dash-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--dash-radius-md);color:var(--dash-text-secondary);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s ease}.dash-nav-item:hover{background:var(--dash-surface-hover);color:var(--dash-purple)}.dash-nav-item.active{background:var(--dash-purple-light);color:var(--dash-purple);font-weight:700;border:1px solid var(--dash-purple-border)}.dash-sidebar-footer{padding:16px 8px 0;border-top:1px solid var(--dash-border)}.dash-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius-lg);padding:24px;box-shadow:var(--dash-shadow);transition:box-shadow .2s ease,transform .2s ease}.dash-card:hover{box-shadow:var(--dash-shadow-md)}.dash-profile-hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#ffffff 0%,var(--dash-purple-light) 100%);border:1px solid var(--dash-purple-border);border-radius:var(--dash-radius-lg);padding:24px 28px;box-shadow:var(--dash-shadow);margin-bottom:24px}.dash-avatar-circle{width:52px;height:52px;border-radius:var(--dash-radius-md);background:var(--dash-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.dash-kpi-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius-lg);padding:20px;box-shadow:var(--dash-shadow);display:flex;flex-direction:column;justify-content:space-between}.dash-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dash-kpi-title{font-size:.82rem;font-weight:600;color:var(--dash-text-muted);text-transform:uppercase;letter-spacing:.5px}.dash-kpi-icon{width:32px;height:32px;border-radius:8px;background:var(--dash-purple-light);color:var(--dash-purple);display:flex;align-items:center;justify-content:center}.dash-kpi-value{font-size:1.85rem;font-weight:800;color:var(--dash-text-primary);font-family:var(--font-mono);line-height:1.2}.dash-kpi-subtitle{font-size:.78rem;color:var(--dash-text-dim);margin-top:6px}.dash-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--dash-radius-md);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.dash-btn-primary{background:var(--dash-purple);color:#fff;box-shadow:0 1px 2px #7c3aed33}.dash-btn-primary:hover{background:var(--dash-purple-hover);box-shadow:0 4px 10px #7c3aed4d}.dash-btn-secondary{background:var(--dash-surface);border-color:var(--dash-border);color:var(--dash-text-secondary)}.dash-btn-secondary:hover{background:var(--dash-surface-hover);color:var(--dash-text-primary);border-color:var(--dash-text-dim)}.dash-btn-purple-light{background:var(--dash-purple-light);border-color:var(--dash-purple-border);color:var(--dash-purple)}.dash-btn-purple-light:hover{background:#ede9fe}.rotating{animation:spin .8s linear infinite!important}@keyframes spin{to{transform:rotate(360deg)}}.dash-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--dash-radius-full);font-size:.75rem;font-weight:700}.dash-badge-purple{background:var(--dash-purple-badge);color:var(--dash-purple);border:1px solid var(--dash-purple-border)}.dash-badge-green{background:var(--dash-green-bg);color:var(--dash-green);border:1px solid var(--dash-green-border)}.dash-badge-red{background:var(--dash-red-bg);color:var(--dash-red);border:1px solid var(--dash-red-border)}.dash-table-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius-lg);box-shadow:var(--dash-shadow);overflow:hidden}.dash-table-header{padding:20px 24px;border-bottom:1px solid var(--dash-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.dash-table-title{font-size:1.1rem;font-weight:700;color:var(--dash-text-primary)}.dash-search-input{background:var(--dash-bg);border:1px solid var(--dash-border);border-radius:var(--dash-radius-md);padding:8px 14px 8px 36px;font-size:.85rem;color:var(--dash-text-primary);width:220px;transition:all .2s ease}.dash-search-input:focus{outline:none;background:#fff;border-color:var(--dash-purple);box-shadow:0 0 0 3px #7c3aed1a}.dash-table{width:100%;border-collapse:collapse;text-align:left}.dash-table th{background:var(--dash-bg);padding:12px 24px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--dash-text-muted);letter-spacing:.5px;border-bottom:1px solid var(--dash-border)}.dash-table td{padding:16px 24px;font-size:.875rem;border-bottom:1px solid var(--dash-border-subtle);color:var(--dash-text-secondary)}.dash-table tr:hover td{background:var(--dash-purple-light)}.dash-table tr:last-child td{border-bottom:none}.dash-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease}.dash-modal-overlay.active{opacity:1;pointer-events:auto}.dash-modal-card{background:var(--dash-surface);border:1px solid var(--dash-purple-border);border-radius:var(--dash-radius-lg);padding:32px;width:90%;max-width:440px;box-shadow:var(--dash-shadow-lg);text-align:center}.dash-qr-box{background:#fff;padding:16px;border-radius:var(--dash-radius-md);border:1px solid var(--dash-border);display:inline-block;margin:18px 0;box-shadow:var(--dash-shadow-sm)}.dash-qr-box img{display:block;width:180px;height:180px}.toast-container{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;background:#fff;border:1px solid var(--dash-purple-border);border-left:4px solid var(--dash-purple);border-radius:var(--dash-radius-md);padding:14px 20px;box-shadow:0 12px 28px -4px #7c3aed26,0 6px 12px -2px #00000014;color:var(--dash-text-primary);font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:12px;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1);min-width:320px;max-width:440px}@keyframes toastSlideIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#06030ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.loading-overlay.active{opacity:1;pointer-events:auto}.loading-spinner{width:56px;height:56px;border:4px solid rgba(131,110,249,.2);border-top-color:#836ef9;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}@media (max-width: 1024px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dash-sidebar{display:none}.dash-main{margin-left:0}.dash-kpi-grid{grid-template-columns:1fr}.dash-content{padding:20px 16px}.dash-header{padding:0 16px}}