:root{--bg: #edf0f3;--surface: #ffffff;--ink: #16212c;--muted: #5c6b7a;--line: #d9dfe5;--accent: #0e5a63;--accent-ink: #ffffff;--scheduled: #2b5fb3;--repairs: #b4540a;--complete: #2f7d4f;--late: #b3261e;--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #101820;--surface: #18232e;--ink: #e8edf2;--muted: #93a2b1;--line: #2a3846;--accent: #4cb6c0;--accent-ink: #08242a;--scheduled: #7aa5ee;--repairs: #f0a060;--complete: #6cc58f;--late: #ff8a80;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.page{max-width:880px;margin:0 auto;padding:28px 16px 64px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.brand{margin:0 0 2px;color:var(--muted);font-size:14px;font-weight:500}h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.01em}.btn{border:1px solid var(--line);background:var(--surface);padding:9px 16px;border-radius:8px;font-weight:600;cursor:pointer}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--late)}.btn:disabled{opacity:.55;cursor:default}.stats{display:flex;gap:28px;padding:14px 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:30px;line-height:1;font-weight:700}.stats span{color:var(--muted);font-size:14px;margin-top:4px}.stats .warn strong{color:var(--repairs)}.stats .late strong{color:var(--late)}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.tabs{display:flex;gap:4px;background:var(--line);padding:3px;border-radius:9px}.tabs button{border:0;background:transparent;padding:7px 14px;border-radius:7px;font-weight:600;color:var(--muted);cursor:pointer}.tabs button span{margin-left:4px;font-weight:500}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink)}.search{flex:1 1 220px;max-width:340px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--scheduled);border-radius:var(--radius)}.item.s-repairs{border-left-color:var(--repairs)}.item.s-complete{border-left-color:var(--complete)}.item.s-complete .addr{color:var(--muted)}.check{display:flex;align-items:center;padding:0 4px 0 14px;cursor:pointer}.check input{width:22px;height:22px;accent-color:var(--complete);cursor:pointer}.item-main{flex:1;display:flex;gap:14px;align-items:flex-start;text-align:left;background:transparent;border:0;padding:14px 16px 14px 8px;cursor:pointer;min-width:0}.item-main:hover .addr{text-decoration:underline;text-underline-offset:3px}.stamp{flex:none;width:52px;display:flex;flex-direction:column;align-items:center;line-height:1;padding-top:2px}.stamp small{color:var(--muted);font-size:13px;font-weight:600;margin-bottom:3px}.stamp b{font-size:30px;font-weight:700;letter-spacing:-.02em}.body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.addr{font-weight:600;font-size:17px;overflow-wrap:anywhere}.meta{color:var(--muted);font-size:14px;white-space:pre-wrap}.note{font-size:14px;color:var(--ink);opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.chip{font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid currentColor}.chip.scheduled{color:var(--scheduled)}.chip.repairs{color:var(--repairs)}.chip.complete{color:var(--complete)}.when{font-size:13px;color:var(--muted)}.when.late{color:var(--late);font-weight:600}.empty{color:var(--muted);padding:40px 8px;text-align:center}.error{color:var(--late);font-weight:500;margin:8px 0}.banner{background:var(--surface);border:1px solid var(--late);border-radius:8px;padding:10px 14px}.sheet{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:0;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px #08142059}.sheet::backdrop{background:#0814208c}.sheet form{padding:20px;display:flex;flex-direction:column;gap:14px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h2{margin:0;font-size:21px}.icon-btn{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--muted);padding:0 6px}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:14px;font-weight:600}.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);width:100%}.field textarea{resize:vertical}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet-foot{display:flex;gap:8px;align-items:center;margin-top:4px}.spacer{flex:1}@media (max-width: 600px){.top{align-items:stretch;flex-direction:column}.row2{grid-template-columns:1fr}.item-main{flex-wrap:wrap}.right{flex-direction:row;align-items:center;width:100%;justify-content:space-between;padding-left:66px}.stats{gap:22px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
