:root{--green: #00A767;--green-dark: #008a55;--ink: #14201b;--muted: #6b7c74;--line: #e3e9e6;--bg: #f5f7f6;--red: #d64545;--amber: #c98a00}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);padding-bottom:env(safe-area-inset-bottom)}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar img{height:26px}.topbar .sp{flex:1}.net{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}.net.on{color:var(--green-dark);background:#e3f6ee}.net.off{color:var(--amber);background:#fbf3df}.content{flex:1;padding:16px}h1{font-size:22px;margin:4px 0 2px}h2{font-size:16px;margin:20px 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.sub{color:var(--muted);margin:0 0 16px;font-size:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:12px;padding:16px;font-size:17px;font-weight:700;cursor:pointer;margin-top:10px;background:var(--green);color:#fff}.btn:active{transform:translateY(1px)}.btn.lg{padding:22px;font-size:19px}.btn.secondary{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn.danger{background:var(--red)}.btn:disabled{opacity:.55}.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%;padding:14px;font-size:16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.pin{letter-spacing:8px;text-align:center;font-size:24px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tag{font-family:ui-monospace,Menlo,monospace;font-weight:700}.pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.pill.available{color:var(--green-dark);background:#e3f6ee}.pill.out{color:var(--amber);background:#fbf3df}.pill.maintenance{color:var(--red);background:#fbe5e5}.pill.retired{color:var(--muted);background:#eef1f0}.muted{color:var(--muted);font-size:14px}.big{font-size:20px;font-weight:700}.center{text-align:center}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.overdue{color:var(--red);font-weight:700}.stat-row{display:flex;gap:10px}.stat{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}.stat .n{font-size:26px;font-weight:800}.stat .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.err{color:var(--red);font-size:14px;margin:8px 0}.ok{color:var(--green-dark)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;z-index:50}.scanbox{width:100%;border-radius:14px;overflow:hidden;background:#000}.link{color:var(--green-dark);font-weight:600;text-decoration:none;cursor:pointer}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;min-height:60vh}.spin{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:s .8s linear infinite}@keyframes s{to{transform:rotate(360deg)}}.label-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lay-2 .label-grid{grid-template-columns:repeat(2,1fr)}.lay-3 .label-grid{grid-template-columns:repeat(3,1fr)}.lay-4 .label-grid{grid-template-columns:repeat(4,1fr)}.label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}.label-qr{position:relative;width:84px;height:84px;flex:0 0 84px}.label-qr img{width:100%;height:100%;display:block}.label-badge{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:26px;height:26px;background:#fff;border-radius:5px;padding:2px}.label-badge img{width:100%;height:100%;border-radius:4px}.label-txt{min-width:0}.label-tag{font-weight:800;font-size:14px}.label-name{font-size:10px;line-height:1.2;max-height:24px;overflow:hidden}.label-code{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:12px;margin-top:2px}.label-foot{font-size:6px;color:var(--muted);margin-top:2px}@media print{@page{margin:.35in}.topbar,.no-print,h1,h2{display:none!important}html,body,.app,.content{background:#fff!important;padding:0!important;margin:0!important;max-width:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.label-grid{gap:.12in}.label{break-inside:avoid;justify-content:center;overflow:hidden}.lay-2 .label{height:4.95in;padding:.18in;gap:.18in}.lay-2 .label-qr{width:2.2in;height:2.2in;flex-basis:2.2in}.lay-2 .label-badge{width:.62in;height:.62in}.lay-2 .label-tag{font-size:26px}.lay-2 .label-name{font-size:15px;max-height:none}.lay-2 .label-code{font-size:22px}.lay-2 .label-foot{font-size:10px}.lay-3 .label{height:3.25in;padding:.12in;gap:.12in}.lay-3 .label-qr{width:1.4in;height:1.4in;flex-basis:1.4in}.lay-3 .label-badge{width:.4in;height:.4in}.lay-3 .label-tag{font-size:16px}.lay-3 .label-name{font-size:10px}.lay-3 .label-code{font-size:14px}.lay-3 .label-foot{font-size:7px}.lay-4 .label{height:2.4in;padding:.08in;gap:.08in}.lay-4 .label-qr{width:1in;height:1in;flex-basis:1in}.lay-4 .label-badge{width:.28in;height:.28in}.lay-4 .label-tag{font-size:12px}.lay-4 .label-name{font-size:8px}.lay-4 .label-code{font-size:11px}.lay-4 .label-foot{font-size:5.5px}}