@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--header:#0c0e14;--header-sub:#a9a499;--paper:#f6f4ee;--panel:#fff;--line:#e1ddd2;--ink:#1c2321;--muted:#7d796e;--accent:#2d5e4a;--green:#3f7d52;--green-bg:#e8f1e9;--amber:#b8772a;--amber-bg:#faf0e2;--red:#b4453a;--red-bg:#f8e8e6;--radius:12px;--radius-sm:8px;--font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:15px}button{cursor:pointer;font-family:inherit}select{font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;min-height:100%;display:flex}.app-header{background:var(--header);color:#f3f1ea;z-index:10;position:sticky;top:0;box-shadow:0 1px #0003}.app-header-inner{max-width:960px;margin:0 auto;padding:14px 16px 0}.app-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.app-logo{flex-shrink:0;align-self:center;width:30px;height:30px;margin-right:2px}.app-title-main{letter-spacing:.3px;font-size:17px;font-weight:700}.app-title-sub{color:var(--header-sub);font-size:13px}.logout{color:#c4bfb3;background:0 0;border:1px solid #3a3d44;border-radius:6px;margin-left:auto;padding:5px 11px;font-size:12.5px}.logout:hover{color:#f3f1ea;background:#1a1d24}.app-tabs{gap:4px;margin-top:12px;display:flex;overflow-x:auto}.tab{white-space:nowrap;color:#c4bfb3;background:0 0;border:none;border-radius:6px 6px 0 0;padding:9px 13px;font-size:13.5px}.tab-active{background:var(--paper);color:var(--ink);font-weight:600}.app-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:22px 16px 60px}.app-footer{text-align:center;color:var(--muted);padding:20px 0;font-size:12px}.screen-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.screen-head h2{font-size:20px}.screen-head p{color:var(--muted);max-width:520px;margin-top:4px;font-size:13.5px}.h2-lead{margin:0 0 4px;font-size:22px}.lead-sub{color:var(--muted);margin:0 0 22px}.select{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:9px 12px;font-size:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.row{align-items:center;gap:12px;padding:11px 14px;display:flex}.row+.row{border-top:1px solid var(--line)}.row-code{width:56px;color:var(--accent);font-weight:700}.row-meta{width:70px;color:var(--muted);font-size:12px}.row-main{flex:1;min-width:0}.row-main .name{font-size:14px;font-weight:600}.row-main .sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.card{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);border-left-width:5px;padding:16px 16px 14px}.card-top{justify-content:space-between;align-items:center;display:flex}.card-name{font-size:15.5px;font-weight:600}.card-detail{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.5}.card-last{color:var(--muted);margin-top:8px;font-size:12px}.pill{border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600}.st-ok{color:var(--green)}.bg-ok{background:var(--green-bg);border-left-color:var(--green)}.st-due{color:var(--amber)}.bg-due{background:var(--amber-bg);border-left-color:var(--amber)}.st-overdue{color:var(--red)}.bg-overdue{background:var(--red-bg);border-left-color:var(--red)}.faults-head{margin:28px 0 10px;font-size:16px}.fault{align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.fault+.fault{border-top:1px solid var(--line)}.fault-dot{background:var(--red);border-radius:8px;flex-shrink:0;width:8px;height:8px;margin-top:6px}.fault-what{font-size:14px;font-weight:600}.fault-detail{color:var(--muted);margin-top:2px;font-size:13px}.fault-since{color:var(--muted);white-space:nowrap;font-size:12px}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:var(--panel);padding:18px 16px;font-size:14px}.toggle{border-radius:var(--radius-sm);border:1px solid var(--line);flex-shrink:0;display:flex;overflow:hidden}.toggle button{color:var(--muted);background:#fff;border:none;padding:8px 16px;font-size:13px;font-weight:600}.toggle .on-pass{background:var(--green);color:#fff}.toggle .on-fail{background:var(--red);color:#fff}.toggle button+button{border-left:1px solid var(--line)}.reading{align-items:center;gap:8px;display:flex}.reading input{text-align:right;border:1px solid var(--line);border-radius:var(--radius-sm);width:72px;font-size:15px;font-family:var(--mono);padding:8px}.reading .unit{color:var(--muted);font-size:13px}.row-flag{background:var(--red-bg)}.flag-tag{color:var(--red);font-size:11px;font-weight:600}.note-banner{background:var(--amber-bg);color:#7a5418;border:1px solid #ecd9b8;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13.5px}.signoff{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:9px;padding:11px 20px;font-size:14.5px;font-weight:600}.btn-primary:disabled{opacity:.55}.signoff .hint{color:var(--muted);font-size:13px}.login-wrap{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:360px;padding:28px 24px;box-shadow:0 8px 30px #0000000f}.login-card h1{margin-bottom:4px;font-size:19px}.login-card .sub{color:var(--muted);margin-bottom:20px;font-size:13.5px}.login-card label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-card input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;margin-bottom:14px;padding:11px 12px;font-size:15px}.login-card .btn-primary{width:100%}.login-err{color:var(--red);margin-bottom:12px;font-size:13px}.loading,.error-box{text-align:center;color:var(--muted);padding:40px 8px}.error-box{color:var(--red)}@media (width<=560px){.row{flex-wrap:wrap}.row-meta{width:auto}.toggle,.reading{margin-left:auto}.app-title-main{font-size:16px}}.row-unset{background:#fbfaf6}.unset-tag{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px;font-style:italic}.row-unset+.row-unset{border-top-color:var(--line)}.unset-tag+.toggle{margin-left:12px}.row-failed{background:var(--red-bg)}.fail-panel{background:var(--red-bg);border-top:1px dashed #e2b3ad;flex-direction:column;gap:8px;padding:12px 14px 14px;display:flex}.fail-label{color:var(--red);font-size:12.5px;font-weight:600}.fail-note{width:100%;font-size:14px;font-family:var(--font);border-radius:var(--radius-sm);resize:vertical;color:var(--ink);background:#fff;border:1px solid #e2b3ad;padding:9px 11px}.fail-reported{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.fail-reported input{width:18px;height:18px;accent-color:var(--accent)}.rolling-entry{margin-bottom:8px}.rolling-entry-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.rolling-entry-title{font-size:16px;font-weight:600}.rolling-date{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;display:flex}.rolling-date input{border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font);color:var(--ink);padding:8px 10px;font-size:14px}.log-fail{color:var(--red);font-weight:600}.loc-group{margin-bottom:18px}.loc-heading{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);margin:0 0 6px 2px;font-size:13px;font-weight:700}.light-detail{white-space:normal;flex-direction:column;gap:2px;display:flex}.light-chip{color:var(--muted);font-size:12px;line-height:1.45}.light-chip b{color:var(--ink);margin-right:3px;font-weight:600}