:root{--vcb-green: var(--fv-brand-700);--vcb-green-dark: var(--fv-brand-800);--vcb-navy: var(--fv-ink-800);--vcb-bg: var(--fv-bg);--vcb-surface: var(--fv-surface);--vcb-border: var(--fv-border);--vcb-text: var(--fv-text);--vcb-muted: var(--fv-muted);--vcb-danger: var(--fv-red);--vcb-success: var(--fv-brand-600);--vcb-warn: #a86a00}.fv-content a:where(:not(.btn,.fv-btn,.fv-item,.fv-tile,.fv-iconbtn)){color:var(--fv-brand-700);text-decoration:none}.fv-content a:where(:not(.btn,.fv-btn,.fv-item,.fv-tile,.fv-iconbtn)):hover{text-decoration:underline}.fv-content img{max-width:100%;height:auto}.fv-content button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;min-height:42px;border-radius:12px;font:inherit;font-weight:700;font-size:14.5px;border:1px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--fv-brand-700);color:#fff}.btn-primary:hover:not(:disabled){background:var(--fv-brand-800)}.btn-secondary{background:var(--fv-surface);color:var(--fv-ink-800);border-color:var(--fv-border)}.btn-secondary:hover:not(:disabled){background:var(--fv-ink-50);border-color:var(--fv-ink-300)}.btn-danger{background:var(--fv-surface);color:var(--fv-red);border-color:#f3c9c5}.btn-danger:hover:not(:disabled){background:var(--fv-red-50)}.btn-sm{min-height:34px;padding:0 12px;font-size:13.5px;border-radius:10px}.field{margin-bottom:14px}.field label{display:block;font-size:13.5px;font-weight:650;margin-bottom:6px;color:var(--fv-ink-800)}.fv-content input[type=search],.fv-content input[type=text],.fv-content input[type=date],.fv-content input[type=month],.fv-content input[type=number],.fv-content input[type=email],.fv-content input[type=tel],.fv-content select{border:1px solid var(--fv-ink-300);border-radius:10px;background:var(--fv-surface);color:var(--fv-text);font-family:inherit}.field input,.field select,.field textarea{width:100%;padding:10px 12px;min-height:44px;border:1px solid var(--fv-ink-300);border-radius:12px;font:inherit;font-size:16px;background:var(--fv-surface);color:var(--fv-text);transition:border-color .15s,box-shadow .15s}.fv-content input[type=checkbox],.fv-content input[type=radio]{width:auto;min-height:0;accent-color:var(--fv-brand-700)}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.fv-content input:focus,.fv-content select:focus,.fv-content textarea:focus{outline:none;border-color:var(--fv-brand-500);box-shadow:var(--fv-ring)}.field .hint{font-size:12.5px;color:var(--fv-muted);margin-top:5px}.field .err{font-size:12.5px;color:var(--fv-red);margin-top:5px}.page{max-width:none;margin:0;padding:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:2px 0 18px;flex-wrap:wrap}.page-header>div:first-child{min-width:0}.page-header h1{margin:0;font-family:var(--fv-font-head);font-size:24px;line-height:1.2;letter-spacing:-.015em;color:var(--fv-text)}.page-header p{margin:5px 0 0;color:var(--fv-muted);font-size:14.5px}.card{background:var(--fv-surface);border:1px solid var(--fv-border);border-radius:var(--fv-r-md);padding:20px;box-shadow:var(--fv-shadow-sm)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.card:has(>table.tbl),.card:has(>.table-wrap){overflow-x:auto;-webkit-overflow-scrolling:touch}table.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--fv-surface)}table.tbl th,table.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--fv-ink-100);font-size:14px;vertical-align:top}table.tbl th{background:var(--fv-ink-50);font-weight:700;color:var(--fv-ink-500);font-size:12px;letter-spacing:.02em;white-space:nowrap;position:sticky;top:0;z-index:3;border-bottom-color:var(--fv-border)}table.tbl th:first-child{border-top-left-radius:10px}table.tbl th:last-child{border-top-right-radius:10px}table.tbl tbody tr:hover{background:var(--fv-ink-25)}table.tbl tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.badge-director{background:var(--fv-violet-50);color:var(--fv-violet)}.badge-lead,.badge-manager{background:var(--fv-blue-50);color:var(--fv-blue)}.badge-sale{background:var(--fv-brand-50);color:var(--fv-brand-700)}.badge-off{background:var(--fv-ink-100);color:var(--fv-ink-500)}.modal-bg{position:fixed;inset:0;background:#1018206b;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:fv-fade .15s ease}.modal{background:var(--fv-surface);border-radius:var(--fv-r-lg);width:100%;max-width:480px;padding:24px;box-shadow:var(--fv-shadow-lg);max-height:92vh;overflow-y:auto}.modal h2{margin:0 0 16px;font-family:var(--fv-font-head);font-size:19px;letter-spacing:-.01em}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--fv-ink-100)}.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:14px;font-weight:500}.flash-err{background:var(--fv-red-50);color:#a52a21;border:1px solid #f3c9c5}.flash-success{background:var(--fv-brand-50);color:var(--fv-brand-800);border:1px solid var(--fv-brand-200)}.flash-info{background:var(--fv-blue-50);color:#174a8c;border:1px solid #c8dafc}.fv-content select,.fv-content input,.fv-content textarea{max-width:100%}@media(max-width:720px){.page-header{margin-bottom:14px}.page-header h1{font-size:21px}.page-header p{font-size:13.5px}.card{padding:16px}table.tbl th,table.tbl td{padding:10px;font-size:13.5px}.modal-bg{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));animation:fv-up .22s cubic-bezier(.2,.8,.3,1)}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.btn{min-height:44px}.btn-sm{min-height:36px}}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.row{grid-template-columns:1fr}}
