.sta-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.sta-filter{display:flex;gap:8px}.sta-filter input,.sta-filter button,.sta-settings textarea,.sta-settings button{border:1px solid #cbd5e1;border-radius:8px;padding:10px}.sta-chart{height:210px;display:flex;align-items:flex-end;gap:7px;padding-top:20px}.sta-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:12px}.sta-chart i{display:block;width:80%;background:#2563eb;border-radius:5px 5px 0 0}.sta-chart small{font-size:10px;color:#64748b;margin-top:5px}.sta-age{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0}.sta-settings{display:grid;gap:12px;max-width:920px}.sta-settings label{display:grid;gap:6px}.sta-settings label:has(input[type=checkbox]){display:flex}.sta-settings textarea{min-height:70px}.sta-account-actions{display:flex;gap:8px;margin-left:auto}.sta-account-actions button{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:8px;padding:9px 12px}.sta-portal-root{min-height:100vh;background:#f1f5f9}.sta-portal{--sta-brand:#2563eb;max-width:1080px;margin:0 auto;padding:30px 20px;color:#172033}.sta-portal>header{display:flex;align-items:center;gap:20px;background:var(--sta-brand);color:#fff;padding:28px;border-radius:18px}.sta-portal>header img{width:110px;max-height:70px;object-fit:contain;background:#fff;border-radius:10px;padding:7px}.sta-portal h1{margin:4px 0;font-size:30px}.sta-portal-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.sta-portal-summary article{background:#fff;padding:18px;border-radius:12px;border:1px solid #dbe3ee;display:grid;gap:6px}.sta-portal-summary strong{font-size:21px}.sta-portal nav{display:flex;gap:5px;overflow:auto;border-bottom:1px solid #cbd5e1}.sta-portal nav button{border:0;background:transparent;padding:14px;white-space:nowrap}.sta-portal nav button.active{color:var(--sta-brand);border-bottom:3px solid var(--sta-brand)}.sta-portal [data-pbody]{background:#fff;padding:24px;border-radius:0 0 14px 14px;min-height:320px}.sta-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.sta-items article{display:flex;gap:12px;border:1px solid #dbe3ee;border-radius:10px;padding:12px}.sta-items img{width:76px;height:76px;object-fit:cover;border-radius:7px}.sta-line{display:flex;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding:14px 4px}.sta-line span{display:grid;gap:4px}.sta-line small{color:#64748b}.sta-line.paid strong{color:#15803d}.sta-public-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sta-public-form label,.sta-public-form fieldset{display:grid;gap:6px}.sta-public-form input,.sta-public-form select,.sta-public-form textarea{padding:11px;border:1px solid #cbd5e1;border-radius:8px}.sta-public-form textarea{min-height:90px}.sta-public-form fieldset,.sta-public-form label:has(textarea),.sta-public-form button,.sta-public-form [data-result]{grid-column:1/-1}.sta-public-form fieldset label,.sta-public-form label:has(input[type=checkbox]){display:flex}.sta-public-form button{background:var(--sta-brand);color:#fff;border:0;border-radius:8px;padding:12px}.sta-portal footer{text-align:center;color:#64748b;padding:20px}@media(max-width:800px){.sta-grid,.sta-portal-summary,.sta-public-form{grid-template-columns:1fr}.sta-public-form>*{grid-column:auto}.sta-portal{padding:12px}.sta-portal>header{border-radius:12px}.sta-account-actions{width:100%;margin-top:10px}.sta-chart{overflow:auto}}