.topbar { position:sticky; top:0; z-index:20; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:14px max(20px,calc((100% - 1020px)/2)); background:rgba(24,57,45,.96); color:white; backdrop-filter:blur(10px); }
.mini-brand { display:flex; align-items:center; gap:10px; color:white; text-decoration:none; text-transform:uppercase; letter-spacing:.04em; }.mini-brand span{font-size:25px}.topbar nav{display:flex;gap:5px;flex-wrap:wrap}.topbar nav a{color:white;text-decoration:none;font-size:13px;font-weight:700;padding:9px 11px;border-radius:5px}.topbar nav a:hover{background:rgba(255,255,255,.12);color:var(--lime)}
.portal-main { width:min(1020px,calc(100% - 32px)); margin:0 auto; padding:48px 0 80px; position:relative; }.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.page-intro h1{font-size:clamp(48px,8vw,78px)}
.big-number{display:flex;align-items:center;gap:10px}.big-number strong{font:700 56px/1 'Oswald';color:var(--orange)}.big-number span{font-size:11px;font-weight:700;text-transform:uppercase;width:42px}.stack-form{display:grid;gap:18px;margin-top:28px}select{width:100%;height:56px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);padding:0 14px;font:600 15px 'DM Sans',sans-serif;outline:none}select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(204,232,75,.55)}
.data-list{margin-top:20px}.data-row{display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:16px;padding:15px 0;border-top:1px solid var(--line)}.date-cell{color:var(--muted);font-size:12px}.amount-pill{padding:7px 11px;background:var(--lime);border-radius:99px;font-size:12px;font-weight:700}
.login-page{display:grid;place-items:center}.login-shell{width:min(520px,calc(100% - 32px));padding:60px 0;position:relative}.login-mark{width:82px;height:82px;margin:0 auto -30px;position:relative;z-index:2;display:grid;place-items:center;border-radius:50%;background:var(--ink);box-shadow:7px 7px 0 var(--lime);font-size:38px}.login-card{padding:62px 38px 38px;border-radius:8px 30px 8px 8px}.login-card h1{font-size:52px}.flash{margin-bottom:20px;padding:14px 18px;border-radius:5px;font-weight:700}.flash.success{background:#dcefa0}.flash.error{background:#f5c8b6;color:#7d2d19}
.admin-card,.stats-panel{padding:30px 34px;margin-top:20px;border-radius:6px}.inline-form{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:14px;margin-top:24px}.action-button{min-height:42px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);padding:0 14px;font-weight:700;cursor:pointer}.action-button:hover{border-color:var(--ink)}.action-button.primary{background:var(--ink);color:white;border-color:var(--ink)}.action-button.danger{color:#a43b22}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading>span{font-size:12px;color:var(--muted);font-weight:700}
.admin-list{margin-top:20px}.admin-row{display:grid;grid-template-columns:1.5fr 110px 1fr auto auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.admin-row input,.admin-row select{height:44px}.admin-row.inactive{opacity:.55}.row-meta{color:var(--muted);font-size:12px}.filter-bar{display:grid;grid-template-columns:160px 1fr auto;align-items:end;gap:14px;padding:20px 24px;border-radius:6px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.metric{padding:22px;border-radius:6px;background:var(--ink);color:white}.metric span{display:block;color:var(--lime);font-size:11px;font-weight:700;text-transform:uppercase}.metric strong{display:block;margin-top:8px;font:700 42px/1 'Oswald'}
.server-chart{height:240px;display:grid;grid-template-columns:repeat(12,1fr);gap:9px;align-items:end;padding:36px 0 0;border-bottom:1px solid var(--line)}.chart-column{height:100%;display:grid;grid-template-rows:20px 1fr 28px;align-items:end;text-align:center}.chart-value{font-size:11px;font-weight:700}.chart-bar{width:min(38px,80%);min-height:3px;margin:0 auto;background:var(--lime);border-radius:4px 4px 0 0}.chart-column:nth-child(3n+1) .chart-bar{background:var(--orange)}.chart-column>span{padding-top:8px;color:var(--muted);font-size:10px;font-weight:700}.ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin-top:20px}.rank-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:5px;background:white}.rank-number{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--cream);font-size:11px;font-weight:700}.rank-row:first-child .rank-number{background:var(--lime)}.rank-row>span:last-child{color:var(--orange);font-weight:700}
.entry-edit{grid-template-columns:145px 1fr 80px auto auto}.amount-input{text-align:center}
@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{width:100%;justify-content:space-between}.topbar nav a{padding:7px 5px}.portal-main{padding-top:30px}.page-intro{align-items:flex-start;flex-direction:column}.form-card,.list-card,.admin-card,.stats-panel{padding:24px 20px}.inline-form,.filter-bar{grid-template-columns:1fr}.admin-row,.entry-edit{grid-template-columns:1fr 1fr}.admin-row .row-meta{grid-column:1/-1}.metric-grid{grid-template-columns:1fr}.ranking-grid{grid-template-columns:1fr}.server-chart{gap:4px;height:190px}.chart-column>span{font-size:8px}.login-card{padding-left:24px;padding-right:24px}}