body,html{margin:0;padding:0;height:100%}.vav-app{display:flex;height:100%;max-height:100%;width:100%;overflow:hidden;background:var(--bg,#f5f5f7);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.vav-sidebar{width:240px;min-width:240px;border-right:1px solid #1a1a1c;flex-direction:column;align-self:stretch;min-height:0;overflow-y:auto;z-index:50}.vav-brand,.vav-sidebar{background:#0a0a0b;display:flex;flex-shrink:0}.vav-brand{align-items:center;justify-content:flex-start;height:56px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.vav-brand a{display:flex;align-items:center;text-decoration:none;line-height:0}.vav-brand img{height:32px;width:auto;display:block}.vav-nav{padding:12px 10px 24px;display:flex;flex-direction:column;gap:2px}.vav-nav-section{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.38);padding:14px 10px 6px}.vav-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,.62);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;font-family:inherit;text-align:left}.vav-nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.vav-nav-item.active{background:rgba(147,51,234,.28);color:#fff}.vav-nav-item svg,.vav-nav-toggle svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vav-nav-toggle{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,.62);cursor:pointer;border:none;background:none;width:100%;font-family:inherit;text-align:left}.vav-nav-toggle:hover{background:rgba(255,255,255,.08);color:#fff}.vav-nav-toggle.has-active,.vav-nav-toggle.open{color:#fff}.vav-nav-toggle .vav-chevron{margin-left:auto;width:14px;height:14px;transition:transform .15s}.vav-nav-toggle.open .vav-chevron{transform:rotate(180deg)}.vav-nav-sub{display:none;padding:2px 0 6px 12px;flex-direction:column;gap:1px}.vav-nav-sub.open{display:flex}.vav-nav-sub .vav-nav-item{padding:7px 10px 7px 26px;font-size:14px}.vav-nav-empty{font-size:12px;color:rgba(255,255,255,.32);padding:4px 10px 8px;font-style:normal}.vav-frame{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vav-topbar{height:56px;min-height:56px;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e4e3ec);justify-content:space-between;padding:0 20px;position:relative;z-index:80;gap:12px;flex-shrink:0}.vav-topbar,.vav-topbar-left{display:flex;align-items:center}.vav-topbar-left{gap:10px;flex:1 1;min-width:0}.vav-topbar-right{flex-shrink:0}.vav-search,.vav-topbar-right{display:flex;align-items:center;gap:8px}.vav-search{margin:0;background:var(--surface2,#f9f9fb);border:1px solid var(--border,#e4e3ec);border-radius:8px;padding:0 12px;height:36px;width:280px;max-width:40vw;color:var(--muted2,#9a9ab0);position:relative;transition:width .15s,border-color .15s,box-shadow .15s}.vav-search.open,.vav-search:focus-within{width:min(420px,52vw);border-color:rgba(147,51,234,.45);background:#fff;box-shadow:0 0 0 3px rgba(147,51,234,.12);color:var(--muted,#6b6b80)}.vav-search svg{width:15px;height:15px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.8}.vav-search input{border:none;background:none;outline:none;font-family:inherit;font-size:13px;color:var(--text,#1a1a2e);width:100%}.vav-search input::placeholder{color:var(--muted2,#9a9ab0)}.vav-search-pop{position:fixed;z-index:500;background:#fff;border:1px solid var(--border,#e4e3ec);border-radius:12px;box-shadow:0 16px 48px rgba(10,10,11,.16);overflow:auto;max-height:min(420px,70vh);padding:0 0 8px}.vav-search-pills{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border,#e4e3ec);position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:1}.vav-search-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:1px solid var(--border,#e4e3ec);background:#fff;color:var(--text,#1a1a2e);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;line-height:1.2}.vav-search-pill:hover{border-color:rgba(147,51,234,.35)}.vav-search-pill.active{background:var(--purple-light,#f3eeff);border-color:rgba(147,51,234,.45);color:var(--purple,#9333ea)}.vav-search-pill-n{font-family:var(--font-mono,"DM Mono",monospace);font-size:10px;font-weight:500;color:var(--muted,#6b6b80)}.vav-search-pill.active .vav-search-pill-n{color:var(--purple,#9333ea)}.vav-search-empty{padding:18px 16px;font-size:13px;color:var(--muted,#6b6b80);text-align:center}.vav-search-group+.vav-search-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--border,#e4e3ec)}.vav-search-label{padding:8px 14px 4px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted2,#9a9ab0)}.vav-search-hit{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 14px;border:none;background:none;text-align:left;cursor:pointer;font-family:inherit}.vav-search-hit.active,.vav-search-hit:hover{background:var(--purple-light,#f3eeff)}.vav-search-hit-title{font-size:13px;font-weight:600;color:var(--text,#1a1a2e)}.vav-search-hit-sub{font-size:12px;color:var(--muted,#6b6b80)}.vav-btn-new{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:var(--purple,#9333ea);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}.vav-btn-new:hover{background:#7c28cc}.vav-btn-new-plus{font-size:16px;line-height:1;font-weight:600}.vav-menu-btn{display:none;width:40px;height:40px;border-radius:8px;border:none;background:none;color:var(--text,#1a1a2e);cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;padding:0;font-family:inherit}.vav-menu-btn:hover{background:var(--surface3,#f0eff5)}.vav-menu-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.vav-page-label{display:none;font-size:15px;font-weight:600;color:var(--text,#1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1}.vav-nav-scrim,.vav-report-menu{display:none}.vav-btn-report{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border,#e4e3ec);background:var(--surface,#fff);color:var(--text,#1a1a2e);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.vav-btn-report:hover{background:var(--surface3,#f0eff5)}.vav-btn-report svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vav-icon-btn{width:40px;height:40px;border-radius:8px;border:none;background:none;color:var(--muted,#6b6b80);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;font-family:inherit}.vav-icon-btn:hover{background:var(--surface3,#f0eff5);color:var(--text,#1a1a2e)}.vav-icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vav-icon-btn.vav-bell-btn svg{width:22px;height:22px}.vav-bell-btn{position:relative}.vav-bell-count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;pointer-events:none}.vav-bell-panel{width:340px;max-width:calc(100vw - 24px);max-height:420px;overflow:auto}.vav-bell-panel-head{padding:8px 10px 6px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted,#6b6b80)}.vav-notif{display:flex;align-items:flex-start;gap:4px;border-radius:8px}.vav-notif:hover{background:var(--surface3,#f0eff5)}.vav-notif.unread .vav-notif-title{font-weight:700}.vav-notif-body{flex:1 1;min-width:0;display:block;padding:8px 6px 8px 10px;text-decoration:none;color:inherit;cursor:pointer;border:none;background:none;text-align:left;font-family:inherit}.vav-notif-title{font-size:13px;color:var(--text,#1a1a2e)}.vav-notif-text{font-size:12px;color:var(--muted,#6b6b80);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vav-notif-time{font-size:11px;color:var(--muted2,#9a9ab0);margin-top:4px}.vav-notif-x{flex-shrink:0;width:28px;height:28px;margin:6px 4px 0 0;border:none;background:none;border-radius:6px;color:var(--muted,#6b6b80);font-size:16px;line-height:1;cursor:pointer}.vav-notif-x:hover{background:var(--surface2,#f9f9fb);color:var(--text,#1a1a2e)}.vav-avatar-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border,#e4e3ec);padding:0;overflow:hidden;cursor:pointer;background:var(--purple-light,#f3eeff);color:var(--purple,#9333ea);font-size:12px;font-weight:600;font-family:inherit;display:flex;align-items:center;justify-content:center}.vav-avatar-btn img{width:100%;height:100%;object-fit:cover}.vav-pop{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border,#e4e3ec);border-radius:10px;min-width:220px;z-index:200;padding:6px}.vav-pop.open{display:block}.vav-pop-portal{position:fixed;z-index:5000;box-shadow:0 10px 30px rgba(10,10,11,.12)}.vav-pop-wrap{position:relative}.vav-pop-head{padding:10px 10px 8px;border-bottom:1px solid var(--border,#e4e3ec);margin-bottom:4px}.vav-pop-name{font-size:13px;font-weight:600;color:var(--text,#1a1a2e)}.vav-pop-email{font-size:12px;color:var(--muted,#6b6b80);margin-top:2px;word-break:break-all}.vav-pop-item{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:none;border-radius:7px;font-size:13px;font-weight:500;color:var(--text,#1a1a2e);text-decoration:none;cursor:pointer;font-family:inherit}.vav-pop-item:hover{background:var(--surface3,#f0eff5)}.vav-pop-item.danger{color:var(--red,#dc2626)}.vav-pop-empty{padding:16px 10px;font-size:13px;color:var(--muted,#6b6b80);text-align:center}.legacy-host{flex:1 1;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column}.legacy-host>.main,.legacy-host>.page,.vav-frame>.main,.vav-frame>.page{flex:1 1;min-height:0;min-width:0;overflow:auto}.legacy-host>.layout,.legacy-host>.main-content,.vav-frame>.layout,.vav-frame>.main-content{flex:1 1;min-height:0;min-width:0}.vav-app .save-bar{left:240px}.vav-builder-bar{display:flex;align-items:center;gap:8px;height:48px;padding:0 20px;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e4e3ec);flex-shrink:0}.vav-builder-bar .vav-builder-spacer{flex:1 1}body[data-page=app] .legacy-host{overflow:hidden}body[data-page=app] .legacy-host>.layout,body[data-page=app] .vav-frame>.layout{flex:1 1;min-height:0!important;overflow:hidden;display:flex}.vav-modal-bg{display:none;position:fixed;inset:0;background:rgba(10,10,11,.5);z-index:400;align-items:flex-start;justify-content:center;padding:72px 16px 24px}.vav-modal-bg.open{display:flex}.vav-modal{background:#fff;border-radius:12px;width:440px;max-width:100%;max-height:calc(100vh - 96px);overflow-y:auto;border:1px solid var(--border,#e4e3ec);padding:22px 22px 18px}.vav-modal-title{font-size:16px;font-weight:700;margin-bottom:4px}.vav-modal-sub{font-size:13px;color:var(--muted,#6b6b80);margin-bottom:18px}.vav-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.vav-field label{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted,#6b6b80)}.vav-field input,.vav-field select,.vav-field textarea{padding:9px 11px;border:1px solid var(--border,#e4e3ec);border-radius:8px;font-size:13px;font-family:inherit;color:var(--text,#1a1a2e);background:var(--surface2,#f9f9fb);outline:none;width:100%}.vav-field input:focus,.vav-field select:focus,.vav-field textarea:focus{border-color:rgba(147,51,234,.45);background:#fff}.vav-field textarea{min-height:96px;resize:vertical}.vav-field input[readonly],.vav-field-hint{color:var(--muted,#6b6b80)}.vav-field-hint{font-size:12px}.vav-shot-row{display:flex;align-items:flex-start;gap:10px}.vav-shot-pick{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border,#e4e3ec);background:#fff;font-size:13px;font-weight:600;cursor:pointer}.vav-shot-pick input{display:none}.vav-shot-preview{max-width:160px;max-height:90px;border-radius:8px;border:1px solid var(--border,#e4e3ec);object-fit:cover}.vav-shot-clear{border:none;background:none;color:var(--muted,#6b6b80);font-size:12px;font-weight:600;cursor:pointer;padding:0}.vav-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.vav-modal-actions button{height:36px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--border,#e4e3ec);background:#fff;color:var(--text,#1a1a2e)}.vav-modal-actions .vav-modal-submit{background:var(--purple,#9333ea);border-color:var(--purple,#9333ea);color:#fff}@media (max-width:900px){.vav-menu-btn{display:flex}.vav-page-label{display:none}.vav-search{display:flex;flex:1 1;width:auto;max-width:none;min-width:0}.vav-search.open,.vav-search:focus-within{width:auto}.vav-search input{font-size:16px}.vav-btn-report{display:none}.vav-report-menu{display:block}.vav-btn-new-label{display:none}.vav-btn-new{width:36px;height:36px;padding:0;justify-content:center}.vav-btn-new-plus{font-size:20px}.vav-topbar{padding:0 10px 0 6px;gap:8px}.vav-topbar-left{gap:4px}.vav-topbar-right{gap:2px}.vav-icon-btn{width:36px;height:36px}.vav-nav-scrim{display:none;position:fixed;inset:0;background:rgba(10,10,11,.46);z-index:240}.vav-app.nav-open .vav-nav-scrim{display:block}.vav-sidebar{position:fixed;top:0;left:0;bottom:0;height:100%;width:min(300px,86vw);min-width:0;transform:translateX(-105%);transition:transform .2s ease;z-index:300;box-shadow:none}.vav-app.nav-open .vav-sidebar{transform:none;box-shadow:12px 0 40px rgba(0,0,0,.35)}.vav-nav-item,.vav-nav-toggle{min-height:44px;padding-top:11px;padding-bottom:11px}.vav-app .save-bar{left:0}}.vav-view-banner{margin:16px 16px 0;padding:10px 14px;border-radius:10px;background:#fef3c7;color:#92400e;font-size:13px;font-weight:600}.vav-noaccess{margin:48px auto;max-width:420px;text-align:center;padding:24px}.vav-noaccess-title{font-size:18px;font-weight:700;color:var(--ink,#1a1730)}.vav-noaccess-sub{margin-top:8px;font-size:14px;color:var(--muted,#6b7280)}.vav-noaccess a{display:inline-block;margin-top:16px;font-size:14px;font-weight:600}@media (max-width:900px){.legacy-host>.main,.legacy-host>.main-content,.legacy-host>.page{padding:16px 14px 28px}.legacy-host input,.legacy-host select,.legacy-host textarea,.vav-field input,.vav-field select,.vav-field textarea{font-size:16px!important}.page-header{flex-direction:column;align-items:stretch!important;gap:12px;margin-bottom:16px}.page-header .header-actions,.page-header>div[style*="display:flex"]{display:flex;flex-wrap:wrap;gap:8px;width:100%}.job-title,.page-title{font-size:22px!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:16px!important}.stat-card{padding:12px 14px!important}.stat-value{font-size:20px!important}.filter-bar,.filters,.header-actions,.pull-bar,.table-header,.toolbar{flex-wrap:wrap;gap:8px}.table-header{align-items:flex-start!important}.search-input{width:100%!important;max-width:100%}.tab-bar,.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.tab,.tab-btn{flex-shrink:0;white-space:nowrap}.pull-section,.pull-table,.recon-table,.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.legacy-host table{min-width:560px}.job-card{grid-template-columns:1fr!important}.job-card-right{align-items:flex-start!important;flex-direction:row!important;flex-wrap:wrap}.job-header{padding:16px!important}.job-header-top{flex-direction:column;gap:10px}.job-header-meta{gap:14px!important}.job-detail.open{padding-bottom:84px}.two-col{grid-template-columns:1fr!important}.field-grid.cols-3,.field-grid.cols-4,.form-grid{grid-template-columns:1fr 1fr!important}.legacy-host div[style*=grid-template-columns]:not(.stats-grid){grid-template-columns:1fr!important}.inner-modal-bg,.modal-bg,.modal-overlay,.prep-overlay{padding:12px!important;align-items:flex-end!important}.confirm-modal,.inner-modal,.inv-picker-modal,.modal,.prep-panel{width:100%!important;max-width:100%!important;max-height:min(92dvh,92vh);margin:0!important}.modal-body{max-height:62dvh!important;padding:16px!important}.modal-footer,.modal-header{padding-left:16px!important;padding-right:16px!important}.vav-modal-bg{padding:16px 12px 12px;align-items:flex-end}.vav-modal{width:100%}.save-bar{left:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));flex-wrap:wrap}.cost-summary,.headshot-row,.note-add,.resolve-banner{flex-direction:column;align-items:stretch!important}.vav-builder-bar{height:auto;min-height:48px;flex-wrap:wrap;padding:8px 12px;gap:6px}.vav-builder-bar .btn{padding:7px 10px;font-size:12px}body[data-page=app] .legacy-host>.layout{flex-direction:column!important;min-height:0!important}body[data-page=app] .legacy-host .sidebar{width:100%!important;min-width:0!important;max-height:36vh;border-right:none;border-bottom:1px solid var(--border,#e4e3ec)}body[data-page=app] .legacy-host .main-content{padding:16px 14px 28px}.cp-tc{column-count:1!important}.cp-accept-grid{grid-template-columns:1fr!important}}@media (max-width:520px){.field-grid.cols-2,.field-grid.cols-3,.field-grid.cols-4,.form-grid{grid-template-columns:1fr!important}.legacy-host table{min-width:480px}.page-title{font-size:20px!important}}