:root{--color-bg-deep:#0b0f19;--color-bg-surface:#12192699;--color-bg-card:#1e293b66;--color-brand-cyan:#00f0ff;--color-brand-cyan-dim:#00f0ff33;--color-brand-green:#00ff87;--color-text-primary:#fff;--color-text-secondary:#fff9;--color-text-muted:#fff6;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-deep);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.glass-panel{background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}.text-gradient{background:linear-gradient(135deg, var(--color-brand-cyan), var(--color-brand-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.animated-bg{z-index:-1;background-color:var(--color-bg-deep);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(120px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.blob.cyan{background:var(--color-brand-cyan);width:600px;height:600px;animation-delay:0s;top:-10%;left:-10%}.blob.green{background:var(--color-brand-green);width:500px;height:500px;animation-delay:-5s;bottom:-20%;right:-10%}.blob.dark-purple{opacity:.3;background:#3b00ff;width:800px;height:800px;animation-duration:25s;top:30%;left:40%}.grid-overlay{opacity:.5;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 30%,#000 100%);mask-image:radial-gradient(#0000 30%,#000 100%)}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.9)}to{transform:translate(0)scale(1)}}.glass-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;min-height:220px;padding:24px;display:flex;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(to bottom right,#ffffff0d,#0000 40%,#ffffff05);width:100%;height:100%;position:absolute;top:0;left:0}.glass-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 40px -10px #00000080,inset 0 0 0 1px #fff3}.theme-cyan:hover{box-shadow:0 16px 40px -10px var(--color-brand-cyan-dim)}.theme-green:hover{box-shadow:0 16px 40px -10px #00ff8733}.card-header{justify-content:space-between;align-items:center;display:flex}.card-icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.theme-cyan .card-icon{color:var(--color-brand-cyan);box-shadow:0 0 20px -5px var(--color-brand-cyan-dim)}.theme-green .card-icon{color:var(--color-brand-green);box-shadow:0 0 20px -5px #00ff8733}.card-tag{color:var(--color-text-secondary);background:#ffffff1a;border-radius:100px;padding:4px 8px;font-size:12px}.card-title{letter-spacing:-.5px;margin-bottom:8px;font-size:20px;font-weight:600}.card-desc{color:var(--color-text-secondary);flex-grow:1;font-size:14px;line-height:1.6}.card-footer{opacity:.5;transition:opacity var(--transition-normal);margin-top:auto}.glass-card:hover .card-footer{opacity:1}.action-text{font-size:14px;font-weight:500}.theme-cyan .action-text{color:var(--color-brand-cyan)}.theme-green .action-text{color:var(--color-brand-green)}.dashboard-container{flex-direction:column;min-height:100vh;display:flex}.dashboard-header{z-index:10;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 32px #0006}.logo-section{align-items:center;gap:16px;display:flex}.logo-mark{object-fit:cover;width:40px;height:40px;box-shadow:0 0 15px -5px var(--color-brand-cyan);border-radius:50%}.company-name{letter-spacing:1px;font-size:20px;font-weight:600}.user-section{color:var(--color-text-secondary);background:#ffffff0d;border-radius:20px;padding:6px 16px;font-size:14px}.dashboard-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:48px 32px}.welcome-banner{margin-bottom:48px}.welcome-banner h2{letter-spacing:-1px;margin-bottom:12px;font-size:40px;font-weight:700}.welcome-banner p{color:var(--color-text-secondary);font-size:18px}.app-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}@media (width<=768px){.dashboard-main{padding:32px 20px}.welcome-banner h2{font-size:32px}.dashboard-header{height:64px;padding:0 20px}.logo-mark{width:32px;height:32px;font-size:14px}.company-name{font-size:16px}}