:root{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-hover: #f1f5f9;--border: #e6e9ef;--border-strong: #d3d9e3;--text: #0f1729;--text-muted: #64748b;--text-subtle: #94a3b8;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--primary-contrast: #ffffff;--success: #15803d;--success-soft: #dcfce7;--warning: #b45309;--warning-soft: #fef3c7;--danger: #b91c1c;--danger-soft: #fee2e2;--info: #0369a1;--info-soft: #e0f2fe;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--shadow-sm: 0 1px 2px rgba(15, 23, 41, .04), 0 1px 3px rgba(15, 23, 41, .06);--shadow-md: 0 4px 12px rgba(15, 23, 41, .06), 0 2px 4px rgba(15, 23, 41, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 41, .12);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--sidebar-w: 248px;--topbar-h: 60px}:root[data-theme=dark]{--bg: #0b1120;--surface: #131a2a;--surface-2: #0f1626;--surface-hover: #1b2436;--border: #24304a;--border-strong: #33415e;--text: #e8edf6;--text-muted: #98a4bc;--text-subtle: #6b7894;--primary: #6366f1;--primary-hover: #818cf8;--primary-soft: #1e2540;--primary-contrast: #ffffff;--success: #4ade80;--success-soft: #14321f;--warning: #fbbf24;--warning-soft: #3a2c0c;--danger: #f87171;--danger-soft: #3a1717;--info: #38bdf8;--info-soft: #0c2a3f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 14px 34px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--primary-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.mono{font-variant-numeric:tabular-nums}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-3);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-5)}.brand-logo{width:38px;height:38px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;box-shadow:var(--shadow-sm)}.brand-name{font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em}.brand-sub{font-size:var(--fs-xs);color:var(--text-subtle)}.nav{display:flex;flex-direction:column;gap:2px}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);padding:var(--sp-4) var(--sp-3) var(--sp-2);font-weight:600}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--r-sm);color:var(--text-muted);font-weight:550;font-size:var(--fs-md);cursor:pointer;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:650}.nav-item .ico{width:20px;text-align:center;font-size:16px}.nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;border-radius:9px;font-size:11px;font-weight:700;line-height:1}.switch{width:42px;height:24px;flex:none;padding:0;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);position:relative;cursor:pointer;transition:background .15s,border-color .15s}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000059;transition:left .15s}.switch.on{background:var(--primary);border-color:var(--primary)}.switch.on .knob{left:22px}.switch:disabled{opacity:.45;cursor:not-allowed}.switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.subtabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:20px}.subtab{padding:9px 15px;border:none;background:none;color:var(--text-muted);font-weight:600;font-size:14.5px;cursor:pointer;border-radius:8px 8px 0 0;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:7px}.subtab:hover{color:var(--text);background:var(--surface-2)}.subtab.active{color:var(--primary);border-bottom-color:var(--primary)}.sidebar-foot{margin-top:auto;padding-top:var(--sp-4)}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);position:sticky;top:0;z-index:20}.topbar h1{font-size:var(--fs-xl)}.content{padding:var(--sp-6);max-width:1320px;margin:0 auto;width:100%}.avatar{width:34px;height:34px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.page-header .title{font-size:var(--fs-2xl)}.page-header .desc{color:var(--text-muted);margin-top:var(--sp-1);font-size:var(--fs-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--sp-5)}.card-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.card-title{font-size:var(--fs-lg);font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:38px;padding:0 var(--sp-4);border-radius:var(--r-sm);border:1px solid transparent;font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s,transform .04s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-soft) 70%,var(--danger) 12%)}.btn-sm{height:32px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn-icon{width:34px;height:34px;padding:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:650;line-height:1.5;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-neutral{background:var(--surface-hover);color:var(--text-muted)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.table-wrap{overflow-x:auto;border-radius:var(--r-lg)}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-md)}table.data th{text-align:left;font-weight:600;color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}table.data td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .1s}table.data tbody tr:hover{background:var(--surface-2)}.cell-strong{font-weight:600}.cell-plate{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:600;background:var(--surface-hover);padding:2px 8px;border-radius:6px;font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.input,.select,textarea.input{height:40px;padding:0 var(--sp-3);width:100%;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--fs-md);transition:border-color .12s,box-shadow .12s}textarea.input{height:auto;min-height:88px;padding:var(--sp-3);resize:vertical}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.field-error{color:var(--danger);font-size:var(--fs-xs)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.stat .stat-label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:550}.stat .stat-value{font-size:30px;font-weight:720;letter-spacing:-.02em;margin-top:var(--sp-2)}.stat .stat-foot{margin-top:var(--sp-2);font-size:var(--fs-xs)}.empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--text-muted)}.empty .empty-ico{font-size:34px;opacity:.6;margin-bottom:var(--sp-3)}.empty .empty-title{font-weight:650;color:var(--text);margin-bottom:var(--sp-1)}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--border-strong);border-top-color:var(--primary);animation:spin .7s linear infinite}.spinner-lg{width:34px;height:34px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.center-pad{display:grid;place-items:center;padding:var(--sp-7)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c1673;display:grid;place-items:center;padding:var(--sp-4);z-index:50;animation:fade .12s ease}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow:auto;animation:pop .14s ease}.dialog.dialog-wide{max-width:920px}.dialog-head{padding:var(--sp-5) var(--sp-5) var(--sp-3);display:flex;align-items:center;justify-content:space-between}.dialog-title{font-size:var(--fs-xl)}.dialog-body{padding:0 var(--sp-5) var(--sp-4)}.dialog-foot{padding:var(--sp-4) var(--sp-5) var(--sp-5);display:flex;justify-content:flex-end;gap:var(--sp-3)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.99)}}.toast-wrap{position:fixed;bottom:var(--sp-5);right:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:60}.toast{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--text-muted);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:var(--sp-3) var(--sp-4);min-width:260px;max-width:380px;animation:slidein .16s ease}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.info{border-left-color:var(--info)}.toast .toast-msg{font-size:var(--fs-md)}@keyframes slidein{0%{opacity:0;transform:translate(12px)}}.login-bg{min-height:100vh;display:grid;place-items:center;padding:var(--sp-4);background:radial-gradient(1200px 600px at 20% -10%,color-mix(in srgb,var(--primary) 22%,transparent),transparent),radial-gradient(1000px 500px at 100% 100%,color-mix(in srgb,#7c3aed 18%,transparent),transparent),var(--bg)}.login-card{width:100%;max-width:400px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;transform:translate(-100%);transition:transform .2s;width:var(--sidebar-w);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.form-grid{grid-template-columns:1fr}.content{padding:var(--sp-4)}.topbar{padding:0 var(--sp-4)}}.menu-toggle{display:none}@media(max-width:900px){.menu-toggle{display:inline-flex}}.sig-wrap{display:flex;flex-direction:column;gap:var(--sp-2)}.sig-canvas{width:100%;height:170px;border:2px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface);touch-action:none;cursor:crosshair}.sig-canvas.filled{border-style:solid;border-color:var(--primary)}.m-wrap{max-width:440px;margin:0 auto;padding:20px 16px 40px;min-height:100vh}.m-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.m-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 12px;min-height:112px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--text);font-weight:650;font-size:15px;cursor:pointer;box-shadow:0 1px 2px #0000000f;transition:transform .1s ease,border-color .12s}.m-tile:active{transform:scale(.98)}.m-tile:hover{border-color:var(--primary)}.m-tile-ic{font-size:30px;line-height:1}.m-tile-t{line-height:1.25}.sig-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--surface);display:flex;flex-direction:column}.sig-full-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.sig-full-canvas{flex:1;width:100%;min-height:0;background:var(--surface);touch-action:none;cursor:crosshair}.proc-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-5);align-items:start}@media(max-width:900px){.proc-grid{grid-template-columns:1fr}}.proc-sticky{position:sticky;top:calc(var(--topbar-h) + var(--sp-5))}.checks{display:flex;flex-direction:column;gap:var(--sp-2)}.check-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.check-row input{width:18px;height:18px;accent-color:var(--primary)}.check-row:hover{background:var(--surface-2)}.photo-input{display:block;flex:1;padding:var(--sp-4);border:2px dashed var(--border-strong);border-radius:var(--r-md);text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color .12s,background .12s}.photo-input:hover{border-color:var(--primary);background:var(--surface-2)}button.photo-input{font:inherit;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.thumbs{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-3)}.thumb{position:relative;width:96px;height:72px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .rm{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:12px;line-height:1}.success-panel{text-align:center;padding:var(--sp-6) var(--sp-4)}.success-check{width:56px;height:56px;border-radius:50%;background:var(--success-soft);color:var(--success);display:grid;place-items:center;font-size:28px;margin:0 auto var(--sp-4)}