@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--primary-blue:#2563eb;--primary-light-blue:#3b82f6;--primary-glow:#2563eb59;--card-glass-bg:#ffffffa6;--card-glass-border:#fffc;--card-shadow:0 20px 50px #0000000f, 0 2px 10px #ffffff80 inset;--metric-glass-bg:#fff9;--metric-glass-border:#ffffffe6;--text-dark:#0f172a;--text-muted:#64748b;--text-light:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);min-height:100vh;color:var(--text-dark);-webkit-font-smoothing:antialiased;background:#eef2ff;justify-content:center;align-items:center;display:flex;position:relative;overflow-x:hidden}.bg-wrapper{z-index:0;background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 40%,#f3e8ff 75%,#fae8ff 100%);position:fixed;inset:0;overflow:hidden}.bg-cloud{filter:blur(90px);opacity:.8;border-radius:50%;animation:25s ease-in-out infinite alternate floatCloud;position:absolute}.bg-cloud-1{background:radial-gradient(circle,#93c5fde6 0%,#bfdbfe4d 100%);width:650px;height:650px;top:-15%;left:10%}.bg-cloud-2{background:radial-gradient(circle,#d8b4fecc 0%,#e9d5ff33 100%);width:700px;height:700px;animation-delay:-7s;bottom:-15%;right:5%}.bg-cloud-3{background:radial-gradient(circle,#fed7e299 0%,#e0e7ff33 100%);width:500px;height:500px;animation-delay:-14s;top:30%;left:40%}@keyframes floatCloud{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.06)}to{transform:translate(-30px,30px)scale(.96)}}.app-viewport{z-index:1;flex-direction:column;justify-content:center;width:100%;max-width:1100px;min-height:90vh;padding:40px 24px;display:flex;position:relative}.top-header{justify-content:space-between;align-items:center;margin-bottom:28px;padding:0 8px;display:flex}.top-header-title{color:var(--text-dark);letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.top-header-actions{gap:12px;display:flex}.dashboard-grid{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:28px;display:grid}@media (width<=860px){.dashboard-grid{grid-template-columns:1fr}}.glass-card{background:var(--card-glass-bg);-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--card-glass-border);box-shadow:var(--card-shadow);border-radius:32px;flex-direction:column;justify-content:space-between;padding:36px 40px;display:flex}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{color:#fff;box-shadow:0 8px 20px -2px var(--primary-glow);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:9999px;padding:12px 36px;font-size:1rem;font-weight:700}.btn-primary:hover{box-shadow:0 12px 24px -2px var(--primary-glow);transform:translateY(-2px)scale(1.02)}.btn-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:var(--text-dark);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #0000000a}.btn-icon:hover{color:var(--primary-blue);background:#fffffff2;transform:translateY(-2px)}.tabs-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff73;border:1px solid #ffffffb3;border-radius:9999px;justify-content:center;gap:6px;width:fit-content;margin:0 auto 20px;padding:6px;display:flex}.tab-button{color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:9999px;padding:10px 24px;font-size:.9rem;font-weight:600}.tab-button.active{color:var(--primary-blue);background:#fff;box-shadow:0 4px 14px #0000000d}.metric-row{background:var(--metric-glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--metric-glass-border);border-radius:20px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 4px 12px #00000005}.metric-label{color:var(--text-muted);font-size:.95rem;font-weight:500}.metric-value{color:var(--text-dark);font-size:1.05rem;font-weight:700}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}