:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}:root{--bg:#f4f6f8;--panel:#fff;--panel-muted:#eef2f6;--text:#17202a;--muted:#667085;--line:#d7dde5;--primary:#2457c5;--primary-strong:#183f91;--danger:#b42318;--success-bg:#e8f4ef;--success-text:#1f6b4f;--shadow:0 12px 28px #17202a14}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-decoration:none}#app{min-height:100vh}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f7fafc;background:#17202a;height:100vh;padding:24px 18px;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff24;align-items:center;gap:12px;padding:4px 6px 24px;display:flex}.brand-mark{color:#fff;background:var(--primary);border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong{font-size:16px;font-weight:800;display:block}.brand small{color:#b7c2d0;margin-top:2px;display:block}.nav{gap:6px;margin-top:22px;display:grid}.nav a{color:#dce5f0;border-radius:7px;padding:11px 12px}.nav a.router-link-exact-active,.nav a:hover{color:#fff;background:#ffffff1f}.main{min-width:0;padding:26px 30px 40px}.topbar,.toolbar,.panel-header,.form-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:24px}.topbar h1,.toolbar h2,.panel-header h2{color:var(--text);margin:0;font-size:24px;font-weight:800;line-height:1.2}.toolbar h2,.panel-header h2{font-size:18px}.toolbar p{color:var(--muted);margin:6px 0 0}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.user-box{color:var(--muted);align-items:center;gap:10px;display:flex}.content-stack{gap:18px;display:grid}.panel,.form-panel,.inline-create,.metric{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.panel{overflow:hidden}.panel-header{border-bottom:1px solid var(--line);padding:16px 18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{padding:18px}.metric span{color:var(--muted);font-size:13px}.metric strong{margin-top:8px;font-size:30px;font-weight:800;display:block}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:860px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 14px}th{color:var(--muted);background:#f8fafc;font-size:12px;font-weight:800}td{font-size:14px}.empty-cell{color:var(--muted);text-align:center}.status-pill{min-width:70px;color:var(--success-text);background:var(--success-bg);border-radius:999px;justify-content:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.primary-button,.secondary-button,.ghost-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-weight:750;display:inline-flex}.primary-button{color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-strong)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.62}.secondary-button{color:var(--text);border-color:var(--line);background:#fff}.ghost-button{min-height:34px;color:var(--muted);border-color:var(--line);background:0 0}.filter-row,.inline-create{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-create{padding:14px}input,select,textarea{width:100%;color:var(--text);background:#fff;border:1px solid #cfd7e2;border-radius:7px;outline:none}input,select{min-height:38px;padding:0 11px}textarea{resize:vertical;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2457c524}input[readonly],select:disabled{color:var(--muted);background:#f3f6fa}.filter-row input{width:min(220px,100%)}.filter-row select,.inline-create input{width:180px}.action-row{flex-wrap:wrap;gap:10px;display:flex}.table-action{white-space:nowrap;font-weight:800}.pager{color:var(--muted);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.trend-chart{background:#fff;padding:18px}.trend-chart svg{width:100%;height:auto;display:block}.chart-axis{stroke:#d7dde5;stroke-width:1px}.chart-line{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.chart-dot{fill:#fff;stroke:var(--primary);stroke-width:2px}.chart-value{fill:var(--muted);text-anchor:middle;font-size:11px}.trend-labels{color:var(--muted);text-align:center;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;margin-top:6px;font-size:11px;display:grid}.contact-list{flex-wrap:wrap;gap:7px;max-width:520px;display:flex}.contact-badge{border:1px solid var(--line);white-space:nowrap;background:#f4f7fb;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:4px 9px;display:inline-flex}.contact-badge strong{font-weight:800}.contact-badge small{color:var(--muted);font-size:12px}.contact-badge em{color:var(--success-text);background:var(--success-bg);border-radius:999px;padding:1px 5px;font-size:11px;font-style:normal;font-weight:800}.export-page{align-items:center}.export-toolbar{width:min(920px,100%)}.sheet-page{justify-items:end;gap:10px;width:min(920px,100%);display:grid}.sheet-paper{color:#111;transform-origin:top;background:#fff;border:1px solid #d7dde5;width:794px;min-height:1123px;padding:56px 58px;box-shadow:0 18px 42px #17202a24}.sheet-head{grid-template-columns:1fr 1.2fr;align-items:center;margin-bottom:20px;display:grid}.sheet-head strong,.sheet-head span{display:block}.sheet-head h2{letter-spacing:0;text-align:center;margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:500}.sheet-date{margin-bottom:8px;font-size:16px}.fixed-sheet-table{table-layout:fixed;border:1.5px solid #111;min-width:0}.fixed-sheet-table th,.fixed-sheet-table td{color:#111;vertical-align:top;white-space:pre-wrap;background:#fff;border:1px solid #111;height:38px;padding:7px 9px;font-size:14px}.fixed-sheet-table th{width:110px;font-weight:800}.work-row td,.work-row th{height:260px}.signature-row{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;font-size:16px;display:grid}.signature-row img{vertical-align:middle;max-width:170px;max-height:60px;display:inline-block}@media print{body{background:#fff}.sidebar,.topbar,.export-toolbar,.sheet-actions{display:none!important}.app-shell{display:block}.main{padding:0}.sheet-page{page-break-after:always;width:auto;display:block}.sheet-paper{width:210mm;min-height:297mm;box-shadow:none;border:0;padding:14mm 15mm}}.form-panel{gap:18px;padding:20px;display:grid}fieldset{border:0;min-width:0;padding:0}legend{margin-bottom:12px;font-size:16px;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label span{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.span-2{grid-column:span 2}.form-error{color:var(--danger);background:#fff0ee;border:1px solid #f5b8b0;border-radius:7px;margin:0;padding:11px 12px}.muted{color:var(--muted);margin:0}.login-page{background:linear-gradient(#17202ac7,#17202ac7),url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1800&q=80) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border-radius:8px;grid-template-columns:1fr 360px;width:min(920px,100%);display:grid;overflow:hidden;box-shadow:0 24px 80px #0000003d}.login-copy{color:#fff;background:#17202a;padding:46px}.login-copy .eyebrow{color:#9fb0c3}.login-copy h1{max-width:420px;margin:0;font-size:34px;font-weight:850;line-height:1.18}.login-copy p:last-child{color:#d2dbe6;max-width:380px;margin:16px 0 0}.login-form{align-content:center;gap:16px;padding:34px;display:grid}.login-meta{color:#7b8794;text-align:center;margin:0;font-size:12px;line-height:1.6}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:22px 16px 32px}.topbar,.toolbar{flex-direction:column;align-items:flex-start}.metric-grid,.form-grid,.login-panel{grid-template-columns:1fr}.span-2{grid-column:auto}.login-copy{padding:30px}}