:root{--bg:#f5f4ef;--card:#fffdf8;--text:#151513;--muted:#706f67;--line:#dfddd2;--accent:#1c1c19;--soft:#eceae1;--danger:#8f2626}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.daily-table-wrap{overflow-x:auto}.shell{width:min(1060px,100% - 36px);margin:0 auto;padding:28px 0 56px}.centered{place-items:center;min-height:100vh;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:center;padding:4px 0 28px;display:flex}.brand,.eyebrow,.label{letter-spacing:.14em;font-size:11px;font-weight:700}.week{color:var(--muted);font-size:13px}.commitment-hero,.usage-card,.legend-card,.admin-card,.hero-card,.empty-card{background:var(--card);border:1px solid var(--line);border-radius:22px}.commitment-hero{margin-bottom:32px;padding:34px}.commitment-hero h1{letter-spacing:-.045em;max-width:820px;margin:12px 0 30px;font-size:clamp(28px,5vw,52px);line-height:1.01}.commitment-total-row{align-items:end;gap:54px;margin-bottom:18px;display:flex}.commitment-total-row strong{margin-top:6px;font-size:32px;display:block}.used-total{align-items:end;gap:10px;display:flex}.used-total strong{font-size:25px}.percent-text{color:var(--muted);margin-bottom:3px;font-size:16px}.progress-track{background:var(--soft);border-radius:999px;height:13px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--accent);min-width:0;height:100%;transition:width .3s}.section-heading{margin:34px 0 14px}.section-heading h2{letter-spacing:-.025em;margin:5px 0 0;font-size:25px}.platform-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.platform-card{background:var(--accent);color:var(--card);border-radius:18px;padding:22px}.platform-card strong{margin-top:8px;font-size:32px;display:block}.platform-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px;display:grid}.platform-stats span{opacity:.85;flex-direction:column;gap:4px;font-size:13px;display:flex}.platform-stats b{color:var(--card);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.grid-2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.usage-card{padding:24px}.usage-card.over{border-color:#a44}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.usage-card h3{margin:7px 0 0;font-size:29px}.card-percent{color:var(--muted);font-size:14px}.mini-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;display:grid}.mini-stats span{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.mini-stats b{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.daily-section{margin-top:10px}.daily-table-wrap{border:1px solid var(--line);background:var(--card);border-radius:18px;overflow:auto}.daily-table{border-collapse:collapse;width:100%;min-width:700px}.daily-table th,.daily-table td{text-align:left;border-bottom:1px solid var(--line);padding:15px 17px;font-size:13px}.daily-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.daily-table tr:last-child td{border-bottom:0}.legend-card{flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;padding:18px 20px;display:flex}.legend-card div{align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.legend-dot{border:1px solid var(--accent);border-radius:50%;width:9px;height:9px;display:inline-block}.legend-dot.free{background:var(--accent)}.legend-dot.blocked{background:0 0}.legend-card p{width:100%;color:var(--muted);margin:0;font-size:12px;line-height:1.5}footer{text-align:center;color:var(--muted);margin-top:32px;font-size:11px}.hero-card{width:min(740px,100%);padding:40px}.hero-card h1{letter-spacing:-.05em;margin:10px 0 15px;font-size:48px;line-height:1}.hero-card p{color:var(--muted);max-width:600px;font-size:17px;line-height:1.6}.button-row{gap:10px;margin-top:24px;display:flex}.button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:12px 16px;display:inline-flex}.button.primary{background:var(--accent);color:var(--card);border-color:var(--accent)}.empty-card{text-align:center;width:min(500px,100%);padding:36px}.loader{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:0 auto 15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-shell{max-width:900px}.admin-card{padding:30px}.admin-card h1{letter-spacing:-.04em;margin:8px 0;font-size:38px}.muted{color:var(--muted);line-height:1.5}.admin-card form{margin-top:24px}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid.four{grid-template-columns:repeat(4,1fr)}.field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.field.full{margin-top:14px}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.field input,.field textarea{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px;outline:none;padding:11px 12px}.field input:focus,.field textarea:focus{border-color:var(--accent)}.admin-card h2{margin:28px 0 13px;font-size:15px}.total-preview{background:var(--soft);border-radius:12px;margin:3px 0 18px;padding:12px 14px;font-size:14px}.result-box{border:1px dashed var(--line);overflow-wrap:anywhere;border-radius:12px;margin-top:18px;padding:14px;font-size:13px}@media (max-width:720px){.shell{width:min(100% - 22px,1060px);padding-top:17px}.commitment-hero{border-radius:18px;padding:23px}.commitment-total-row{flex-wrap:wrap;gap:24px}.platform-grid,.grid-2,.form-grid,.form-grid.four{grid-template-columns:1fr}.hero-card{padding:28px 22px}.hero-card h1{font-size:39px}}