:root{color-scheme:light;--bg: #f5f7f3;--panel: #ffffff;--text: #202622;--muted: #69736d;--line: #dfe6df;--accent: #2f6f58;--accent-dark: #245845;--soft-green: #e7f5ed;--soft-red: #fae9e6;--soft-gray: #eef1ed;--red: #a64b3f;--red-dark: #87362d;--blue: #315f8f;--shadow: 0 18px 50px rgba(30, 45, 36, .12);font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7faf6 0%,var(--bg) 100%);color:var(--text)}button,input,textarea,select{font:inherit}button{border:0;border-radius:8px;cursor:pointer;min-height:38px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:focus,textarea:focus,select:focus{border-color:#2f6f588c;box-shadow:0 0 0 3px #2f6f581f}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.login-panel{width:min(920px,100%);display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:44px;position:relative;overflow:hidden;animation:enterUp .38s ease both}.login-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:5px solid var(--accent);pointer-events:none}.eyebrow{margin:0 0 8px;color:var(--accent);font-weight:700;letter-spacing:0;text-transform:uppercase;font-size:12px}.brand-block{position:relative}.brand-row{display:flex;align-items:center;gap:13px}.brand-logo{width:46px;height:46px;flex:0 0 auto;border-radius:12px;box-shadow:0 10px 24px #2f6f582e}.brand-logo.large{width:68px;height:68px;margin-bottom:16px;border-radius:16px}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(34px,5vw,64px);line-height:1}h2{font-size:24px}.muted{color:var(--muted);line-height:1.55}.login-form,.dialog-form{display:grid;gap:16px}.login-form{background:#f9fbf8;border:1px solid var(--line);border-radius:8px;padding:18px}label{display:grid;gap:7px;color:var(--muted);font-size:14px}.primary{background:var(--accent);color:#fff;padding:0 16px}.primary:hover{background:var(--accent-dark);box-shadow:0 8px 20px #2f6f5833}.secondary{background:#edf1ec;color:var(--text);padding:0 14px}.error{color:var(--red);min-height:20px;margin:0}.app{width:min(1500px,calc(100% - 36px));margin:0 auto;padding:26px 0 40px}.topbar,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.filter-stack{display:grid;gap:10px}.topbar h1{font-size:38px}.top-actions,.tools{display:flex;align-items:center;gap:10px}.user-badge{color:var(--muted);white-space:nowrap}.toolbar{margin:24px 0 14px;padding:12px;background:#ffffffbf;border:1px solid var(--line);border-radius:8px;animation:enterUp .28s ease both}.notice-row{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 14px;color:var(--muted);font-size:13px}.notice-row span{background:#eef3ee;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button,.category-tabs button,.batch-tabs button{padding:0 13px;background:#e9eee8;color:var(--text)}.tabs button.active,.category-tabs button.active,.batch-tabs button.active{background:var(--text);color:#fff}.category-tabs,.batch-tabs{display:flex;gap:6px;flex-wrap:wrap}.category-tabs button,.batch-tabs button{min-height:32px;font-size:13px}.category-tabs button:not(.active){border-left:5px solid var(--tag-color);background:color-mix(in srgb,var(--tag-color) 12%,white)}.batch-tabs button{background:#eef3f3}.tabs span{opacity:.75;margin-left:4px}.tools{flex:1;justify-content:flex-end}.tools input{max-width:380px}.danger-action{background:#f4d7d2;color:var(--red-dark);padding:0 14px}.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}table{width:100%;border-collapse:separate;border-spacing:0 8px;table-layout:fixed;min-width:1200px;background:#f3f6f3}tbody tr{animation:rowIn .22s ease both}th,td{text-align:left;vertical-align:top;padding:13px 14px}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0;background:#fbfcfb;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}td{line-height:1.35;overflow-wrap:anywhere;background:#fff;border-top:1px solid #dde7dd;border-bottom:1px solid #dde7dd;box-shadow:0 5px 16px #20262209}td:first-child{border-left:4px solid #cdded2;border-radius:8px 0 0 8px}td:last-child{border-right:1px solid #dde7dd;border-radius:0 8px 8px 0}tbody tr:nth-child(odd) td{background:#fbfdfb}tbody tr:nth-child(2n) td{background:#f7faf7}th:nth-child(1),td:nth-child(1){width:130px}th:nth-child(2),td:nth-child(2){width:23%}th:nth-child(3),td:nth-child(3){width:19%}th:nth-child(4),td:nth-child(4){width:18%}th:nth-child(5),td:nth-child(5){width:17%}th:nth-child(6),td:nth-child(6){width:132px}th:nth-child(7),td:nth-child(7){width:96px}tbody tr.status-working,tbody tr.status-broken{background:transparent}tbody tr.status-working td{background:var(--soft-green)}tbody tr.status-working td:first-child{border-left-color:#88c8a2}tbody tr.status-broken td{background:var(--soft-red)}tbody tr.status-broken td:first-child{border-left-color:#d99a91}tbody tr:hover td{background-color:#f7fbf7;box-shadow:inset 0 0 0 999px #2f6f5806}.comment-input{min-width:0;resize:vertical;min-height:64px}.comment-box{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:start}.comment-save{width:38px;min-height:38px;background:var(--accent);color:#fff;font-weight:700}.comment-save:disabled{cursor:default;background:#dfe6df;color:#8a948d}.comment-save.saved{background:var(--blue);color:#fff}.review-cell{position:relative;display:grid;gap:7px}.review-toggle{min-height:32px;display:inline-flex;justify-content:space-between;align-items:center;gap:8px;background:#edf1ec;color:var(--text);padding:0 10px}.chevron{color:var(--muted)}.review-tags{display:flex;gap:4px;flex-wrap:wrap}.review-tags span{max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:color-mix(in srgb,var(--tag-color, #2f6f58) 14%,white);color:color-mix(in srgb,var(--tag-color, #2f6f58) 74%,black);border-left:4px solid var(--tag-color, #2f6f58);padding:4px 7px;font-size:12px}.admin-tag{display:inline-flex;border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--tag-color, #2f6f58) 14%,white);color:color-mix(in srgb,var(--tag-color, #2f6f58) 74%,black);border-left:4px solid var(--tag-color, #2f6f58)}.review-tags .muted-chip{background:#eef1ed;color:var(--muted)}.review-dropdown{position:absolute;top:36px;left:0;z-index:5;width:230px;max-height:260px;overflow:auto;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.dropdown-check{display:flex;align-items:center;grid-template-columns:none;gap:8px;padding:7px 4px;color:var(--text)}.dropdown-check input{width:auto}.dropdown-empty{color:var(--muted);font-size:13px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:13px;white-space:nowrap}.status-cell{display:grid;gap:8px;justify-items:start}.status-actions{display:grid;gap:6px}.status-set{min-height:28px;padding:0 9px;font-size:12px}.status-set.good{background:#d8efe3;color:#246044}.status-set.bad{background:#f4d7d2;color:var(--red-dark)}.confirm-box,.delete-confirm{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--muted);font-size:12px}.mini-yes,.mini-no{min-height:28px;padding:0 8px;font-size:12px}.mini-yes{background:var(--accent);color:#fff}.mini-no{background:#edf1ec;color:var(--text)}.status-working .status-pill,.pill-working{background:#d8efe3;color:#246044}.status-broken .status-pill,.pill-broken{background:#f4d7d2;color:#8d3d33}.pill-unknown{background:var(--soft-gray);color:#526057}.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.icon-btn{width:34px;min-height:34px;border-radius:8px;background:#edf1ec;transition:transform .12s ease,background .12s ease}.icon-btn:hover{background:#dfe8df;transform:translateY(-1px)}.icon-btn.danger{color:var(--red)}.actions-col{width:84px}.empty{padding:42px;text-align:center;color:var(--muted)}.empty.compact{padding:12px;border:1px solid var(--line);border-radius:8px}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;flex-wrap:wrap}.pager button{min-width:38px;padding:0 10px;background:#e9eee8}.pager button.active{background:var(--accent);color:#fff}dialog{border:0;border-radius:8px;padding:0;box-shadow:var(--shadow);width:min(560px,calc(100% - 28px));animation:enterUp .22s ease both}#usersDialog{width:min(920px,calc(100% - 28px))}dialog::backdrop{background:#18221c6b}.dialog-form{padding:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.inline-form{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:center}.category-admin-form{grid-template-columns:1fr auto}.category-field{border:1px solid var(--line);border-radius:8px;padding:12px}.category-field legend{color:var(--muted);font-size:14px;padding:0 6px}.category-checks{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox{display:flex;align-items:center;gap:8px;white-space:nowrap}.checkbox input{width:auto}.users-list{display:grid;gap:8px}.user-row,.batch-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;gap:10px}.batch-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,1.4fr) 34px}.upload-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.logs-list{display:grid;gap:6px;max-height:240px;overflow:auto}.log-row{display:grid;grid-template-columns:150px 90px 160px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--muted);font-size:12px}.log-row strong{color:var(--text)}@keyframes enterUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rowIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.login-panel{grid-template-columns:1fr;padding:28px}.topbar,.toolbar{align-items:stretch;flex-direction:column}.top-actions,.tools{width:100%;justify-content:flex-start;flex-wrap:wrap}.tools input{max-width:none}.inline-form{grid-template-columns:1fr}}@media(max-width:1040px){.app{width:min(100% - 24px,1500px)}.toolbar{align-items:stretch;flex-direction:column}.tools{width:100%}.tools input{max-width:none}}@media(max-width:720px){body{background:#f6f8f5}.app{width:100%;padding:16px 10px 28px}.topbar{gap:14px}.topbar h1{font-size:30px}.brand-row{align-items:flex-start}.brand-logo{width:42px;height:42px}.top-actions{display:grid;grid-template-columns:1fr 1fr}.user-badge{grid-column:1 / -1}.toolbar{margin-top:16px;padding:10px}.tabs,.category-tabs,.batch-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.tabs button,.category-tabs button,.batch-tabs button{flex:0 0 auto}.tools{display:grid;grid-template-columns:1fr}.notice-row{gap:8px}.notice-row span{width:100%}.table-wrap{overflow:visible;background:transparent;border:0;box-shadow:none}table,thead,tbody,tr,th,td{display:block;width:100%}table{min-width:0;border-spacing:0;background:transparent}thead{display:none}tbody{display:grid;gap:12px}tbody tr{border:1px solid var(--line);border-left:5px solid #cdded2;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 12px 26px #1e2d2414}tbody tr.status-working{border-left-color:#78ba94}tbody tr.status-broken{border-left-color:#d48f86}td,td:first-child,td:last-child{border:0;border-radius:0;box-shadow:none;padding:10px 12px}td+td{border-top:1px solid #edf1ec}td:before{content:attr(data-label);display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0}.review-cell,.status-cell{align-items:start}.review-toggle{width:100%}.review-dropdown{position:static;width:100%;max-height:none;margin-top:6px;box-shadow:none}.comment-box{grid-template-columns:minmax(0,1fr) 42px}.row-actions{justify-content:flex-start}.pager{justify-content:flex-start;overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap}dialog,#usersDialog{width:min(100% - 18px,560px)}.dialog-form{padding:18px}.dialog-actions,.user-row,.batch-row,.upload-form,.log-row{display:grid;grid-template-columns:1fr}.dialog-actions{justify-items:stretch}.batch-row{align-items:stretch}.log-row{gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}