:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--blue-900: #0f336d;--blue-800: #134b96;--blue-700: #1e63c2;--sky-500: #5ab5f7;--sky-300: #b9e5ff;--white: #ffffff;--surface: #eef7ff;--text: #0b234a;--text-soft: #36577f;--line: #c9ddf5;--danger: #b72136;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:linear-gradient(150deg,#f8fcff,#eaf5ff 40%,#dbeeff)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#d7efff 0%,transparent 40%),radial-gradient(circle at 90% 15%,#c7e5ff 0%,transparent 35%),linear-gradient(135deg,#f7fbff,#e9f4ff 55%,#d8ebff)}#root{min-height:100vh;padding:1.5rem}.app-shell{width:min(1200px,100%);margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;border-radius:20px;background:#ffffffeb;border:1px solid rgba(30,99,194,.18);box-shadow:0 12px 24px #0f336d14;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-area{display:flex;align-items:center;gap:.85rem}.brand-dot{width:1.1rem;height:1.1rem;border-radius:999px;background:linear-gradient(150deg,var(--sky-500),var(--blue-700));box-shadow:0 0 0 5px #d9ecff}.brand-kicker{margin:0;color:var(--text-soft);font-size:.82rem}.brand-area h1{margin:.05rem 0 0;font-size:1.3rem}.menu-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}main{display:grid;gap:1rem}.home-grid,.dashboard-wrap{display:grid;gap:1rem}.home-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.hero-card,.info-card,.feature-card,.login-card,.welcome-card,.kpi-card,.table-card,.chart-card,.empty-state{background:#fffffff0;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 24px #0d428b14}.hero-card{grid-column:span 8;padding:1.8rem}.hero-card h2{margin:.3rem 0 .7rem;font-size:clamp(1.55rem,4vw,2.2rem);line-height:1.2}.hero-card p{margin:0;color:var(--text-soft);line-height:1.55}.info-card{grid-column:span 4;padding:1.3rem}.info-card h3{margin-top:0}.metric-row{display:flex;justify-content:space-between;gap:.7rem;padding:.65rem 0;border-bottom:1px dashed #d4e6fa}.metric-row:last-child{border-bottom:0}.feature-card{grid-column:span 4;padding:1.2rem}.feature-card h3{margin-top:0}.feature-card p{margin:0;line-height:1.5;color:var(--text-soft)}.section-chip{display:inline-flex;margin:0;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--blue-900);background:linear-gradient(150deg,#e1f2ff,#c9e8ff)}.cta-group{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.6rem}.primary-btn,.ghost-btn{border-radius:11px;border:1px solid transparent;padding:.62rem 1rem;font-size:.95rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.primary-btn{background:linear-gradient(135deg,var(--blue-700),var(--blue-800));color:var(--white);box-shadow:0 8px 16px #174a923d}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.ghost-btn{color:var(--blue-900);border-color:#134b9657;background:#f2f9ff}.login-wrap{display:grid;place-items:center;min-height:70vh}.login-card{width:min(520px,100%);padding:1.65rem}.login-card h2{margin:.45rem 0}.login-card p{margin-top:0;color:var(--text-soft)}.login-form{display:grid;gap:.55rem}.login-form label{margin-top:.45rem;font-weight:600;color:#173d74}.login-form input{width:100%;border:1px solid #bdd9f7;border-radius:10px;padding:.7rem .78rem;font-size:.95rem;color:#17355e;background:#f8fcff}.login-form input:focus{outline:2px solid #89c7fa;border-color:#72baef}.full-btn{width:100%;margin-top:.8rem}.error-box{color:var(--danger);margin:.5rem 0 0;font-size:.9rem;font-weight:600}.help-box{margin-top:1rem;background:#f0f8ff;border:1px dashed #9ac6ee;border-radius:10px;padding:.85rem}.help-box p{margin:0 0 .35rem;color:#295892;font-weight:600}.help-box code{display:block;color:#16467f;background:#e2f1ff;padding:.32rem .42rem;border-radius:8px;margin-bottom:.4rem;font-size:.86rem}.dashboard-wrap{grid-template-columns:repeat(12,minmax(0,1fr))}.welcome-card{grid-column:span 12;padding:1.3rem}.welcome-card h2{margin:.4rem 0}.welcome-card p{margin:0;color:var(--text-soft);max-width:820px}.kpi-grid{grid-column:span 12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.kpi-card{padding:1rem}.kpi-card p{margin:0;color:var(--text-soft)}.kpi-card h3{margin:.35rem 0 0;color:#143e75;font-size:1.35rem}.table-card,.chart-card,.empty-state{grid-column:span 12;padding:1.2rem}.table-card h3,.chart-card h3{margin-top:0}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}thead{background:#e6f4ff}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #d6e8fa;font-size:.93rem}.bars{display:grid;gap:.7rem}.bar-row{display:grid;grid-template-columns:170px 1fr 75px;gap:.6rem;align-items:center}.bar-row span,.bar-row strong{font-size:.9rem}.bar-track{height:13px;border-radius:999px;background:#dff0ff;overflow:hidden;border:1px solid #c0dbf5}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#58b8ff,#1d66c5)}.empty-state{text-align:center}@media(max-width:980px){.hero-card,.info-card,.feature-card{grid-column:span 12}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-row{grid-template-columns:130px 1fr 65px}}@media(max-width:680px){#root{padding:.85rem}.topbar{align-items:flex-start;flex-direction:column}.menu-actions{width:100%;justify-content:flex-start}.kpi-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr;gap:.35rem}.bar-row strong{justify-self:flex-end}.login-card,.hero-card,.info-card,.feature-card,.welcome-card,.kpi-card,.table-card,.chart-card{padding:1rem}}