:root{--navy: #0E1628;--navy-700: #1a2740;--navy-600: #243250;--teal: #46CDC7;--teal-600: #2fb3ad;--teal-050: #e7faf9;--bg: #f4f6f9;--surface: #ffffff;--border: #e2e7ef;--text: #0E1628;--text-muted: #5b6678;--danger: #d64545;--danger-050: #fdeaea;--success: #2f9e6f;--warning: #c98a16;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(14, 22, 40, .06), 0 4px 16px rgba(14, 22, 40, .05);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--teal-600);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .25em;font-weight:600;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:17px}.btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--navy)}.btn-primary:hover:not(:disabled){background:var(--teal-600)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-050)}.btn-sm{padding:5px 10px;font-size:13px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:13px;font-weight:500;color:var(--text-muted)}.input,select.input{font:inherit;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%}.input:focus,select.input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-050)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:2px 9px;border-radius:999px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.badge-teal{background:var(--teal-050);color:var(--teal-600);border-color:transparent}.badge-admin{background:#ecebff;color:#5b51d8;border-color:transparent}.badge-off{background:var(--danger-050);color:var(--danger);border-color:transparent}table.vf-grid.admin-users>tbody>tr>td{padding-top:8px;padding-bottom:8px}.muted{color:var(--text-muted)}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.error-text{color:var(--danger);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px}.vf-shell{min-height:100vh;display:flex;flex-direction:column}.vf-shell *,.vf-shell *:before,.vf-shell *:after{box-sizing:border-box}.vf-shell--workspace{height:100vh;min-height:0;overflow:hidden}.vf-appbar{flex:none;position:relative;z-index:35;background:var(--navy, #0E1628);color:#fff;min-height:52px;padding:8px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-family:var(--font, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);font-size:13px;line-height:1.4;--vf-tab-active: #243250}.vf-appbar a,.vf-appbar a:hover{text-decoration:none}.vf-logo{display:flex;align-items:center;flex:none}.vf-logo img{height:24px;display:block}.vf-sep{width:1px;height:22px;background:#ffffff2e;flex:none}.vf-appname{display:flex;align-items:center;gap:8px;flex:none;color:#fff;font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.vf-appname:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal, #46CDC7)}.vf-tabs{display:flex;flex-wrap:wrap;gap:2px;margin-left:8px}.vf-tab{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font:inherit;font-size:13px;font-weight:500;white-space:nowrap;color:#ffffffa8;padding:7px 10px;border-radius:var(--radius-sm, 7px);transition:background .15s,color .15s}.vf-tab:hover{color:#fff;background:#ffffff0f}.vf-tab.is-active{color:#fff;background:var(--vf-tab-active)}.vf-tab:focus-visible,.vf-userbtn:focus-visible,.vf-datalink:focus-visible{outline:2px solid var(--teal, #46CDC7);outline-offset:2px}.vf-icon{width:16px;height:16px;flex:none}.vf-caret{width:12px;height:12px;opacity:.75;flex:none}.vf-spacer{flex:1}.vf-status{display:flex;align-items:center;gap:8px;flex:none}.vf-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px;background:#ffffff14;color:#ffffffd9}.vf-pill--warn{background:#fbf2dd;color:#7a5408}.vf-pill--ok{background:#46cdc729;color:var(--teal, #46CDC7)}.vf-pill--danger{background:#d645452e;color:#ff9c9c}.vf-pill-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.vf-datalink{display:inline-flex;align-items:center;gap:6px;flex:none;color:#ffffffb8;font-size:12.5px;border-radius:6px;padding:4px 6px}.vf-datalink:hover{color:#fff}.vf-user{position:relative;flex:none}.vf-userbtn{display:inline-flex;align-items:center;gap:8px;min-height:32px;background:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px 10px 3px 3px;color:#fff;font:inherit;font-size:12.5px;cursor:pointer}.vf-userbtn:hover{background:#ffffff0f}.vf-avatar{width:24px;height:24px;border-radius:50%;flex:none;background:var(--teal, #46CDC7);color:var(--navy, #0E1628);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.vf-username{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-dd{position:relative;display:inline-flex}.vf-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;min-width:200px;background:var(--surface, #fff);color:var(--text, #0E1628);border:1px solid var(--border, #e2e7ef);border-radius:var(--radius, 10px);box-shadow:0 8px 28px #0e162829;padding:6px;display:flex;flex-direction:column;gap:1px}.vf-menu--right{left:auto;right:0}.vf-menu[hidden]{display:none}.vf-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;font:inherit;font-size:13px;color:var(--text, #0E1628);padding:7px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}a.vf-menu-item{color:var(--text, #0E1628)}.vf-menu-item:hover{background:var(--bg, #f4f6f9)}.vf-menu-item.is-active{background:var(--teal-050, #e7faf9);color:var(--teal-600, #2fb3ad);font-weight:500}.vf-menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--border, #e2e7ef);margin-bottom:4px}.vf-menu-head strong{display:block;font-size:13px;font-weight:600}.vf-menu-head span{display:block;font-size:12px;color:var(--text-muted, #5b6678)}.vf-main{flex:1 0 auto;min-width:0;padding:24px 28px 28px}.vf-main--reading>.vf-reading{max-width:960px;margin:0 auto}.vf-main--workspace{flex:1 1 auto;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.vf-ph{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-bottom:18px}.vf-ph--tabs{margin-bottom:12px}.vf-ph-main{flex:1 1 420px;min-width:0}.vf-ph-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--text, #0E1628)}.vf-ph-sub{margin:4px 0 0;font-size:13px;color:var(--text-muted, #5b6678)}.vf-ph-side{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.vf-ph-fresh{font-size:12.5px;color:var(--text-muted, #5b6678)}.vf-ph-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.vf-subtabs{display:flex;flex-wrap:wrap;gap:18px;border-bottom:1px solid var(--border, #e2e7ef);margin-bottom:18px}.vf-subtab{background:none;border:none;cursor:pointer;font:inherit;font-size:13px;font-weight:500;color:var(--text-muted, #5b6678);padding:8px 2px;margin-bottom:-1px;border-bottom:2px solid transparent}.vf-subtab:hover{color:var(--text, #0E1628)}.vf-subtab.is-active{color:var(--text, #0E1628);border-bottom-color:var(--teal, #46CDC7)}.vf-wtb{flex:none;min-height:48px;padding:8px 20px;background:var(--surface, #fff);border-bottom:1px solid var(--border, #e2e7ef);display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.vf-wtb-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:var(--text, #0E1628)}.vf-wtb-sep{width:1px;height:20px;background:var(--border, #e2e7ef);flex:none}.vf-wtb-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;flex:1 1 auto;min-width:0}.vf-wtb-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.vf-workspace-body{flex:1 1 auto;min-height:0;min-width:0;position:relative;display:flex}.vf-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;padding:6px 14px;border-radius:var(--radius-sm, 7px);border:1px solid transparent}.vf-btn--primary{background:var(--teal, #46CDC7);color:var(--navy, #0E1628);font-weight:600}.vf-btn--primary:hover{background:var(--teal-600, #2fb3ad)}.vf-btn--ghost{background:var(--surface, #fff);border-color:var(--border, #e2e7ef);color:var(--text, #0E1628)}.vf-btn--ghost:hover{background:var(--bg, #f4f6f9)}.vf-footer{flex:none;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);font-size:11px;line-height:1.4;color:var(--text-muted, #5b6678);border-top:1px solid var(--border, #e2e7ef)}.vf-footer strong{color:var(--text-muted, #5b6678);font-weight:600}.vf-footer-dot{width:6px;height:6px;border-radius:50%;background:var(--teal, #46CDC7)}@media (max-width: 1520px){.vf-datalink-label{display:none}}@media (max-width: 720px){.vf-appbar{padding:8px 16px}.vf-tabs{margin-left:0}.vf-username{display:none}.vf-main{padding:20px 16px 24px}}table.vf-grid{--vf-g-head: #2E3547;--vf-g-head-now: #191D29;--vf-g-head-line: rgba(255,255,255,.09);--vf-g-line: #ECEEF2;--vf-g-line-strong: #D8DCE5;--vf-g-hover: #F7F8FA;--vf-g-sec: #F7F8FA;--vf-g-sec-text: #545E72;--vf-g-accent: #46CDC7;--vf-g-accent-soft: #8DE4E0;border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px;line-height:1.35;font-variant-numeric:tabular-nums;background:#fff}table.vf-grid>thead>tr>th{position:sticky;top:0;z-index:3;background:var(--vf-g-head);color:#fff;font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;text-align:left;vertical-align:middle;white-space:nowrap;height:40px;padding:0 10px;border-bottom:none;border-left:.5px solid var(--vf-g-head-line)}table.vf-grid>thead>tr>th:first-child{border-left:none}table.vf-grid>thead button,table.vf-grid>thead a{color:inherit}table.vf-grid .vf-th-sub{display:block;font-size:10px;font-weight:400;letter-spacing:.05em;color:#ffffff73}table.vf-grid--static>thead>tr>th{position:static}table.vf-grid>tbody>tr>td{height:28px;padding:0 10px;vertical-align:middle;white-space:nowrap;border-bottom:.5px solid var(--vf-g-line);border-left:.5px solid var(--vf-g-line)}table.vf-grid>tbody>tr>td:first-child{border-left:none}table.vf-grid--edit>tbody>tr>td{height:32px}table.vf-grid>tbody>tr>td[colspan]{padding:10px 12px;white-space:normal}table.vf-grid>tbody>tr:hover>td{background-color:var(--vf-g-hover)}table.vf-grid th.num,table.vf-grid td.num{text-align:right}table.vf-grid>tfoot>tr>td{height:28px;padding:0 10px;font-weight:600;background:var(--vf-g-sec);border-top:.5px solid var(--vf-g-line-strong);border-left:.5px solid var(--vf-g-line)}table.vf-grid>tfoot>tr>td:first-child{border-left:none}table.vf-grid>tbody>tr.vf-sec>td{height:26px;background:var(--vf-g-sec);border-top:.5px solid var(--vf-g-line-strong);border-bottom:.5px solid var(--vf-g-line-strong);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vf-g-sec-text)}table.vf-grid>thead>tr>th.vf-now{background:var(--vf-g-head-now);border-left:2px solid var(--vf-g-accent)}table.vf-grid td.vf-now{border-left:2px solid var(--vf-g-accent)}table.vf-grid td.vf-edit{cursor:cell;box-shadow:inset 0 -1px 0 var(--vf-g-accent-soft)}table.vf-grid td.vf-edit:hover{outline:1.5px solid var(--vf-g-accent);outline-offset:-1.5px}