@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0d13;--bg-secondary:#11131d;--bg-tertiary:#191c29;--glass-bg:#0d101b73;--glass-bg-hover:#ffffff08;--glass-border:#ffffff12;--glass-border-focus:#ffffff26;--glass-highlight:#ffffff03;--accent-blue:#39f;--accent-blue-glow:#3399ff26;--accent-purple:#9851fb;--accent-purple-glow:#9851fb26;--accent-cyan:#00f5f5;--accent-cyan-glow:#00f5f526;--accent-emerald:#18dc6a;--accent-emerald-glow:#18dc6a26;--accent-rose:#ef3966;--accent-rose-glow:#ef396626;--accent-amber:#f3991b;--accent-amber-glow:#f3991b26;--text-primary:#f2f5f8;--text-secondary:#a7b3be;--text-muted:#6e7a87;--font-family:"Inter", system-ui, -apple-system, sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 48px #00000080;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#8b42f00f 0,#0000 45%),radial-gradient(at 100% 100%,#1380ec0f 0,#0000 45%),radial-gradient(#1ae6e605 0,#0000 60%);background-attachment:fixed;width:100vw;min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{width:100vw;height:100vh;display:flex;overflow:hidden}[data-theme=light]{--bg-primary:#f9fafb;--bg-secondary:#f0f2f5;--bg-tertiary:#e0e6eb;--glass-bg:#ffffffb3;--glass-bg-hover:#00000008;--glass-border:#00000014;--glass-border-focus:#00000026;--glass-highlight:#ffffff80;--accent-blue:#0080ff;--accent-blue-glow:#0080ff1a;--accent-purple:#7c2bee;--accent-purple-glow:#7c2bee1a;--accent-cyan:#0ac2c2;--accent-cyan-glow:#0ac2c21a;--accent-emerald:#169c4e;--accent-emerald-glow:#169c4e1a;--accent-rose:#e61a4d;--accent-rose-glow:#e61a4d1a;--accent-amber:#d48311;--accent-amber-glow:#d483111a;--text-primary:#171f26;--text-secondary:#4c5967;--text-muted:#818c98}[data-theme=light] body{background-image:radial-gradient(at 0 0,#8b42f008 0,#0000 45%),radial-gradient(at 100% 100%,#1380ec08 0,#0000 45%),radial-gradient(#1ae6e603 0,#0000 60%)}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);width:260px;height:100%;transition:width var(--transition-normal);z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar:after{content:"";background:linear-gradient(#0000,#ffffff1a 20% 80%,#0000);width:1px;height:100%;position:absolute;top:0;right:0}.sidebar.collapsed{width:78px}.logo-section{border-bottom:1px solid var(--glass-border);white-space:nowrap;align-items:center;gap:16px;height:70px;padding:0 24px;display:flex;overflow:hidden}.logo-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.logo-glow{background:var(--accent-blue);filter:blur(8px);opacity:.6;border-radius:50%;width:32px;height:32px;animation:3s infinite alternate pulse;position:absolute}.logo-icon{color:var(--accent-blue);z-index:1;position:relative}.logo-text{letter-spacing:.8px;background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;transition:opacity var(--transition-fast);-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.sidebar.collapsed .logo-text{opacity:0;pointer-events:none;width:0}.nav-section{flex-direction:column;flex:1;gap:8px;padding:24px 12px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:0 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.nav-item.active{color:var(--text-primary);box-shadow:inset 3px 0 0 0 var(--accent-blue);background:linear-gradient(90deg,#2678f226 0%,#2678f205 100%)}.nav-item-icon{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0}.nav-item.active .nav-item-icon,.nav-item:hover .nav-item-icon{color:var(--accent-blue)}.nav-item-label{transition:opacity var(--transition-fast);font-size:.925rem;font-weight:500}.sidebar.collapsed .nav-item-label{opacity:0;pointer-events:none;width:0}.collapse-btn{border-top:1px solid var(--glass-border);justify-content:flex-end;align-items:center;height:50px;padding:0 24px;display:flex}.sidebar.collapsed .collapse-btn{justify-content:center;padding:0}.toggle-icon-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.toggle-icon-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.profile-section{border-top:1px solid var(--glass-border);align-items:center;gap:12px;padding:16px;display:flex;overflow:hidden}.profile-avatar-wrapper{flex-shrink:0;position:relative}.avatar{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);border:1px solid var(--glass-border);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.status-indicator{background:var(--accent-emerald);border:2px solid var(--bg-secondary);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.profile-details{white-space:nowrap;transition:opacity var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.profile-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.profile-role{color:var(--text-muted);font-size:.75rem}.sidebar.collapsed .profile-details{opacity:0;pointer-events:none;width:0}.main-dashboard{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.dashboard-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.search-container{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:320px;height:40px;transition:all var(--transition-fast);background:#ffffff08;align-items:center;padding:0 16px;display:flex}.search-container:focus-within{border-color:var(--accent-blue);background:#ffffff0d;box-shadow:0 0 0 3px #2678f226}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding-left:12px;font-family:inherit;font-size:.875rem}.search-input::placeholder{color:var(--text-muted)}.header-actions{align-items:center;gap:20px;display:flex}.clock-widget{text-align:right;flex-direction:column;justify-content:center;display:flex}.clock-time{color:var(--text-primary);letter-spacing:.5px;font-family:monospace;font-size:.95rem;font-weight:700}.clock-date{color:var(--text-muted);font-size:.725rem;font-weight:500}.notification-bell-btn,.theme-toggle-btn{border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff08;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell-btn:hover,.theme-toggle-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--glass-border-focus)}.notification-badge{background:var(--accent-rose);width:8px;height:8px;box-shadow:0 0 10px var(--accent-rose-glow);border-radius:50%;position:absolute;top:8px;right:8px}.database-status-indicator{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;font-weight:500;display:flex}.db-status-dot{border-radius:50%;width:8px;height:8px}.db-status-dot.active{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald-glow)}.db-status-dot.fallback{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber-glow)}.dashboard-viewport{flex-direction:column;flex:1;gap:32px;padding:32px;display:flex;overflow-y:auto}.welcome-header{animation:.8s ease-out fadeIn}.welcome-title{color:var(--text-primary);margin-bottom:4px;font-size:1.85rem;font-weight:700}.welcome-subtitle{color:var(--text-secondary);font-size:.95rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;animation:.6s ease-out slideUp;display:grid}.metric-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--glass-border-focus);box-shadow:var(--shadow-md);background:#ffffff05;transform:translateY(-4px)}.metric-card:before{content:"";filter:blur(24px);opacity:.12;width:80px;height:80px;transition:opacity var(--transition-normal);border-radius:50%;position:absolute;top:-40px;right:-40px}.metric-card.total_revenue:before{background:var(--accent-blue)}.metric-card.active_users:before{background:var(--accent-purple)}.metric-card.active_sessions:before{background:var(--accent-cyan)}.metric-card.bounce_rate:before{background:var(--accent-rose)}.metric-card:hover:before{opacity:.22}.metric-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.metric-icon-box{border-radius:var(--radius-md);border:1px solid var(--glass-border);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.total_revenue .metric-icon-box{color:var(--accent-blue);background:#2678f214}.active_users .metric-icon-box{color:var(--accent-purple);background:#a855f714}.active_sessions .metric-icon-box{color:var(--accent-cyan);background:#06b6d414}.bounce_rate .metric-icon-box{color:var(--accent-rose);background:#f43f5e14}.metric-body{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.metric-value{color:var(--text-primary);font-family:monospace;font-size:1.85rem;font-weight:700}.metric-change{align-items:center;gap:2px;font-size:.825rem;font-weight:600;display:flex}.metric-change.up{color:var(--accent-emerald)}.metric-change.down{color:var(--accent-rose)}.metric-footer{height:35px;margin-top:auto}.sparkline-svg{width:100%;height:100%;overflow:visible}.sparkline-path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:all .5s}.total_revenue .sparkline-path{stroke:var(--accent-blue)}.active_users .sparkline-path{stroke:var(--accent-purple)}.active_sessions .sparkline-path{stroke:var(--accent-cyan)}.bounce_rate .sparkline-path{stroke:var(--accent-rose)}.dashboard-grid-two{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.dashboard-grid-two{grid-template-columns:1fr}}.dashboard-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;padding:24px;display:flex;position:relative}.panel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.panel-title{color:var(--text-primary);font-size:1.05rem;font-weight:600}.chart-content{flex:1;justify-content:center;align-items:center;height:280px;display:flex;position:relative}.svg-chart{width:100%;height:100%}.grid-line{stroke:#ffffff08;stroke-width:1px}.chart-axis-text{fill:var(--text-muted);font-size:.725rem;font-weight:500}.chart-line{fill:none;stroke:url(#chart-gradient);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0px 8px 12px var(--accent-blue-glow))}.chart-area{fill:url(#area-gradient);opacity:.7}.chart-interactive-point{fill:var(--bg-primary);stroke:var(--accent-blue);stroke-width:3px;cursor:pointer;transition:r var(--transition-fast)}.chart-interactive-point:hover{r:7}.chart-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);pointer-events:none;box-shadow:var(--shadow-lg);color:var(--text-primary);z-index:10;background:#0d101be6;border:1px solid #ffffff26;flex-direction:column;padding:8px 12px;font-size:.75rem;display:none;position:absolute}.tooltip-date{color:var(--text-muted);margin-bottom:4px;font-weight:600}.tooltip-value{color:var(--accent-blue);font-size:.85rem;font-weight:700}.actions-container{flex-direction:column;flex:1;gap:16px;display:flex}.action-btn{border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);text-align:left;background:#ffffff05;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.action-btn:hover{background:#ffffff0d;border-color:#ffffff26;transform:translate(4px)}.action-btn-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.action-btn.action-success .action-btn-icon{color:var(--accent-emerald);background:#10b98114}.action-btn.action-info .action-btn-icon{color:var(--accent-blue);background:#2678f214}.action-btn.action-warning .action-btn-icon{color:var(--accent-amber);background:#f59e0b14}.action-btn.action-danger .action-btn-icon{color:var(--accent-rose);background:#f43f5e14}.action-details{flex-direction:column;display:flex}.action-title{margin-bottom:2px;font-size:.875rem;font-weight:600}.action-desc{color:var(--text-muted);font-size:.725rem}.activity-feed-section{animation:.8s ease-out slideUp}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#0000000d;overflow-x:auto}.activity-table{border-collapse:collapse;text-align:left;width:100%}.activity-table th,.activity-table td{padding:16px 20px}.activity-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);background:#ffffff05;font-size:.775rem;font-weight:600}.activity-table tr{transition:background var(--transition-fast);border-bottom:1px solid #ffffff08}.activity-table tr:last-child{border-bottom:none}.activity-table tr:hover{background:#ffffff03}.activity-user-cell{align-items:center;gap:12px;display:flex}.activity-user-avatar{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.725rem;font-weight:600;display:flex}.activity-type-cell{align-items:center;display:flex}.badge{text-transform:capitalize;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.725rem;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge.success{color:var(--accent-emerald);background:#10b9810f;border-color:#10b98126}.badge.success .badge-dot{background:var(--accent-emerald)}.badge.info{color:var(--accent-blue);background:#2678f20f;border-color:#2678f226}.badge.info .badge-dot{background:var(--accent-blue)}.badge.warning{color:var(--accent-amber);background:#f59e0b0f;border-color:#f59e0b26}.badge.warning .badge-dot{background:var(--accent-amber)}.badge.error{color:var(--accent-rose);background:#f43f5e0f;border-color:#f43f5e26}.badge.error .badge-dot{background:var(--accent-rose)}.activity-text{color:var(--text-primary);font-size:.85rem}.activity-time{color:var(--text-muted);font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.4;transform:scale(.95)}to{opacity:.7;transform:scale(1.05)}}.no-data-msg{text-align:center;color:var(--text-muted);padding:32px;font-size:.875rem}