*,*:before,*:after{box-sizing:border-box}:root{--card:#12182a;--muted:#9aa3b2;--text:#e6edf7;--brand:#4da3ff;--brand2:#3be6c4;--accent:#ffb84d;--success:#31d0a4;--bottom-bar-h: 56px}html,body{height:100%}body{margin:0;background:linear-gradient(180deg,#0a1020,#0b1224);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:980px;margin:0 auto;padding:14px}.topbar{position:sticky;top:0;background:#0a1122cc;border-bottom:1px solid #ffffff10;backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;padding:10px 14px;z-index:10}.topbar .logo{font-weight:800;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;color:transparent}.topbar nav a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px;margin-right:6px}.topbar nav a.active,.topbar nav a:hover{background:#ffffff12;color:var(--text)}.card{background:var(--card);border:1px solid #ffffff10;border-radius:16px;padding:16px;box-shadow:0 8px 30px #00000030;margin:12px 0}.btn{border:0;border-radius:12px;padding:12px 16px;background:var(--brand);color:#08101b;font-weight:800;box-shadow:0 6px 16px #4da3ff40;margin:10px 0;cursor:pointer}.btn.ghost{background:transparent;color:var(--text);border:1px solid #ffffff20}.btn.success{background:linear-gradient(90deg,var(--success),#7ef2ce);color:#082018}.row{display:flex;gap:12px;align-items:center}.row>label{min-width:120px}input,select,textarea{width:100%;padding:12px;border-radius:12px;background:#0d1322;border:1px solid #ffffff15;color:var(--text)}.list{display:flex;flex-direction:column;gap:12px}.product{display:flex;gap:12px;align-items:center}.product img{width:64px;height:64px;border-radius:14px;object-fit:cover;border:1px solid #ffffff15}.kpis{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.kpi{background:#0d1528;border:1px solid #ffffff10;border-radius:10px;padding:6px 8px;font-size:13px}.badge{display:inline-flex;gap:6px;align-items:center;background:#4da3ff20;border:1px solid #4da3ff45;border-radius:12px;padding:8px 12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:10px 14px;border-radius:999px;border:1px solid #ffffff20;background:#0f1830;color:var(--text);cursor:pointer}.chip.active{background:linear-gradient(90deg,#4da3ff40,#ffb84d40);border-color:#ffffff30}.bigBalance{font-size:28px;font-weight:900}.progress{height:8px;border-radius:999px;background:#0e1730;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent))}@media (max-width:520px){.row{flex-direction:column;align-items:stretch}.row>label{min-width:unset}}@media (max-width: 639.98px){body{padding-bottom:calc(var(--bottom-bar-h) + env(safe-area-inset-bottom,0px) + 12px)}}.with-bottom-pad{padding-bottom:calc(var(--bottom-bar-h) + env(safe-area-inset-bottom,0px) + 12px)}@media (min-width: 640px){.with-bottom-pad{padding-bottom:0}}