:root{--bg:#f5f7f9;--ink:#1f2a33;--muted:#5c6875;--line:#d8e0e7;--ok:#2d7d5c;--warn:#d64b3c}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.rail{background:#fff;border-right:1px solid var(--line);padding:18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand img{width:54px;height:54px}.brand strong{display:block;font-size:18px}.brand span{color:var(--muted);font-size:13px}.language{display:flex;gap:8px;margin:12px 0 20px}.language a,.button{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:#fff;color:var(--ink)}nav a{display:block;color:var(--ink);text-decoration:none;padding:9px 8px;border-radius:6px}nav a:hover{background:#eef3f6}.content{padding:28px;max-width:1180px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.hero h1{font-size:38px;margin:0 0 10px}.hero p{font-size:18px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.button{background:var(--ok);color:#fff;border-color:var(--ok);font-weight:600}.button.secondary{background:#fff;color:var(--ink)}.logo-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.logo-panel img{width:100%;max-width:190px;display:block;margin:0 auto 10px}.section{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}h2{margin-top:0}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);text-align:left;padding:9px;vertical-align:top}th{background:#eef3f6}.num{font-family:Consolas,monospace;word-break:break-all}.bars{display:grid;gap:8px}.bar{display:grid;grid-template-columns:38px 1fr 72px;gap:8px;align-items:center}.bar-track{height:14px;background:#d8e0e7;border-radius:5px;overflow:hidden}.bar-used{height:100%;background:var(--ok)}.bar.warn .bar-used{background:var(--warn)}.fine{font-size:13px;color:var(--muted)}@media(max-width:780px){.layout{display:block}.rail{position:static;height:auto}.hero{grid-template-columns:1fr}.content{padding:18px}.hero h1{font-size:30px}}