.google-login-button,.google-login-button>div,.google-login-button iframe{width:100%!important}:root{--brand-black:#050806;--brand-deep:#07110d;--brand-panel:#101f17;--brand-panel-dark:#0b1911;--brand-green:#00e676;--brand-green-deep:#079447;--brand-white:#f5faf7;--brand-muted:#a6b8ad;--brand-soft:#789382}*{box-sizing:border-box}body{background:var(--brand-deep);color:var(--brand-white);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--brand-green);outline-offset:5px}.green{color:var(--brand-green)}.landing{max-width:1320px;margin:auto;padding:0 64px}.brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:30px;font-weight:800;line-height:1;display:inline-flex}.brand img{object-fit:cover;border-radius:12px;width:52px;height:52px}.brand small{color:#9caf9f;letter-spacing:1.5px;margin-top:6px;font-size:9px;font-weight:500;display:block}.landing header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:112px;display:flex}.hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:65px;padding:90px 0 85px;display:grid}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-2px;margin-bottom:26px;font-size:clamp(38px,4vw,54px);font-weight:750;line-height:1.12}.lead{color:#a6b8ad;max-width:460px;margin-bottom:30px;font-size:17px;line-height:1.8}.fine{color:#839b8b;margin:22px 0 0;font-size:12px;line-height:1.7}.preview-wrap{position:relative}.glow{filter:blur(100px);opacity:.12;pointer-events:none;background:#00e676;position:absolute;inset:15% -5%}.quote-preview{position:relative;overflow:hidden;transform:rotate(2deg);background:#101d15!important;border:1px solid #325b40!important;border-radius:18px!important}.preview-top{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.mini-brand{font-weight:800}.mini-brand span{color:#91a89a;font-size:11px;font-weight:400}.preview-body{padding:30px}.eyebrow{letter-spacing:1.5px;font-size:10px;font-weight:600}.preview-body .eyebrow{color:#89a392}.preview-body h2{letter-spacing:-.8px;margin:18px 0 30px;font-size:29px;line-height:1.25}.quote-meta{color:#91a89a;border-bottom:1px solid #ffffff15;justify-content:space-between;padding-bottom:12px;font-size:11px;display:flex}.quote-line{border-bottom:1px solid #ffffff12;justify-content:space-between;gap:12px;padding:18px 0;font-size:12px;display:flex}.quote-line small{color:#7e9788;margin-top:6px;font-size:10px;display:block}.quote-line strong{white-space:nowrap}.quote-total{justify-content:space-between;align-items:center;margin:25px 0;font-size:12px;display:flex}.quote-total strong{color:#00e676;font-size:23px}.approval{color:#00e676;background:#00e67614;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:11px;display:flex}.floating-note{text-align:center;color:#a6b8ad;margin:22px auto 0;font-size:11px;position:relative}.status-dot{background:#00e676;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.steps{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);gap:30px;padding:35px 0;display:grid}.step-number{color:#00e676;letter-spacing:2px;font-size:11px}.steps h3{margin:12px 0 8px;font-size:24px}.steps p{color:#91a89a;margin-bottom:0;font-size:12px;line-height:1.7}.landing footer{justify-content:space-between;align-items:center;gap:24px;padding:36px 0;display:flex}.landing footer>span,.landing footer>small{color:#789382;font-size:11px}.landing footer .brand{font-size:22px}.landing footer img{width:35px;height:35px}.auth-page{background:radial-gradient(at top,#103321 0,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:35px 20px;display:flex}.auth-card{width:100%;max-width:470px;border-color:#294534!important;padding:34px!important}.auth-card h1{letter-spacing:-1px;margin:26px 0 10px;font-size:29px}.auth-card p{color:#a6b8ad;margin-bottom:30px;font-size:14px}.auth-card .auth-switch{text-align:center;margin:26px 0 0;font-size:13px}.auth-switch a{color:#00e676}.auth-page>small{color:#789382;font-size:11px}.workspace{min-height:100vh}.workspace aside{background:#0b1911;border-right:1px solid #ffffff12;flex-direction:column;gap:10px;width:250px;padding:30px 22px;display:flex;position:fixed;inset:0 auto 0 0}.nav-caption{color:#789382;letter-spacing:1px;margin:55px 0 12px;font-size:9px}.workspace aside>.MuiButton-root{justify-content:flex-start}.workspace aside>.logout{margin-top:auto}.workspace-main{margin-left:250px;padding:36px 48px 70px}.workspace-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;margin-bottom:48px;padding-bottom:25px;display:flex}.workspace-header>span{color:#a6b8ad;font-size:14px}.welcome h1{letter-spacing:-1.5px;margin:18px 0;font-size:44px;line-height:1.15}.welcome p{color:#a6b8ad;font-size:15px;line-height:1.8}.onboarding{align-items:center;gap:25px;margin:35px 0;padding:28px;display:flex;border-color:#295e3c!important}.onboarding h2{margin-bottom:6px;font-size:20px}.onboarding p,.coming-next p{color:#a6b8ad;margin-bottom:0;font-size:13px;line-height:1.7}.onboarding .MuiButton-root{white-space:nowrap;margin-left:auto}.coming-next{align-items:center;gap:20px;padding:24px;display:flex;background:0 0!important}.coming-next h3{margin-bottom:6px;font-size:15px}.coming-next>.MuiChip-root{margin-left:auto}.mobile-nav{display:none}@media (width<=1000px){.landing{padding:0 30px}.hero{gap:35px}.preview-body{padding:22px}.workspace-main{margin-left:220px;padding:28px}.workspace aside{width:220px}.onboarding{flex-wrap:wrap}.onboarding .MuiButton-root{margin-left:0}.coming-next{flex-wrap:wrap}}@media (width<=700px){.landing{padding:0 22px}.landing header{height:90px}.hero{grid-template-columns:1fr;gap:45px;padding:50px 0}.hero h1{font-size:42px}.lead{font-size:16px}.preview-wrap{padding:0 7px}.quote-preview{transform:rotate(1deg)}.steps{grid-template-columns:1fr 1fr;gap:28px}.landing footer{flex-wrap:wrap}.landing footer>span{display:none}.auth-card{padding:26px!important}.workspace aside{display:none}.workspace-main{margin-left:0;padding:24px 20px 100px}.workspace-header{margin-bottom:32px}.welcome h1{font-size:36px}.onboarding{gap:16px;padding:22px}.onboarding>.MuiButton-root{width:100%}.coming-next>.MuiChip-root{margin-left:0}.mobile-nav{padding:8px 4px;padding-bottom:max(8px, env(safe-area-inset-bottom));z-index:10;background:#0b1911;border-top:1px solid #294534;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.page-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-title h1{margin-bottom:8px;font-size:32px}.page-title p,.record-row p{color:#a6b8ad;margin-bottom:0}.record-row{align-items:center;gap:16px;padding:22px;display:flex}.record-row h3{margin-bottom:8px}.record-actions{gap:8px;margin-left:auto;display:flex}.empty-state{text-align:center;color:#a6b8ad;padding:40px}@media (width<=700px){.page-title,.record-row{flex-wrap:wrap}.record-actions{margin-left:0}.mobile-nav{justify-content:flex-start;overflow-x:auto}.mobile-nav .MuiButton-root{white-space:nowrap;padding:10px;font-size:11px}}.filters{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filters>.MuiTextField-root{flex:1;min-width:150px}.quote-item-editor{gap:20px;padding:24px;display:grid}.totals{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.totals strong{color:#00e676;font-size:26px}.action-bar{flex-wrap:wrap;gap:12px;display:flex}.quote-document{padding:36px!important}.document-heading,.document-meta{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.document-heading p,.document-meta p{color:#a6b8ad;margin-bottom:6px;font-size:13px}.document-meta{border-top:1px solid #ffffff20;margin-top:20px;padding:26px 0}.document-meta small{color:#a6b8ad;letter-spacing:1px;font-size:10px}.document-meta h3{margin:8px 0}.table-scroll{margin:10px 0 26px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}td,th{border-bottom:1px solid #ffffff20;padding:16px 10px}td:first-child{white-space:pre-wrap;overflow-wrap:anywhere;min-width:170px}td:not(:first-child){white-space:nowrap}th{color:#a6b8ad;font-size:11px}.document-notes{margin-top:30px}.document-notes p{white-space:pre-wrap;overflow-wrap:anywhere;color:#a6b8ad}.document-footer{color:#789382;border-top:1px solid #ffffff20;margin-top:30px;padding-top:22px;font-size:11px}.business-logo{object-fit:contain;max-width:120px;max-height:70px;margin-bottom:16px}.document-audit{color:#a6b8ad;margin-top:24px;font-size:12px}@media (width<=700px){.quote-document{padding:20px!important}.quote-item-editor{padding:20px}.filters{gap:14px}.filters>.MuiTextField-root{min-width:125px}.totals strong{font-size:23px}}.public-quote{max-width:950px;margin:0 auto;padding:36px 24px}.public-brand{margin-bottom:30px;font-size:30px;font-weight:800}.public-brand small{letter-spacing:1px;color:#a6b8ad;font-size:10px}.public-actions{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.public-help{text-align:center;color:#a6b8ad;font-size:12px}.metrics{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.metrics>.MuiPaper-root{flex-direction:column;gap:16px;padding:25px;display:flex}.metrics span{color:#a6b8ad;font-size:12px}.metrics strong{letter-spacing:-1px;font-size:28px}.metric-note{color:#789382;line-height:1.7}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.metrics{gap:12px}.metrics>.MuiPaper-root{padding:16px}.metrics strong{font-size:22px}.public-quote{padding:24px 12px}.mobile-nav{justify-content:space-around;overflow-x:visible}.mobile-nav .MuiButton-root{min-width:0;padding:12px 8px}.mobile-nav .active{background:#00e67618}.metrics strong{overflow-wrap:anywhere}.quote-document .table-scroll{overflow:visible}.quote-document table,.quote-document tbody{display:block}.quote-document thead{display:none}.quote-document tr{border-bottom:1px solid #ffffff20;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0;display:grid}.quote-document td{white-space:normal;overflow-wrap:anywhere;border:0;min-width:0;padding:0;display:block}.quote-document td:first-child{grid-column:1/-1;min-width:0}.quote-document td:before{content:attr(data-label);color:#a6b8ad;margin-bottom:7px;font-size:10px;display:block}.quote-document td:last-child{color:#00e676;font-weight:700}}
