:root{--min-width:360px;--gap:16px;--radius:14px;--bg:#f4f5f7;--bg-card:#fff;--bg-soft:#eef1f5;--text:#1c1f23;--text-muted:#5d646d;--border:#e2e5ea;--accent:#1f6feb;--accent-text:#fff;--danger:#c0392b;--success:#1e824c;--warning:#b9770e;--actionbar-height:64px}*{box-sizing:border-box}html,body{min-width:var(--min-width);background:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}a{color:var(--accent);text-decoration:none}.shell{max-width:1200px;padding:var(--gap);padding-bottom:calc(var(--actionbar-height) + var(--gap) * 2);margin:0 auto}.topbar{z-index:5;padding:10px var(--gap);background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:17px;font-weight:600;overflow:hidden}.nav{padding:10px var(--gap) 0;flex-wrap:wrap;gap:6px;max-width:1200px;margin:0 auto;display:flex}.nav__item{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:7px 12px;font-size:14px}.nav__item--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.page-title{margin:8px 0 4px;font-size:22px;font-weight:600}.page-subtitle{color:var(--text-muted);margin:0 0 20px}.section-title{margin:24px 0 10px;font-size:16px;font-weight:600}.card-grid{flex-wrap:wrap;gap:12px;display:flex}.card{min-width:0;padding:var(--gap);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex:280px}.card--full{flex:100%}.card--link:active{background:var(--bg-soft)}.card__title{overflow-wrap:anywhere;margin:0 0 6px;font-size:17px;font-weight:600}.card__text{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:15px}.card__row{justify-content:space-between;gap:10px;padding:3px 0;font-size:15px;display:flex}.card__row span:last-child{text-align:right;font-variant-numeric:tabular-nums}.card__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.metric{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.muted{color:var(--text-muted)}.danger{color:var(--danger)}.success{color:var(--success)}.warning{color:var(--warning)}.badge{background:var(--bg-soft);color:var(--text-muted);border-radius:999px;padding:2px 9px;font-size:13px;display:inline-block}.field{flex-direction:column;flex:220px;gap:4px;min-width:0;margin-bottom:12px;display:flex}.field__label{color:var(--text-muted);font-size:13px}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.field textarea{resize:vertical;min-height:84px}.form-row{flex-wrap:wrap;gap:12px;display:flex}.button{font:inherit;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 16px}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button--danger{border-color:var(--danger);color:var(--danger)}.button:disabled{opacity:.55;cursor:default}.actionbar{z-index:10;padding:10px var(--gap);background:var(--bg-card);border-top:1px solid var(--border);gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar__spacer{flex:auto}.notice{padding:12px var(--gap);border-radius:var(--radius);color:var(--danger);background:#fdecea;margin-bottom:12px}.notice--info{background:var(--bg-soft);color:var(--text-muted)}.scroll-x{overflow-x:auto}