:root{--bg: #fdf9f4;--surface: #fffdfa;--surface-2: #f9f2e9;--border: #efe4d6;--border-strong: #ddcbb4;--text: #3d3229;--text-2: #6e6055;--text-3: #9b8b7c;--primary: #5f8a6e;--primary-hover: #527a5f;--on-primary: #ffffff;--primary-soft: #e9f2eb;--pending: #c2762e;--pending-bg: #fbeedb;--passed: #4f8055;--passed-bg: #e8f2e7;--senior: #6b7fb5;--senior-bg: #eceef8;--done: #7d7168;--done-bg: #f3ede7;--danger: #b5544a;--danger-bg: #f9e9e7;--r: 15px;--r-sm: 11px;--r-lg: 18px;--row-h: 52px;--pad: 22px;--fs: 14.5px;--sb-w: 238px;--shadow: 0 2px 10px rgba(120, 95, 65, .06), 0 1px 2px rgba(120, 95, 65, .04);--shadow-md: 0 6px 22px rgba(120, 95, 65, .1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e3d6c4;border-radius:6px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#d3c2ab}.layout{display:grid;grid-template-columns:var(--sb-w) 1fr;min-height:100vh;background:var(--bg)}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0}.brand{display:flex;align-items:center;gap:11px;padding:0 20px 22px}.brand-mark{width:38px;height:38px;border-radius:13px;flex:none;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:700}.brand-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.25}.brand-sub{font-size:11px;color:var(--text-3);margin-top:2px;letter-spacing:.1em}.nav{padding:0 12px;flex:1;overflow-y:auto}.nav-group{font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--text-3);padding:16px 10px 7px}.nav-item{display:flex;align-items:center;gap:10px;padding:0 12px;height:38px;margin-bottom:3px;border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs);transition:all .18s ease}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-ico{width:15px;height:15px;flex:none;opacity:.85}.nav-ico svg{width:100%;height:100%;display:block}.nav-badge{margin-left:auto;background:var(--pending);color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;padding:0 6px}.sidebar-foot{padding:16px 20px 0;margin:0 12px;border-top:1px solid var(--border)}.user{display:flex;align-items:center;gap:10px;padding-top:16px}.avatar{width:34px;height:34px;border-radius:50%;flex:none;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:13px;font-weight:700}.u-name{font-size:13px;font-weight:600;color:var(--text)}.u-role{font-size:11px;color:var(--text-3);margin-top:1px}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:60px;flex:none;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad)}.crumb{font-size:13px;color:var(--text-3)}.crumb b{color:var(--text);font-weight:600}.topbar-right{display:flex;align-items:center;gap:8px}.content{padding:var(--pad);overflow:auto;flex:1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.page-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.01em}.page-desc{font-size:13px;color:var(--text-3);margin-top:6px}.head-actions{display:flex;gap:10px}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.ui-card-pad{padding:22px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;border:1px solid transparent;transition:all .18s ease;white-space:nowrap;cursor:pointer;background:none;color:inherit}.ui-btn svg{width:14px;height:14px}.ui-btn-primary{background:var(--primary);color:var(--on-primary);font-weight:600}.ui-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5f8a6e40}.ui-btn-outline{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}.ui-btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.ui-btn-ghost{background:transparent;color:var(--text-2)}.ui-btn-ghost:hover{background:var(--surface-2);color:var(--text)}.ui-btn-danger{background:var(--surface);color:var(--danger);border-color:var(--border-strong)}.ui-btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.ui-btn-sm{height:30px;padding:0 12px;font-size:13px;border-radius:9px}.ui-btn-block{width:100%}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.table-wrap{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;font-size:var(--fs)}.ui-table thead th{background:var(--surface-2);text-align:left;font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--text-3);padding:0 16px;height:42px;white-space:nowrap;border-bottom:1px solid var(--border)}.ui-table tbody td{padding:0 16px;height:var(--row-h);border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;white-space:nowrap}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr{transition:background .15s ease}.ui-table tbody tr:hover{background:var(--surface-2)}.col-id{font-family:var(--mono);color:var(--text-3);font-size:13px}.col-name{color:var(--text);font-weight:600}.col-num{font-family:var(--mono);font-variant-numeric:tabular-nums}.col-reason{max-width:230px;overflow:hidden;text-overflow:ellipsis}.col-act{text-align:right}.col-act .ui-btn+.ui-btn{margin-left:8px}.ui-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 11px;border-radius:12px;font-size:12.5px;font-weight:600;white-space:nowrap}.ui-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.ui-tag-pending{background:var(--pending-bg);color:var(--pending)}.ui-tag-passed{background:var(--passed-bg);color:var(--passed)}.ui-tag-senior{background:var(--senior-bg);color:var(--senior)}.ui-tag-done{background:var(--done-bg);color:var(--done)}.ui-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.ui-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow)}.stat-label{font-size:12px;color:var(--text-3);font-weight:500}.stat-value{font-family:var(--mono);font-size:28px;font-weight:600;line-height:1.15;margin-top:7px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.stat-delta{font-size:11.5px;color:var(--text-3);margin-top:4px}.ui-stat.accent .stat-value{color:var(--primary)}.ui-toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ui-search{position:relative;flex:1;min-width:240px;display:flex;align-items:center}.ui-search>svg{position:absolute;left:13px;width:14px;height:14px;color:var(--text-3);pointer-events:none}.ui-input{width:100%;height:38px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:14px;outline:none;transition:all .18s ease}.ui-input::placeholder{color:var(--text-3)}.ui-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-search .ui-input{padding-left:36px}.ui-select{height:38px;padding:0 32px 0 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);font-size:14px;outline:none;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 12px) 17px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.ui-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-field{margin-bottom:18px}.ui-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.ui-textarea{width:100%;min-height:92px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:14px;outline:none;resize:vertical;line-height:1.6}.ui-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-size:13px;color:var(--text-3);border-top:1px solid var(--border)}.pager-btns{display:flex;gap:6px}.ui-pg{min-width:30px;height:30px;padding:0 9px;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-2);border:1px solid var(--border);background:var(--surface);transition:all .15s ease;cursor:pointer}.ui-pg:hover{border-color:var(--primary);color:var(--primary)}.ui-pg.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);font-weight:700}.ui-pg:disabled{opacity:.45;cursor:not-allowed}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:36px 34px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-title{font-size:19px;font-weight:700;color:var(--text);margin-bottom:6px}.login-desc{font-size:13px;color:var(--text-3)}.ui-empty{padding:60px 20px;text-align:center;color:var(--text-3);font-size:14px}@media (max-width: 1100px){.ui-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.layout{grid-template-columns:1fr}.sidebar{display:none}}