*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#08111f;font-family:Inter,Arial,Helvetica,sans-serif}.app{max-width:1200px;margin:auto;padding:30px}.topbar h1{margin-bottom:6px;font-size:34px}.wallet{background:#111827;border-radius:18px;align-items:center;gap:12px;min-width:220px;padding:18px 24px;display:flex}.wallet small{color:#94a3b8}.wallet h2{color:#60a5fa;margin-top:4px}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:30px;display:grid}.card{background:#111827;border-radius:18px;padding:22px}.card .icon{color:#60a5fa;margin-bottom:12px}.card small{color:#94a3b8}.card h3{margin-top:8px;font-size:28px}.panel{background:#111827;border-radius:24px;padding:26px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.live{background:#2563eb;border-radius:20px;padding:6px 14px;font-size:12px}.opportunity{background:#1f2937;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:20px;display:flex}.opportunity p{color:#9ca3af;margin-top:6px}.amount{color:#34d399;font-size:30px;font-weight:700}.analyze{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;transition:all .2s}.analyze:hover{background:#1d4ed8}@media (width<=768px){.topbar{flex-direction:column;align-items:flex-start;gap:20px}.opportunity{flex-direction:column;align-items:flex-start;gap:14px}}.analysis-page{max-width:1200px;margin:auto;padding:30px}.analysis-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;display:grid}.form-card,.report-card{background:#111827;border-radius:20px;padding:24px}.form-card input{color:#fff;background:#1f2937;border:none;border-radius:10px;width:100%;margin:8px 0 16px;padding:12px}.calculate-btn,.back-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:14px 18px}.back-btn{margin-bottom:20px}.metric-row{justify-content:space-between;margin:14px 0;display:flex}.leakage-box{background:#1f2937;border-radius:14px;gap:15px;margin:20px 0;padding:20px;display:flex}.recommend-box{background:#0f172a;border-radius:14px;padding:18px}@media (width<=900px){.analysis-grid{grid-template-columns:1fr}}.navigation{border-bottom:1px solid #1f2937;gap:8px;margin-bottom:30px;padding-bottom:15px;display:flex}.navigation button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;display:flex}.navigation button:hover{color:#fff;background:#111827}.navigation .nav-active{color:#fff;background:#1d4ed8}.panel-description{color:#94a3b8;margin:10px 0 20px;line-height:1.6}.recent-panel{margin-top:24px}.recent-row{border-bottom:1px solid #1f2937;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:20px;padding:16px 0;display:grid}.recent-row div{flex-direction:column;gap:5px;display:flex}.recent-row small{color:#64748b}.severity{border-radius:20px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.severity.high{color:#fca5a5;background:#451a1a}.severity.medium{color:#fcd34d;background:#422006}.severity.low{color:#86efac;background:#052e16}.history-table{width:100%}.history-header,.history-row{grid-template-columns:1.5fr 1fr 1.3fr 1.3fr 1.3fr 1fr;align-items:center;gap:15px;display:grid}.history-header{color:#64748b;text-transform:uppercase;padding-bottom:15px;font-size:12px}.history-row{border-top:1px solid #1f2937;padding:16px 0}.empty-state,.empty-report{text-align:center;color:#64748b;padding:60px 20px}.empty-state svg,.empty-report svg{margin-bottom:15px}.empty-state h3,.empty-report h3{color:#fff;margin-bottom:8px}.credit-hero{background:linear-gradient(135deg,#111827,#172554);border-radius:24px;align-items:center;gap:25px;margin-bottom:24px;padding:30px;display:flex}.credit-hero svg{color:#60a5fa}.credit-hero small{color:#60a5fa;letter-spacing:1px}.credit-hero h1{margin:5px 0;font-size:42px}.credit-hero p{color:#94a3b8}.credit-packages{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.package-card{background:#111827;border-radius:20px;padding:24px}.package-card svg{color:#60a5fa}.package-card h2{margin-top:15px;font-size:32px}.package-card p,.package-card small{color:#94a3b8}.package-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px}.transaction-row{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.transaction-row div{flex-direction:column;gap:5px;display:flex}.transaction-row small{color:#64748b}.credit-in{color:#34d399}.credit-out{color:#f87171}.analysis-title{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.analysis-title>div:first-child p:last-child{color:#94a3b8;margin-top:8px}.analysis-credit{color:#60a5fa;background:#111827;border-radius:12px;padding:12px 16px}.wallet-mini{margin-right:7px}.section-label{color:#60a5fa;margin:25px 0 10px}.market-average{background:#0f172a;border-radius:10px;justify-content:space-between;margin-bottom:15px;padding:15px;display:flex}.market-average span{color:#94a3b8}.success-message{color:#86efac;background:#052e16;border-radius:10px;align-items:center;gap:8px;margin:15px 0;padding:12px;display:flex}.severity-line{justify-content:space-between;align-items:center;margin:15px 0;display:flex}.analysis-disclaimer{color:#64748b;border-left:3px solid #475569;margin-top:20px;padding:12px;font-size:12px;line-height:1.6}@media (width<=900px){.credit-packages{grid-template-columns:1fr}.history-table{overflow-x:auto}.history-header,.history-row{min-width:800px}.recent-row{grid-template-columns:1fr;gap:12px}.analysis-title{flex-direction:column;align-items:flex-start;gap:20px}}.auth-page{background:#07111f;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#111827;border-radius:20px;width:420px;padding:30px}.auth-card h1{margin-bottom:8px}.auth-card p{color:#94a3b8;margin-bottom:25px}.auth-card label{margin:12px 0 6px;display:block}.auth-card input{color:#fff;background:#1f2937;border:none;border-radius:10px;width:100%;padding:12px}.auth-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:20px;padding:14px}.switch{color:#60a5fa!important;background:0 0!important}.history-card{background:#111827;border-radius:14px;margin-top:16px;padding:20px}.wallet-big{text-align:center;background:#111827;border-radius:20px;margin-top:20px;padding:40px}.wallet-big h2{color:#60a5fa;font-size:52px}.secondary{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:10px;margin-top:15px;padding:12px 18px}.dashboard{max-width:1200px;margin:auto;padding:30px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{color:#60a5fa;letter-spacing:2px;margin-bottom:8px;font-size:12px}.topbar h1{margin:0;font-size:34px}.topbar span{color:#94a3b8}.wallet-box{background:#111827;border-radius:16px;align-items:center;gap:12px;padding:18px 24px;display:flex}.wallet-box h2{color:#60a5fa;margin-top:4px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{background:#111827;border-radius:18px;padding:22px}.stat-card svg{color:#60a5fa;margin-bottom:10px}.stat-card small{color:#94a3b8}.stat-card h3{margin-top:8px;font-size:28px}.action-panel{background:#111827;border-radius:20px;margin-bottom:20px;padding:28px}.action-panel h2{margin-bottom:12px}.action-panel p{color:#94a3b8;margin-bottom:22px;line-height:1.6}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px}.primary-btn:hover{background:#1d4ed8}.quick-actions{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.secondary-btn,.logout-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;display:flex}.secondary-btn{color:#fff;background:#1f2937}.logout-btn{color:#fff;background:#7f1d1d}@media (width<=768px){.topbar{flex-direction:column;align-items:flex-start;gap:18px}.quick-actions{grid-template-columns:1fr}}.subtext{color:#94a3b8;margin-bottom:24px}.empty-card{text-align:center;background:#111827;border-radius:18px;padding:50px}.empty-card svg{color:#60a5fa;margin-bottom:12px}.history-top{justify-content:space-between;align-items:center;display:flex}.history-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0;display:grid}.history-grid small{color:#94a3b8;display:block}.green{color:#34d399}.alert-line{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.wallet-hero{background:#111827;border-radius:20px;align-items:center;gap:18px;margin:20px 0 30px;padding:26px;display:flex}.wallet-hero h2{color:#60a5fa;font-size:42px}.packages{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px;display:grid}.package{text-align:center;background:#111827;border-radius:18px;padding:22px}.package svg{color:#60a5fa}.package button{color:#fff;background:#1f2937;border:none;border-radius:10px;width:100%;margin-top:16px;padding:10px}.ledger{background:#111827;border-radius:18px;padding:22px}.transaction{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.transaction div{flex-direction:column;display:flex}.transaction small{color:#64748b}.credit{color:#34d399;font-weight:700}.debit{color:#ef4444;font-weight:700}