:root{--bg-app:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#38bdf8;--accent-secondary:#818cf8;--accent-success:#4ade80;--accent-warning:#fbbf24;--accent-danger:#f87171;--border-subtle:#334155;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;height:100%}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.glass-panel{background:rgba(30,41,59,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:1.5rem;flex-shrink:0}.main-content{flex:1 1;overflow-y:auto;padding:2rem;position:relative}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);margin-bottom:.5rem;transition:all .2s ease}.nav-item.active,.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-item svg{width:20px;height:20px}.logo-area{margin-bottom:2rem;font-weight:700;font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.dashboard-charts{grid-template-columns:1fr}}.mobile-nav{display:none}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{display:none}.main-content{padding:1rem 1rem 80px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav,.mobile-nav-item{display:flex;align-items:center}.mobile-nav-item{flex-direction:column;justify-content:center;color:var(--text-secondary);width:100%;height:100%}.mobile-nav-item.active{color:var(--accent-primary)}.glass-panel{overflow-x:auto}h1{font-size:1.5rem!important}}