:root{--bg:#0b0c0f;--panel: rgba(255,255,255,.06);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--muted2: rgba(255,255,255,.48);--radius: 18px;--shadow: 0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1200px 700px at 20% 0%,rgba(120,120,255,.14),transparent 60%),radial-gradient(900px 600px at 80% 20%,rgba(0,255,200,.1),transparent 55%),var(--bg);color:var(--text)}.app-container{max-width:1100px;margin:0 auto;padding:44px 18px 36px}.app-header{border:1px solid var(--border);background:linear-gradient(180deg,#ffffff12,#ffffff08);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}h1{margin:0;font-size:28px;letter-spacing:-.5px}.subtitle{margin:6px 0 0;color:var(--muted)}.mode-toggle{display:flex;gap:10px;margin-top:14px}.mode-btn{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.mode-btn:hover{transform:translateY(-1px);border-color:#ffffff2e}.mode-btn.active{background:#ffffff24}.main-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{border:1px solid var(--border);background:#ffffff0a;border-radius:var(--radius);padding:18px;box-shadow:0 10px 35px #00000038}.card h2{margin:0 0 12px;font-size:16px;letter-spacing:-.2px}.form-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}input,select{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:var(--text);outline:none;min-width:150px}input::placeholder{color:#ffffff73}button{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff1f;color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);border-color:#ffffff2e}.dashboard{grid-column:span 2}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.summary-grid p{margin:0;color:var(--muted);font-size:13px}.summary-grid h3{margin:6px 0 0;font-size:18px}.export-btn{margin-top:14px;width:100%}@media (max-width: 900px){.main-grid{grid-template-columns:1fr}.dashboard{grid-column:span 1}.summary-grid{grid-template-columns:repeat(2,1fr)}}.upgrade-btn{display:block;margin-top:10px;padding:12px;text-align:center;border-radius:14px;border:1px solid rgba(46,204,113,.35);background:#2ecc7126;color:#2ecc71;text-decoration:none;transition:transform .12s ease,border-color .12s ease}.upgrade-btn:hover{transform:translateY(-1px);border-color:#2ecc718c}.demo-note{margin:10px 0 0;font-size:12px;color:#ffffff8c;text-align:center}