:root{--ink:#14233b;--ink-soft:#5b6b82;--paper:#f4f7fb;--paper-2:#ffffff;--surface-3:#eef3fb;--line:#dbe4f0;--line-soft:#e8eef7;--accent:#2563eb;--accent-soft:#e8f0fe;--accent-line:#bcd3fb;--green:#16a34a;--green-soft:#dcfce7;--alert:#dc2626;--alert-soft:#fee2e2;--alert-line:#f3bcbc;--orange:var(--accent);--orange-soft:var(--accent-soft);--orange-line:var(--accent-line);--amber:var(--alert);--amber-soft:var(--alert-soft);--shadow:0 1px 2px rgba(20,40,80,.04), 0 12px 30px rgba(20,50,100,.08);--mono:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.loading{padding:40px;color:var(--ink-soft)}.loading.full{display:grid;place-items:center;height:100vh}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(120% 120% at 0% 0%,#eaf1fe,#f2f6fc 55%,#e6eefb)}.login-card{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:48px 44px;max-width:430px;text-align:center;box-shadow:var(--shadow)}.login-kicker{letter-spacing:.32em;font-size:11px;font-weight:700;color:var(--accent)}.login-title{font-family:Inter,sans-serif;font-weight:700;font-size:44px;line-height:1;margin:14px 0 8px;letter-spacing:-.02em}.login-sub{color:var(--ink-soft);margin:0 0 28px;line-height:1.55}.gbtn{display:flex;justify-content:center}.login-warn{margin-top:16px;color:var(--alert);font-size:13px}.app{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 24px;background:var(--paper-2);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand-logo{height:48px;width:auto;flex:none}.summary{display:flex;gap:8px}.pill{font-family:var(--mono);font-size:12px;font-weight:700;padding:6px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface-3);color:var(--ink)}.pill-total{background:var(--surface-3)}.pill-done{background:var(--green-soft);color:#15803d;border-color:#a7e3bd}.pill-miss{background:var(--alert-soft);color:var(--alert);border-color:var(--alert-line)}.actions{margin-left:auto;display:flex;align-items:center;gap:10px}.btn{font-family:inherit;font-weight:600;font-size:13px;padding:9px 16px;border-radius:8px;border:1px solid var(--line);cursor:pointer;transition:.15s}.btn-ghost{background:#fff;color:var(--ink)}.btn-ghost:hover{background:var(--surface-3)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.btn-primary:hover{background:#1d4fd0;box-shadow:0 0 0 3px #2563eb2e}.btn-primary:disabled{opacity:.45;cursor:wait;box-shadow:none}.user{display:flex;align-items:center;gap:9px;padding-left:8px;border-left:1px solid var(--line);margin-left:4px}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--line)}.user-meta{display:flex;flex-direction:column;line-height:1.1}.user-meta b{font-size:13px}.user-meta small{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.hint{margin:16px 24px 0;font-size:13px;color:var(--ink-soft)}.orange-text{color:var(--accent)}.grid-scroll{flex:1;overflow:auto;margin:16px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2);box-shadow:var(--shadow)}.grid{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px}.grid th,.grid td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;color:var(--ink)}.grid td{height:1px}.grid thead th{position:sticky;top:0;z-index:3;background:#f1f5fc;text-align:left;font-weight:600;font-size:11.5px;letter-spacing:.02em;color:var(--ink-soft);padding:11px;border-bottom:1px solid var(--line)}.grid thead th.th-orange{background:var(--accent-soft);color:var(--accent);border-bottom-color:var(--accent-line)}.grid tbody tr:nth-child(2n){background:#fafcff}.grid tbody tr:hover{background:var(--surface-3)}.td-orange{background:#2563eb0d}.grid tbody tr:hover .td-orange{background:#2563eb1a}.cell{width:100%;height:100%;padding:12px 14px;min-height:52px;cursor:text}.cell-ml{white-space:pre-wrap;line-height:1.45;max-height:120px;overflow:auto}.cell-editable{cursor:pointer}.cell-readonly{cursor:default;color:var(--ink-soft);background:#14233b08}.cell-val{display:block;overflow-wrap:anywhere}.cell-empty{color:#aebacb}.edit{width:100%;min-height:52px;border:2px solid var(--accent);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;outline:none;background:#fff;color:var(--ink)}.edit-ml{min-height:96px;line-height:1.45;resize:vertical;white-space:pre-wrap}.photo-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px}.thumb{width:64px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.thumb-empty{display:grid;place-items:center;background:#eef3fb;color:#aebacb}.mini{font-family:inherit;font-size:11px;font-weight:600;padding:4px 11px;border-radius:8px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);cursor:pointer}.mini:hover{background:#dbe8fd}.mini-danger{border-color:var(--alert-line);color:var(--alert);background:var(--alert-soft)}.mini-danger:hover{background:#fcd2d2}.status{font-family:var(--mono);font-size:11px;font-weight:700;padding:5px 10px;border-radius:8px;white-space:nowrap}.status-ok{background:var(--green-soft);color:#15803d}.status-miss{background:var(--alert-soft);color:var(--alert)}.del{border:none;background:transparent;color:var(--alert);cursor:pointer;font-size:14px;padding:6px}.del:hover{color:#a30f0f}.row-actions{display:flex;align-items:center;gap:6px;padding:6px}.action-history{border-color:var(--line);color:var(--ink-soft);background:#fff}.action-history:hover{background:var(--surface-3)}.icon-btn{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}.icon-btn:hover{background:var(--surface-3)}.history-panel{position:fixed;right:18px;top:90px;bottom:18px;width:min(430px,calc(100vw - 36px));z-index:10;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 55px #14326438;display:flex;flex-direction:column;overflow:hidden}.history-head{display:flex;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid var(--line);background:#f5f8fd}.history-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.history-head h2{font-size:20px;line-height:1.2;margin:4px 0 0}.history-list{overflow:auto;padding:12px}.history-item{border:1px solid var(--line);border-radius:12px;background:#fbfcfe;padding:12px;margin-bottom:10px}.history-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-soft)}.history-meta b{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}.history-meta span{white-space:nowrap}.history-field{font-weight:700;margin:8px 0;font-size:13px}.history-diff{display:grid;grid-template-columns:1fr 1fr;gap:8px}.history-diff div{min-width:0;border:1px solid var(--line);border-radius:8px;background:#f5f8fd;padding:8px}.history-diff small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}.history-diff p{margin:4px 0 0;max-height:96px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.history-empty{padding:28px 18px;color:var(--ink-soft)}.grid th:nth-child(1),.grid td:nth-child(1){position:sticky;left:0;z-index:2;background:#fafcff}.grid th:nth-child(2),.grid td:nth-child(2){position:sticky;left:52px;z-index:2;background:#fafcff}.grid thead th:nth-child(1),.grid thead th:nth-child(2){z-index:4;background:#f1f5fc}.form-wrap{flex:1;overflow:auto;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:20px}.form-title-card{width:100%;max-width:640px;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow);font-family:Inter,sans-serif;font-weight:700;font-size:20px;line-height:1.35;letter-spacing:-.01em;color:var(--ink);text-align:center}.form-card{width:100%;max-width:640px;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:24px 24px 32px;box-shadow:var(--shadow);height:fit-content}.form-label{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.form-select{width:100%;font-size:15px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent)}.combo{position:relative}.combo-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.combo-placeholder{color:#9aa0a6}.combo-caret{color:#9aa0a6;font-size:12px}.combo-panel{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.combo-search{width:100%;font-size:14px;padding:10px 12px;border:none;border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}.combo-search:focus{outline:none}.combo-list{max-height:240px;overflow-y:auto}.combo-option{display:block;width:100%;text-align:left;font-size:15px;padding:10px 12px;border:none;background:#fff;color:var(--ink);cursor:pointer}.combo-option:hover{background:#f3f4f6}.combo-option.is-selected{background:#eef2ff;font-weight:600}.combo-empty{padding:12px;font-size:14px;color:#9aa0a6;text-align:center}.form-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.form-section-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:12px}.form-photo{display:flex;align-items:center;gap:16px}.form-textarea{width:100%;min-height:120px;box-sizing:border-box;border:2px solid var(--accent-line);border-radius:8px;padding:12px 14px;font:inherit;font-size:14px;line-height:1.55;resize:vertical;background:#fff;color:var(--ink)}.form-textarea:focus{outline:none;border-color:var(--accent)}.form-actions{display:flex;align-items:center;gap:16px;margin-top:24px}.form-saved{font-size:13px;font-weight:600;color:#15803d}@media (max-width: 720px){.topbar{gap:12px;padding:12px 16px;flex-wrap:nowrap}.brand-logo{height:40px}.actions{gap:8px}.form-wrap{padding:20px 14px;gap:16px}.form-title-card{font-size:17px;padding:16px 18px}.form-card{padding:20px 16px 24px;border-radius:14px}}@media (max-width: 480px){.brand-logo{height:34px}.user-meta{display:none}.form-title-card{font-size:15px;padding:14px 16px}.form-photo{flex-direction:column;align-items:flex-start;gap:12px}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%}.form-saved{text-align:center}}