:root{--vf-ink:#102e32;--vf-ink-2:#254549;--vf-muted:#607477;--vf-border:#dce5e1;--vf-bg:#f6f7f3;--vf-soft:#eef2ed;--vf-green:#087f72;--vf-green-dark:#08695f;--vf-green-pale:#e2f3eb;--vf-card:#fff;--vf-radius:16px;--vf-shadow:0 20px 60px #102e3210}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--vf-bg);color:var(--vf-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{max-width:100%}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:36px}h2{font-size:24px}h3{font-size:19px}p{overflow-wrap:anywhere}a,button{transition:background .16s,color .16s,box-shadow .16s,transform .16s}a:hover{color:var(--vf-green)}:focus-visible{outline:3px solid #0caa92;outline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}main,.vf-app-main,.panel,.card,section,form{min-width:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;padding:12px}.vf-container{width:min(1240px,calc(100% - 64px));margin:auto}.vf-brand{display:inline-flex;align-items:center;gap:10px;font-weight:760;letter-spacing:-.055em;font-size:21px;white-space:nowrap}.brand-flow{font-weight:450}.vf-logo{display:inline-flex;flex:0 0 38px;width:38px;height:38px;border-radius:11px;overflow:hidden}.vf-logo img{display:block;width:100%;height:100%}.vf-logo svg{background:var(--vf-ink);padding:7px}.vf-btn,.button,.mini-button{min-height:44px;padding:11px 18px;border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:700;cursor:pointer;background:var(--vf-green);color:#fff;text-align:center}.vf-btn-primary,.button{background:var(--vf-green);color:#fff}.vf-btn-primary:hover,.button:hover{background:var(--vf-green-dark);color:#fff;box-shadow:0 6px 20px #087f7220}.vf-btn-secondary,.button.secondary,.mini-button{background:#fff;border-color:var(--vf-border);color:var(--vf-ink)}.vf-btn-dark{background:var(--vf-ink);color:#fff}.vf-btn-light{background:#c2eca5;color:var(--vf-ink)}.mini-button{min-height:34px;padding:7px 10px;font-size:12px}.muted,.vf-muted,.field-help{color:var(--vf-muted)}.field-help{font-size:12px;font-weight:400}.eyebrow,.vf-section-kicker,.vf-reference-eyebrow{font-size:10px;font-weight:750;letter-spacing:.16em;color:var(--vf-green-dark);text-transform:uppercase}.text-link,.vf-panel-link{color:var(--vf-green-dark);font-weight:700}.vf-chip,.status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--vf-green-pale);color:#0b6859;border-radius:6px;font-size:11px;font-weight:700}.vf-chip-dot,.visual-dot{width:6px;height:6px;border-radius:50%;background:#9cdbaf}.status-disputed,.status-overdue{background:#fff0e9;color:#9d4524}.status-draft,.status-submitted{background:#eef1f4;color:#566774}
/* Public navigation and accessible native mobile drawer. */
.vf-public-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--vf-border)}.vf-public-nav{display:flex;gap:24px;font-size:12px;font-weight:650}.vf-header-actions{display:flex;gap:10px}.vf-mobile-menu{display:none}.vf-menu-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vf-border);border-radius:10px;cursor:pointer;list-style:none}.vf-menu-button::-webkit-details-marker{display:none}.vf-menu-button i,.vf-menu-button i:before,.vf-menu-button i:after{display:block;width:18px;height:2px;background:var(--vf-ink);position:relative;content:""}.vf-menu-button i:before{position:absolute;top:-6px}.vf-menu-button i:after{position:absolute;top:6px}.vf-mobile-panel{display:none}.vf-mobile-menu[open]>.vf-mobile-panel{display:flex;position:fixed;inset:0;z-index:120;background:var(--vf-bg);padding:24px;overflow-y:auto;flex-direction:column;overscroll-behavior:contain}.vf-mobile-menu[open]>.vf-menu-button{position:fixed;right:24px;top:22px;z-index:130}.vf-mobile-menu[open]>.vf-menu-button i{background:transparent}.vf-mobile-menu[open]>.vf-menu-button i:before{top:0;transform:rotate(45deg)}.vf-mobile-menu[open]>.vf-menu-button i:after{top:0;transform:rotate(-45deg)}.vf-mobile-panel-top{margin-bottom:30px;padding-right:48px}.vf-mobile-panel>a{padding:12px 0;border-bottom:1px solid var(--vf-border);font-weight:650}.vf-mobile-panel>.vf-btn{margin-top:20px;padding:12px}.vf-app-mobile-header{display:none}
/* New editorial identity: warm off-white, deep green, precise geometry. */
.studio-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:88px 0 94px}.hero-copy h1{font-size:clamp(44px,4.7vw,68px);line-height:1.035;font-weight:550;letter-spacing:-.065em;margin:22px 0 25px}.hero-copy h1 em{font-style:normal;color:var(--vf-green)}.hero-copy>p{max-width:440px;font-size:16px;line-height:1.8;color:var(--vf-muted)}.vf-hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.hero-copy .vf-hero-note,.vf-hero-note{font-size:11px;color:var(--vf-muted);margin-top:15px}.flow-visual{position:relative;border-radius:24px;background:#14383c;color:#fff;padding:28px;box-shadow:0 24px 64px #153b3f24;overflow:hidden}.flow-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,#43847845,transparent 65%);pointer-events:none}.visual-top{position:relative;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.12em;color:#bbd1cc}.visual-tag{margin-left:auto;border:1px solid #55706e;padding:4px 6px;border-radius:4px;font-size:7px}.visual-title{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:35px 0 30px;font-weight:500}.visual-title>span{color:#bcea8d}.flow-stack{display:grid;gap:10px}.flow-step{display:flex;align-items:center;gap:14px;background:#ffffff08;border:1px solid #ffffff20;border-radius:11px;padding:18px 15px}.step-icon{font-size:10px;color:#a8c8be;border:1px solid #ffffff26;border-radius:8px;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0}.flow-step strong{font-size:13px;display:block;font-weight:600}.flow-step small{display:block;color:#b6cbc5;font-size:9px;margin-top:3px}.step-check{margin-left:auto;color:#bcea8d}.flow-step-active{background:#c3eca8;color:#163931;border-color:#c3eca8}.flow-step-active small{color:#476447}.flow-step-active .step-icon{color:#315a39;border-color:#93b883}.flow-step-active .step-check{color:#173e35}.visual-bottom{display:grid;gap:6px;margin-top:28px}.visual-bottom>span{font-size:7px;letter-spacing:.16em;color:#acc7bf}.visual-bottom strong{font-size:12px;font-weight:450}.workflow-strip{border-top:1px solid var(--vf-border);border-bottom:1px solid var(--vf-border);background:#edf1e9}.workflow-strip>.vf-container{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0}.workflow-strip span{font-size:9px;letter-spacing:.12em;font-weight:700}.workflow-strip p{font-size:14px;display:flex;flex-wrap:wrap;gap:24px;margin:0}.workflow-strip b{color:#799887;font-weight:400}.vf-section{padding:90px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px}.section-heading h2,.clarity-section h2,.final-cta h2{font-size:44px;font-weight:550;letter-spacing:-.05em;margin:18px 0 0}.vf-section-lead{font-size:15px;color:var(--vf-muted);line-height:1.8;max-width:540px}.vf-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.vf-feature-card{border:1px solid var(--vf-border);border-radius:15px;padding:28px;background:#fff}.feature-number{font-size:9px;letter-spacing:.12em;color:var(--vf-green);font-weight:700}.vf-feature-card h3{font-size:23px;line-height:1.25;font-weight:550;margin:30px 0 16px}.vf-feature-card p{font-size:13px;line-height:1.8;color:var(--vf-muted)}.feature-bottom{display:block;margin-top:28px;font-size:10px;font-weight:650;color:#44695e}.clarity-section{background:#15373b;color:#fff;padding:80px 0}.clarity-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.clarity-section .eyebrow{color:#bcea8d}.clarity-section p{color:#b7cbc6;max-width:450px;margin:25px 0;line-height:1.8}.principles{display:grid;gap:22px}.principles>div{display:flex;gap:24px;border-bottom:1px solid #ffffff20;padding:0 0 20px}.principles>div>span{font-size:11px;color:#bcea8d;margin-top:6px}.principles h3{font-size:18px;font-weight:500;margin:0}.principles p{font-size:13px;margin:12px 0 0}.final-cta{text-align:center;padding:90px 0}.final-cta .vf-btn{margin-top:30px}.final-cta p{font-size:11px}.vf-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--vf-border);padding-top:28px;padding-bottom:28px}.vf-footer>span,.vf-footer nav{font-size:11px;color:var(--vf-muted)}.vf-footer nav{display:flex;gap:22px}
/* One shell, consistent across every commercial workspace. */
.vf-app{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.vf-sidebar{position:sticky;top:0;height:100vh;background:#133337;color:#d5e3de;padding:26px 18px;overflow:auto;display:flex;flex-direction:column}.vf-sidebar>.vf-brand{color:#fff;font-size:19px;padding:0 2px 25px}.vf-sidebar .vf-logo{width:32px;height:32px;flex-basis:32px}.vf-side-nav{display:grid;gap:3px}.vf-side-nav>a{padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;color:#bdcec9}.vf-side-nav>a:hover{background:#ffffff0b;color:#fff}.vf-side-nav>a.active{background:#c0eaa4;color:#173b32;font-weight:700}.vf-side-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:2px;opacity:.75}.vf-sidebar-bottom{margin-top:auto;padding-top:24px}.vf-sidebar-support a,.vf-sidebar-signout{display:block;width:100%;padding:10px 12px;background:none;border:0;text-align:left;color:#c3d3ce;font-size:12px;cursor:pointer}.vf-app-main{padding:30px clamp(20px,3.2vw,50px) 70px;max-width:1600px;width:100%}.vf-inner-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid var(--vf-border)}.vf-inner-search{max-width:410px;flex:1}.vf-inner-profile{font-size:12px;font-weight:650;max-width:240px;overflow-wrap:anywhere}.vf-inner-search input,.vf-dashboard-search input{width:100%;background:#fff}.page-head,.vf-app-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1,.vf-app-title h1{margin:6px 0 8px;font-size:32px;letter-spacing:-.045em;font-weight:550}.page-head p,.vf-app-title p{color:var(--vf-muted);margin:0;font-size:13px}.panel,.card,.form-card,.vf-panel,.vf-form-card{background:#fff;border:1px solid var(--vf-border);border-radius:14px;padding:24px;margin-bottom:20px;box-shadow:0 3px 12px #17382e03}.panel h2,.vf-panel h2,.form-card h2{font-size:18px;font-weight:600;margin:0 0 18px}.panel-head,.vf-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h2,.vf-panel-head h2{margin:0}.two,.grid-2,.vf-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vf-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.stats,.vf-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:24px 0}.stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stats article,.stats>a,.vf-kpi,.stat{background:#fff;border:1px solid var(--vf-border);padding:22px;border-radius:12px}.stats article span,.stats>a span,.vf-kpi span,.stat span{display:block;color:var(--vf-muted);font-size:11px;margin-bottom:10px}.stats article strong,.stats>a strong,.vf-kpi strong,.stat strong{font-size:26px;font-weight:550;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stats>a:hover,.stats article a:hover,.vf-kpi:hover{border-color:#8ebfae}.stats article strong,.stats>a strong{display:block}.stats article>.text-link{display:inline-block;margin-top:14px;font-size:10px}.stats article>small{display:block;font-size:10px;color:var(--vf-muted);margin-top:12px}.panel-head>a{font-size:12px;color:var(--vf-green);font-weight:650}.table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;white-space:nowrap;padding:15px 12px;border-bottom:1px solid #e9eeea;font-size:12px;vertical-align:middle}th{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--vf-muted);background:#f7f9f6;font-weight:650}td a{color:var(--vf-green-dark);font-weight:600}tbody tr:hover{background:#f7faf7}.list-stack,.vf-list{display:grid}.list-row,.vf-list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--vf-border)}.list-row:last-child,.vf-list-row:last-child{border-bottom:0}.vf-list-main strong{display:block;font-size:13px}.vf-list-main span{font-size:11px;color:var(--vf-muted)}.vf-list-money{text-align:right;font-weight:650;font-variant-numeric:tabular-nums}.empty,.empty-state,.vf-empty{padding:35px 20px;text-align:center;color:var(--vf-muted)}.empty-state h2,.empty h3{color:var(--vf-ink)}.empty-state p{max-width:430px;margin:15px auto 24px}.inline{display:inline-block}.actions,.vf-form-actions{display:flex;gap:10px;flex-wrap:wrap}.vf-form-actions{justify-content:flex-end;margin-top:20px}.vf-panel-link{display:inline-flex;margin-top:18px;font-size:12px}.vf-alert{padding:13px 16px;border-radius:9px;margin-bottom:16px;font-size:13px;background:#edf3ee;border:1px solid var(--vf-border)}.vf-alert-success{color:#126750;background:#e6f6ec;border-color:#b8dbc7}.vf-alert-error{color:#973f30;background:#fff0ea;border-color:#efc9be}
/* Forms retain native semantics, validation, and all existing security controls. */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%;min-height:44px;padding:10px 12px;color:var(--vf-ink);background:#fff;border:1px solid #ccd9d2;border-radius:8px;max-width:100%}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #80bfad;outline-offset:1px}label,.vf-field{display:grid;gap:7px;font-size:12px;font-weight:650;color:#365451}.form-card{display:grid;gap:18px}.form-page,.vf-form-shell{max-width:1000px;margin:auto}.vf-field.full{grid-column:1/-1}.vf-application-lines{display:grid;gap:12px}.vf-line-item{display:grid;grid-template-columns:140px minmax(0,1fr) 160px;gap:14px;padding:16px;background:#f6f8f4;border:1px solid var(--vf-border);border-radius:10px}.vf-form-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.vf-summary-box{padding:18px;background:#edf4ee;border-radius:9px}.vf-summary-box span{display:block;font-size:11px;color:var(--vf-muted)}.vf-summary-box strong{display:block;font-size:22px;margin-top:5px}.retention-form{display:flex;gap:8px;align-items:center}.retention-form input{min-width:100px}.auth-card{width:min(100%,480px);margin:36px auto;background:#fff;border:1px solid var(--vf-border);border-radius:20px;padding:38px;box-shadow:var(--vf-shadow)}.auth-card h1{font-size:30px;line-height:1.15;letter-spacing:-.045em;margin:12px 0 28px;font-weight:550}.auth-card form{display:grid;gap:17px}.auth-card .button{width:100%}.auth-card .muted{font-size:12px;line-height:1.7}.auth-card a{color:var(--vf-green-dark);font-weight:600}.auth-check-row{display:flex;align-items:center;gap:10px;font-size:12px}.auth-check-row input{width:17px;height:17px;accent-color:var(--vf-green)}.vf-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.security-check{display:grid;gap:8px;max-width:100%}.vf-auth-page #main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 88px);padding:25px 20px;background:radial-gradient(ellipse at 0 100%,#cee0cb55,transparent 55%)}.vf-auth-page #main-content>.vf-alert{width:min(100%,480px)}.vf-auth-page .auth-card{margin:0}.legal-consent{margin:0}
/* Pricing and information pages share the same new visual language. */
.vf-page{min-height:100vh}.vf-section-soft{background:var(--vf-soft)}.vf-section h2{font-size:42px;font-weight:550}.vf-pricing-head{text-align:center;display:flex;flex-direction:column;align-items:center}.vf-pricing-head h2{margin:15px 0;max-width:700px}.vf-price-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:850px;margin:40px auto}.vf-price-card{background:#fff;border:1px solid var(--vf-border);border-radius:18px;padding:32px}.vf-price-card.featured{border:2px solid #6aa891;box-shadow:var(--vf-shadow)}.vf-price{font-size:44px;font-weight:550;letter-spacing:-.05em;margin:18px 0 5px}.vf-price small{font-size:13px;letter-spacing:0;color:var(--vf-muted)}.vf-price-copy{color:var(--vf-muted);font-size:13px}.vf-checks{display:grid;gap:12px;margin:26px 0}.vf-check{font-size:13px}.vf-check:before{content:"✓";margin-right:10px;color:var(--vf-green)}.vf-price-card .vf-btn{width:100%}.vf-public-info-main{padding:70px 0 90px}.vf-public-info-head{max-width:760px;margin-bottom:40px}.vf-public-info-head h1{font-size:48px;font-weight:550;margin:15px 0}.vf-public-info-head p{font-size:16px;color:var(--vf-muted);line-height:1.8}.vf-step-number,.vf-feature-icon{width:40px;height:40px;border-radius:10px;background:var(--vf-green-pale);color:var(--vf-green);display:grid;place-items:center;font-weight:700}.vf-info-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.vf-info-narrow{max-width:900px}.vf-faq-stack{display:grid;gap:12px}.vf-faq-item{background:#fff;border:1px solid var(--vf-border);border-radius:12px;padding:20px}.vf-faq-item summary{cursor:pointer;font-weight:650}.vf-faq-item p{color:var(--vf-muted);line-height:1.8}.vf-contact-card{background:#fff;border:1px solid var(--vf-border);border-radius:16px;padding:30px;display:flex;justify-content:space-between;gap:30px;align-items:center}.vf-contact-card strong{display:block;font-size:20px;overflow-wrap:anywhere}.vf-contact-label{font-size:10px;color:var(--vf-green);letter-spacing:.1em}.vf-help-panel,.vf-activity-item{display:flex;align-items:center;justify-content:space-between;gap:20px}.vf-activity-item{padding:15px 0;border-bottom:1px solid var(--vf-border)}.vf-activity-item span{font-size:11px;color:var(--vf-muted)}.vf-mobile-only{display:none}
@media(min-width:1600px){.studio-hero{padding-top:110px;padding-bottom:110px}}
@media(max-width:1100px){.vf-public-nav{gap:14px}.vf-public-nav a{font-size:11px}.studio-hero{gap:35px}.vf-header-actions .vf-btn{padding:10px 12px}.workflow-strip p{gap:12px}.vf-feature-card{padding:22px}.clarity-grid{gap:50px}.stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.vf-app{grid-template-columns:minmax(0,1fr)}.vf-sidebar{display:none}.vf-app-mobile-header{display:flex;align-items:center;justify-content:space-between;height:74px;padding:0 24px;border-bottom:1px solid var(--vf-border);background:var(--vf-bg)}.vf-app-mobile-header .vf-mobile-menu{display:block}.vf-app-main{padding:25px 24px 50px}.vf-public-nav,.vf-header-actions{display:none}.vf-mobile-menu{display:block}.vf-public-header{min-height:80px}.vf-dashboard-grid{grid-template-columns:minmax(0,1fr)}.workflow-strip>.vf-container{flex-direction:column;align-items:flex-start;gap:12px}.studio-hero{gap:25px}.hero-copy h1{font-size:49px}.hero-copy>p{font-size:14px}.vf-hero-actions{gap:18px;flex-wrap:wrap}.flow-visual{padding:22px}.flow-step{padding:15px 10px;gap:10px}.flow-step strong{font-size:11px}.visual-title{font-size:27px}.vf-footer{flex-wrap:wrap}}
@media(max-width:720px){.vf-container{width:calc(100% - 40px)}.studio-hero{grid-template-columns:minmax(0,1fr);padding:52px 0;gap:42px}.hero-copy h1{font-size:clamp(41px,10vw,59px);margin:20px 0}.hero-copy>p{font-size:15px;max-width:520px}.flow-visual{width:100%;padding:26px}.visual-title{font-size:32px;margin:30px 0}.flow-step strong{font-size:13px}.flow-step small{font-size:10px}.flow-step{padding:18px 14px}.workflow-strip p{font-size:11px;gap:9px;line-height:2}.workflow-strip span{font-size:8px}.vf-section{padding:60px 0}.section-heading,.clarity-grid{grid-template-columns:minmax(0,1fr);gap:20px}.section-heading h2,.clarity-section h2,.final-cta h2,.vf-section h2{font-size:36px}.vf-feature-grid{grid-template-columns:minmax(0,1fr);margin-top:25px}.vf-feature-card h3{margin-top:24px}.clarity-section{padding:60px 0}.principles{margin-top:25px}.final-cta{padding:65px 0}.vf-footer{align-items:flex-start;flex-direction:column;gap:20px}.vf-footer nav{gap:24px}.vf-price-wrap{grid-template-columns:minmax(0,1fr)}.vf-public-info-head h1{font-size:36px}.vf-public-info-main{padding:45px 0 60px}.vf-contact-card{align-items:flex-start;flex-direction:column}.vf-inner-topbar{gap:12px;flex-wrap:wrap;margin-bottom:25px}.vf-inner-search{max-width:none;flex-basis:100%}.vf-inner-profile{font-size:11px}.page-head,.vf-app-top{flex-direction:column;gap:16px}.page-head h1,.vf-app-title h1{font-size:29px}.page-head>.button{width:100%}.two,.grid-2,.vf-form-grid,.vf-form-summary{grid-template-columns:minmax(0,1fr)}.vf-line-item{grid-template-columns:minmax(0,1fr)}.vf-field.full{grid-column:auto}.stats,.vf-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats article,.stats>a,.vf-kpi,.stat{padding:16px}.stats article strong,.stats>a strong,.vf-kpi strong,.stat strong{font-size:23px}.panel,.card,.form-card,.vf-panel,.vf-form-card{padding:19px}.auth-card{padding:28px 23px}.vf-auth-page #main-content{min-height:calc(100svh - 80px)}.vf-help-panel,.vf-activity-item{align-items:flex-start;flex-direction:column}.vf-help-panel .vf-btn{width:100%}.vf-mobile-panel .button{margin-top:15px;width:100%}}
@media(max-width:380px){.vf-brand{font-size:18px}.vf-container{width:calc(100% - 32px)}.vf-app-main{padding:20px 16px 45px}.hero-copy h1{font-size:40px}.flow-visual{padding:20px}.visual-top{font-size:7px}.visual-tag{display:none}.flow-step strong{font-size:11px}.flow-step small{font-size:9px}.stats.four,.stats,.vf-kpi-grid{grid-template-columns:minmax(0,1fr)}.auth-card{padding:25px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Sensitive review surfaces: readable documents and compact, editable suggestions. */
.commercial-approval{width:min(850px,calc(100% - 32px));margin:30px auto}.audit-json{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:var(--vf-soft);padding:14px;border-radius:8px}.commercial-approval form,.panel>form:not(.inline){display:grid;gap:15px}.commercial-approval dl,.invoice-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.commercial-approval dt{color:var(--vf-muted);font-size:12px}.commercial-approval dd{margin:0;font-weight:650;text-align:right}.panel a,.panel blockquote{overflow-wrap:anywhere}.panel-head>div{min-width:0}.panel-head>form{flex-shrink:0}.secure-link{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;min-height:90px;overflow-wrap:anywhere;word-break:break-all;resize:vertical}.review-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.review-fields .review-wide,.review-fields>.actions,.review-fields>p{grid-column:1/-1}.review-fields textarea{min-height:72px;font-size:13px;line-height:1.6}.review-fields .review-wide textarea{min-height:190px}.review-fields label{font-size:11px;letter-spacing:.02em}.invoice-facts>div{padding:14px;background:var(--vf-soft);border-radius:8px;min-width:0}.invoice-facts dt{font-size:10px;color:var(--vf-muted);margin-bottom:5px}.invoice-facts dd{font-size:14px;font-weight:600;margin:0;overflow-wrap:anywhere}.invoice-facts .invoice-wide{grid-column:1/-1}.form-card>form{display:grid;gap:16px}.invoice-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.invoice-heading h2{margin:0}.invoice-heading .status{flex-shrink:0}.invoice-note{font-size:12px;color:var(--vf-muted);margin:0}.commercial-approval .panel:first-child h2{font-size:38px;margin:22px 0 8px}.commercial-approval .panel:first-child>h2+p{font-size:12px;color:var(--vf-muted)}
@media(max-width:600px){.review-fields{grid-template-columns:minmax(0,1fr)}.invoice-facts{grid-template-columns:minmax(0,1fr)}.invoice-heading,.panel-head{align-items:flex-start;flex-wrap:wrap}.commercial-approval{margin:18px auto}.commercial-approval h1{font-size:28px}.commercial-approval .panel:first-child h2{font-size:32px}}

@media(max-width:600px){.panel .stats.four,.panel .stats{grid-template-columns:minmax(0,1fr)}.stats article strong,.stats>a strong{font-size:24px;white-space:nowrap;overflow-wrap:normal}}

.approval-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.05em;margin:0 0 24px}

.legal-page{max-width:900px;margin:auto;padding:50px 24px 80px;line-height:1.8}.legal-page h2{margin-top:32px}.legal-page a{text-decoration:underline;text-underline-offset:3px}

/* ValuationFlow app-first visual system — October 2026. */
:root{--vf-ink:#172238;--vf-ink-2:#344158;--vf-muted:#69758a;--vf-border:#e3e7ef;--vf-bg:#f3f5f9;--vf-soft:#edf1f8;--vf-green:#4057e3;--vf-green-dark:#3045c4;--vf-green-pale:#edf0ff;--vf-radius:18px;--vf-shadow:0 12px 36px #17223809}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:650}.vf-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.vf-brand{letter-spacing:-.055em;font-weight:750}.brand-flow{font-weight:480}.vf-logo{border-radius:11px}.vf-btn,.button{border-radius:11px;min-height:46px;font-weight:650;box-shadow:0 3px 7px #243b8908}.vf-btn-primary:hover,.button:hover{box-shadow:0 5px 16px #4057e329}.vf-btn-light{background:#edf0ff;color:#23315a}.vf-btn-secondary,.button.secondary{box-shadow:none}.text-link{font-weight:600}:focus-visible{outline-color:#5d71ed}.status{background:#edf0ff;color:#364ac6;border-radius:7px;font-weight:650}.status-disputed,.status-overdue{background:#fff0e9;color:#984420}.status-paid,.status-certified{background:#e8f5ef;color:#187454}.status-draft{background:#edf0f5;color:#606b7d}.vf-chip{background:#edf0ff;color:#4057e3}
.vf-workspace{background:#f3f5f9}.vf-app{grid-template-columns:244px minmax(0,1fr)}.vf-sidebar{background:#111c30;padding:30px 17px 18px;border-right:1px solid #ffffff0a}.vf-sidebar>.vf-brand{padding:0 9px 31px;font-size:20px}.sidebar-caption{font-size:9px;letter-spacing:.18em;color:#7e8da7;padding:0 14px 13px}.vf-side-nav{gap:2px}.vf-side-nav>a{min-height:42px;padding:10px 13px;color:#a7b3c8;font-size:12px;border-radius:9px;gap:13px}.vf-side-nav>a .vf-icon{width:18px;height:18px;flex-basis:18px;opacity:.8}.vf-side-nav>a.active{background:#334bd2;color:#fff;font-weight:600;box-shadow:0 5px 18px #0002}.vf-side-nav>a.active .vf-icon{opacity:1}.vf-side-nav>a:hover{background:#ffffff0c}.vf-side-nav>a.active:hover{background:#4057e3}.vf-sidebar-support{border-top:1px solid #ffffff12;margin-top:26px}.vf-sidebar-support a,.vf-sidebar-signout{color:#9daac0}.vf-app-main{max-width:1700px;padding:26px clamp(24px,3vw,48px) 64px}.vf-inner-topbar{margin-bottom:32px;padding-bottom:21px}.vf-inner-search{max-width:340px}.vf-inner-search input{border:0;background:#e9edf4;border-radius:10px;min-height:42px;padding-left:16px;font-size:12px}.vf-inner-profile{background:#fff;border:1px solid var(--vf-border);padding:9px 14px;border-radius:25px;font-weight:600}.page-head h1,.vf-app-title h1{font-size:33px;letter-spacing:-.045em;font-weight:650}.page-head .eyebrow{font-size:10px;letter-spacing:.11em}.heading-dot{color:#5972ee}.overview-head{align-items:center;margin-bottom:25px}.overview-head h1{font-size:38px}.overview-head .eyebrow{color:#6a7790}.panel,.card,.form-card,.vf-panel,.vf-form-card{border:1px solid #e5e9f0;border-radius:16px;box-shadow:0 3px 12px #17223803;padding:25px}.panel h2,.vf-panel h2,.form-card h2{font-size:17px;font-weight:650;letter-spacing:-.025em}.panel-head{margin-bottom:20px}.panel-head>a{font-size:11px}.stats article,.stats>a,.vf-kpi,.stat{border-radius:13px;border-color:#e5e9f0}.stats article strong,.stats>a strong,.vf-kpi strong,.stat strong{font-weight:600;letter-spacing:-.045em;font-size:28px}.stats article span,.stats>a span{font-size:11px}.overview-stats{gap:0;background:#fff;border:1px solid #e3e7ef;border-radius:16px;overflow:hidden;margin:24px 0}.overview-stats article{border:0;border-right:1px solid #e8ecf3;border-radius:0;background:none;padding:25px}.overview-stats article:last-child{border-right:0}.overview-stats article strong{font-size:30px}.overview-stats article>.text-link{color:#66748a;font-size:10px}.balance-card{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:35px;padding:33px 36px;border:1px solid #293755;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#2d419277,transparent 60%),#142039;color:#fff;overflow:hidden;box-shadow:0 12px 25px #182a4d16}.balance-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.17em;color:#b7c4e0;font-weight:600}.balance-live{width:5px;height:5px;background:#88a2ff;border-radius:50%;box-shadow:0 0 0 4px #7598ff16}.balance-period{font-size:12px;color:#c1cce0;margin-top:24px}.balance-value{display:block;font-size:clamp(32px,3.5vw,51px);font-weight:550;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1.3;margin-top:5px;overflow-wrap:anywhere}.balance-primary>p{font-size:10px;color:#8fa1bf;margin:5px 0 20px}.balance-primary>a{font-size:11px;display:inline-flex;align-items:center;gap:18px;color:#d1dcff}.balance-primary>a:hover{color:#fff}.balance-primary>a .vf-icon{width:17px;height:17px}.balance-context{display:grid;align-content:center;border-left:1px solid #ffffff15;padding-left:35px;gap:26px}.balance-context span{display:block;color:#adbad3;font-size:11px}.balance-context strong{display:block;font-size:24px;letter-spacing:-.035em;font-weight:500;margin:5px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.balance-context small{font-size:9px;color:#8395b3}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.quick-actions>a{display:flex;align-items:center;justify-content:center;gap:11px;min-height:65px;border-radius:13px;background:#fff;border:1px solid #e4e9f1;font-size:12px;font-weight:600;box-shadow:0 2px 4px #182a4d03}.quick-actions>a>span{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#f0f3ff;color:#4b60dc}.quick-actions>a:hover{border-color:#b2bff4;transform:translateY(-2px);box-shadow:0 5px 12px #182a4d08}.risk-panel .stats{gap:0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;margin:20px 0 17px;padding:0}.risk-panel .stats>a{border:0;border-radius:0;padding:18px 16px;border-right:1px solid #edf0f5;background:transparent}.risk-panel .stats>a:first-child{padding-left:0}.risk-panel .stats>a:last-child{border-right:0}.risk-panel .stats>a:first-child strong{color:#b85d38}.risk-panel .stats>a:hover{background:#f8f9fc}.risk-total{font-size:11px;color:#768299;margin:0}.risk-total strong{color:#23334f;margin:0 4px}.vf-list-row{padding:18px 0}.vf-list-main strong{font-size:13px;font-weight:600}.vf-list-main span{display:block;margin-top:5px}.vf-list-money{color:#203153;font-size:14px}th{background:#f5f7fb;color:#708098;letter-spacing:.075em;font-size:9px;padding:14px}td{padding:18px 14px;font-size:12px;border-color:#edf0f5}tbody tr:hover{background:#fafbfe}input,select,textarea{border-radius:10px!important;border-color:#dce2ed!important}input:focus,select:focus,textarea:focus{border-color:#6c80e9!important;box-shadow:0 0 0 3px #526bef10!important}label{color:#53617a}.app-tabbar{display:none}.mobile-create{display:grid;place-items:center;width:38px;height:38px;background:#4057e3;color:#fff;border-radius:12px}.mobile-create:hover{color:white;background:#3045c4}.auth-card{border-radius:22px;box-shadow:0 18px 60px #1b2d5910;border:1px solid #e2e7f0}.vf-auth-page{background:radial-gradient(ellipse at 50% 30%,#e9edff,transparent 65%),#f6f7fb}
/* Public brand follows the product; the workspace is the priority. */
.vf-public-header{border-color:#e2e7ef}.flow-visual,.clarity-section{background:#142039}.flow-visual:before{background:radial-gradient(ellipse at 100% 0,#4662be33,transparent 65%)}.visual-title>span{color:#a5b7ff}.flow-step-active{background:#dce4ff;border-color:#dce4ff;color:#203153}.flow-step-active small,.flow-step-active .step-icon,.flow-step-active .step-check{color:#425682}.workflow-strip{background:#edf0f7}.workflow-strip b{color:#8795ae}.clarity-section .eyebrow,.principles>div>span{color:#acbbff}.clarity-section p{color:#aab8d0}.feature-bottom{color:#576989}.hero-copy h1{font-weight:650;letter-spacing:-.055em}.vf-feature-card{border-radius:14px;border-color:#e3e7ef}.vf-feature-card h3{font-weight:600}.visual-top,.flow-step small,.visual-bottom>span{color:#aab8d0}.vf-public-header .vf-logo{width:35px;height:35px;flex-basis:35px}.vf-public-header .vf-brand{font-size:20px}
@media(min-width:981px){.vf-sidebar{scrollbar-width:thin;scrollbar-color:#34445e transparent}}
@media(max-width:1100px) and (min-width:981px){.vf-app{grid-template-columns:216px minmax(0,1fr)}.vf-sidebar{padding-left:10px;padding-right:10px}.vf-app-main{padding-left:24px;padding-right:24px}.quick-actions>a{font-size:10px;gap:7px}.balance-card{padding:28px;gap:22px}.balance-context{padding-left:22px}.risk-panel .stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-panel .stats>a:nth-child(3){padding-left:0}.risk-panel .stats>a:nth-child(2){border-right:0}}
@media(max-width:980px){
 .vf-app{display:block;min-height:calc(100svh - 70px)}.vf-sidebar{display:none}.vf-app-mobile-header{display:flex;position:sticky;top:0;z-index:80;height:70px;padding:0 22px;background:#f3f5f9f5;backdrop-filter:blur(16px);border:0}.vf-app-mobile-header .vf-brand{font-size:20px}.vf-app-mobile-header .vf-logo{width:32px;height:32px;flex-basis:32px}.vf-app-main{padding:16px 22px calc(100px + env(safe-area-inset-bottom));max-width:none}.vf-inner-topbar{margin-bottom:23px;padding-bottom:0;border:0;gap:12px}.vf-inner-search{max-width:none}.vf-inner-profile{font-size:10px;max-width:180px}.app-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:100;background:#fffffffa;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e1e6f0;box-shadow:0 -5px 24px #17223806}.app-tabbar>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:51px;color:#7a8599;font-size:9px;font-weight:550}.app-tabbar>a .vf-icon{width:21px;height:21px;flex-basis:21px}.app-tabbar>a[aria-current="page"]{color:#3b53d7}.app-tabbar>a[aria-current="page"] .vf-icon{stroke-width:2.1}.app-tabbar>.vf-mobile-menu{display:block;min-width:0}.app-tabbar .vf-menu-button{border:0;background:none;border-radius:0;width:100%;height:51px;display:flex;flex-direction:column;justify-content:center;gap:13px;color:#7a8599}.app-tabbar .vf-menu-button i,.app-tabbar .vf-menu-button i:before,.app-tabbar .vf-menu-button i:after{background:#7a8599;width:19px;height:1.7px}.menu-label{font-size:9px;font-weight:550;line-height:1}.app-tabbar .vf-mobile-menu[open]>.vf-menu-button{position:fixed;right:20px;top:18px;width:40px;height:40px;border:1px solid #dde3ee;border-radius:12px;background:#fff;z-index:150}.app-tabbar .vf-mobile-menu[open]>.vf-menu-button .menu-label{display:none}.app-tabbar .vf-mobile-menu[open]>.vf-menu-button i{background:transparent}.app-tabbar .vf-mobile-menu[open]>.vf-mobile-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;padding:25px 20px calc(35px + env(safe-area-inset-bottom));background:#f3f5f9;z-index:140}.app-tabbar .vf-mobile-panel-top{grid-column:1/-1;padding-right:45px;margin-bottom:12px}.vf-mobile-panel-top h2{font-size:27px;margin:28px 0 7px}.vf-mobile-panel-top p{color:#78869b;font-size:12px;margin:0}.app-tabbar .vf-mobile-panel>a{border:1px solid #e4e9f1;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:16px;min-height:85px;font-size:12px;font-weight:550}.app-tabbar .vf-mobile-panel>a>.vf-icon{color:#4b60da}.app-tabbar .vf-mobile-panel>form{grid-column:1/-1}.app-tabbar .vf-mobile-panel>form>.button{width:100%}body:has(.app-tabbar .vf-mobile-menu[open]){overflow:hidden}.desktop-create{display:none}.overview-head h1{font-size:32px}.overview-head{margin-bottom:22px}.page-head>.button{width:auto;min-height:44px}.balance-card{border-radius:20px}.quick-actions>a{font-size:11px}.vf-mobile-menu[open]>.vf-mobile-panel{color:#172238}
}
@media(max-width:600px){
 .vf-app-main{padding-left:18px;padding-right:18px}.vf-app-mobile-header{padding-left:18px;padding-right:18px}.vf-inner-topbar{display:none}.page-head{gap:15px;margin-bottom:21px}.page-head h1{font-size:29px;line-height:1.15;margin:6px 0 8px}.page-head p{font-size:12px;line-height:1.6}.page-head .eyebrow{font-size:9px}.overview-head h1{font-size:34px}.balance-card{grid-template-columns:minmax(0,1fr);gap:22px;padding:25px 23px;border-radius:21px}.balance-period{margin-top:24px;font-size:11px}.balance-value{font-size:clamp(29px,9vw,42px);letter-spacing:-.045em}.balance-primary>p{font-size:9px;margin-bottom:16px}.balance-context{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;border-left:0;border-top:1px solid #ffffff18;padding:18px 0 0}.balance-context span{font-size:9px;line-height:1.6}.balance-context strong{font-size:19px;margin:7px 0}.balance-context small{font-size:8px;line-height:1.5;display:block}.balance-primary>a{font-size:10px}.quick-actions{gap:9px;margin:22px 0 25px}.quick-actions>a{flex-direction:column;background:transparent;border:0;box-shadow:none;min-height:80px;gap:9px;font-size:9px;text-align:center;line-height:1.35}.quick-actions>a>span{width:47px;height:47px;border-radius:15px;background:#fff;border:1px solid #e1e6f0;box-shadow:0 4px 9px #23345505;color:#344dcf}.quick-actions>a>span>.vf-icon{width:21px;height:21px}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-radius:16px}.overview-stats article{padding:18px 16px}.overview-stats article:nth-child(2){border-right:0}.overview-stats article:last-child{grid-column:1/-1;border-top:1px solid #edf0f5;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.overview-stats article:last-child>span{margin:0}.overview-stats article:last-child>strong{grid-row:1/3;grid-column:2}.overview-stats article:last-child>a{margin:0}.overview-stats article strong{font-size:24px;white-space:normal;overflow-wrap:anywhere}.overview-stats article>span{font-size:10px;line-height:1.6;min-height:30px}.overview-stats article>.text-link{font-size:9px}.panel,.card,.form-card,.vf-panel,.vf-form-card{padding:20px 18px;border-radius:16px;margin-bottom:17px}.panel h2,.vf-panel h2{font-size:16px}.panel-head{gap:12px;align-items:center;margin-bottom:16px}.panel-head>div{min-width:0}.panel-head>a{font-size:10px}.risk-panel .stats.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.risk-panel .stats>a{padding:17px 12px;border-bottom:1px solid #edf0f5}.risk-panel .stats>a:nth-child(2){border-right:0}.risk-panel .stats>a:nth-child(3){padding-left:0;border-bottom:0}.risk-panel .stats>a:nth-child(4){border-bottom:0}.risk-panel .stats>a span{font-size:9px;line-height:1.5;min-height:27px;margin-bottom:6px}.risk-panel .stats>a strong{font-size:24px;white-space:normal;overflow-wrap:anywhere}.risk-total{font-size:10px;line-height:1.7}.vf-dashboard-grid{gap:0}.vf-list-main strong{font-size:12px}.vf-list-main span{font-size:10px}.vf-list-money{font-size:13px}.vf-list-row{gap:12px;align-items:flex-start}.vf-list-main{min-width:0;overflow-wrap:anywhere}.vf-list-money{flex-shrink:0}.vf-panel-link{font-size:10px}.vf-workspace input,.vf-workspace select,.vf-workspace textarea{font-size:16px}.vf-workspace .button{font-size:12px}.vf-help-panel{display:none}
 /* Record cards preserve every value and action without sideways page scrolling. */
 .mobile-records,.mobile-records tbody,.mobile-records tr,.mobile-records td{display:block;width:100%;min-width:0}.mobile-records thead{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.mobile-records tr{padding:6px 0 18px;margin-bottom:18px;border-bottom:1px solid #dfe5ef}.mobile-records tr:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.mobile-records td{display:grid;grid-template-columns:minmax(85px,.8fr) minmax(0,1.2fr);gap:14px;text-align:right;white-space:normal;padding:9px 0;border:0;font-size:12px;overflow-wrap:anywhere;align-items:start}.mobile-records td::before{content:attr(data-label);text-align:left;color:#7a879a;font-size:10px;line-height:1.7}.mobile-records td:first-child{display:block;text-align:left;font-size:14px;font-weight:650;padding:8px 0 14px}.mobile-records td:first-child::before{display:none}.mobile-records td[colspan]{display:block;text-align:left;color:#69758a;font-size:12px;font-weight:400}.mobile-records td[colspan]::before{display:none}.mobile-records td>form{min-width:0}.mobile-records .retention-form{flex-wrap:wrap;justify-content:flex-end}.mobile-records .retention-form input{width:100%;min-width:0}.mobile-records td>p{margin:4px 0;font-weight:400}.mobile-records td>a:last-child{min-height:28px}.mobile-records td .status{justify-self:end}.mobile-records td .muted{font-size:10px}.mobile-records td>br{display:none}.mobile-records td>a:not(:only-child){grid-column:2}.mobile-records td>.muted{grid-column:2}.mobile-records td:first-child>a{display:inline}.vf-app-main .table-wrap:has(>.mobile-records){overflow:visible}.mobile-records td>strong{font-weight:600}.mobile-records td>a:only-child{grid-column:auto}
}
@media(prefers-reduced-motion:no-preference){.balance-card{animation:app-reveal .4s ease-out}.quick-actions{animation:app-reveal .45s ease-out}@keyframes app-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}

.mobile-header-actions{display:flex;align-items:center;gap:12px}.mobile-search{width:36px;height:38px;display:grid;place-items:center;color:#64738d}

@media(max-width:600px){.risk-panel .stats>a strong{font-size:clamp(18px,5.4vw,24px)}}
@media(max-width:980px){.app-tabbar>a,.menu-label{font-size:10px}}
@media(max-width:600px){.quick-actions>a{font-size:10px}.risk-panel .stats>a span{font-size:10px}.mobile-records td::before{font-size:11px}}

/* Construction-sector photography behind the authentication journey. */
.vf-auth-page{background:#13243b;isolation:isolate}
.vf-auth-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,19,37,.42),rgba(10,23,41,.16) 45%,rgba(8,19,37,.34)),url('/static/construction-panorama.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.vf-auth-page #main-content{background:none}
.vf-auth-page>.vf-public-header{border-bottom-color:#ffffff24;color:#fff}
.vf-auth-page>.vf-public-header>.vf-brand,.vf-auth-page .vf-public-nav a{color:#fff}
.vf-auth-page .vf-public-nav a:hover{color:#c8d4ff}
.vf-auth-page .vf-header-actions .vf-btn-secondary{background:#ffffff12;border-color:#ffffff44;color:#fff}
.vf-auth-page .auth-card{background:#fffffffa;border-color:#ffffffcc;box-shadow:0 24px 80px #06142a59}
.vf-auth-page .vf-mobile-panel .vf-brand{color:var(--vf-ink)}
.vf-auth-page .auth-kicker{display:block;margin-bottom:10px;font-size:9px;font-weight:700;letter-spacing:.14em;color:#5e7094}
.vf-auth-page .auth-card h1{margin-top:0}
@media(max-width:720px){.vf-auth-page::before{background-position:24% center}.vf-auth-page .auth-card{box-shadow:0 18px 55px #07132947}.vf-auth-page #main-content{padding-top:30px;padding-bottom:40px}}


/* Project cost evidence stays compact on desktop and expands cleanly on mobile. */
.cost-document{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px;max-width:260px}
.cost-document .muted{font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.cost-upload{display:grid;gap:7px;min-width:230px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f5}
.cost-upload label{font-size:10px;line-height:1.4}
.cost-upload input[type="file"],.cost-upload input[name="note"]{width:100%;min-width:0;font-size:11px}
.cost-upload .button{width:max-content;min-height:34px;padding:8px 11px;font-size:10px}
@media(max-width:600px){
 .mobile-records .cost-document{grid-column:2;max-width:none;align-items:flex-end;text-align:right}
 .mobile-records .cost-upload{grid-column:2;min-width:0;width:100%;justify-items:stretch}
 .mobile-records .cost-upload label{text-align:left}
 .mobile-records .cost-upload .button{width:100%}
}


/* Unified workspace search: functions first, records second. */
.search-page-form{display:grid;gap:10px}
.search-page-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.search-page-input .button{min-width:110px}
.search-page-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.search-page-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:15px 16px;border:1px solid #e2e7ef;border-radius:13px;background:#fff}
.search-page-link:hover{border-color:#b9c4ee;box-shadow:0 5px 14px #182a4d08;transform:translateY(-1px)}
.search-page-link strong{display:block;font-size:13px;color:#203153}
.search-page-link small{display:block;margin-top:5px;color:#748198;font-size:10px;line-height:1.5}
.search-results .list-row>span{min-width:0}
.search-results .list-row small{display:block;margin-top:5px;color:#75839a;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.search-results .list-row>strong{flex-shrink:0;font-size:12px}
@media(max-width:700px){
 .search-page-input{grid-template-columns:1fr}
 .search-page-input .button{width:100%}
 .search-page-links{grid-template-columns:1fr}
 .search-page-link{min-height:68px}
 .search-results .list-row{align-items:flex-start}
}