.pad{padding:20px}
.shell{display:flex;min-height:100vh}
.side{width:220px;background:#fff;border-right:1px solid var(--line);padding:16px 12px;flex:none}
.side .brand{font-size:20px;padding:4px 8px 14px}
.side button.nav{display:flex;width:100%;align-items:center;gap:8px;text-align:left;border:0;background:none;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600;color:var(--mute);min-height:42px}
.side button.nav.on{background:var(--blue-l);color:var(--blue-d)}
.side .who{margin-top:18px;padding:10px 8px;border-top:1px solid var(--line)}
.main{flex:1;padding:22px;max-width:1100px;min-width:0}
.main h1{font-size:22px;margin-bottom:14px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;cursor:pointer;text-align:left}
.stat b{display:block;font-size:30px;color:var(--blue-d)}
.stat.hot b{color:var(--red)}
.tk{border-left:5px solid var(--blue)}.tk.line_down{border-left-color:var(--red)}.tk.today{border-left-color:#e0a100}
.tabs{display:flex;gap:8px;margin-bottom:14px}
.qr{width:220px;height:220px;display:block}
.tagprint{display:none}
.checks label{display:flex;gap:8px;align-items:center;font-weight:400;margin:4px 0}
.checks input{width:auto;min-height:0}
.tagbox{border:2px solid #000;padding:18px;width:3.5in;text-align:center;color:#000;background:#fff;font-family:Arial,sans-serif}
.tagbox img{width:2.6in;height:2.6in}
@media print{
  body *{visibility:hidden}
  .tagprint,.tagprint *{visibility:visible}
  .tagprint{display:block;position:absolute;left:0;top:0}
}
@media(max-width:800px){.shell{flex-direction:column}.side{width:100%;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.side .brand,.side .who{display:none}.side button.nav{width:auto}.main{padding:14px}}