:root{--bg: #f6f7f9;--card: #ffffff;--text: #1a1f2b;--muted: #5b6475;--primary: #0f4c81;--border: #dfe3ea}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;background:var(--bg);color:var(--text)}h1{margin:0 0 8px;font-size:26px}.muted{color:var(--muted)}.topbar{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--card);border-bottom:1px solid var(--border);z-index:20}.menu-btn{min-width:48px;height:48px;font-size:24px;cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:10px}.logo-slot{width:96px;height:40px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:8px;color:var(--muted);font-size:12px}.sidebar{position:fixed;top:60px;bottom:0;left:0;width:260px;z-index:15;display:flex;flex-direction:column;gap:6px;padding:12px;overflow-y:auto;background:var(--card);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.nav-link{display:block;min-height:48px;padding:14px 16px;border-radius:10px;font-size:17px;color:var(--text);text-decoration:none}.nav-link.active{background:var(--primary);color:#fff}.content{padding:84px 16px 24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.card{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px}.card .value{margin-top:8px;font-size:32px;font-weight:700}.table-wrap{overflow-x:auto}.btn{min-height:48px;padding:12px 20px;font-size:17px;cursor:pointer;color:#fff;background:var(--primary);border:0;border-radius:10px}@media (min-width: 900px){.menu-btn{display:none}.sidebar{transform:none}.content{margin-left:260px;padding:84px 32px 32px}}