:root{--text:#0f172a;--text-sub:#334155;--text-muted:#64748b;--bg:#f5f7fb;--surface:#fff;--border:#e2e8f0;--accent:#2563eb;--accent-soft:#eff6ff;--sans:"Inter", system-ui, -apple-system, sans-serif;--display:"DM Sans", system-ui, sans-serif;font:15px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text)}#root{min-height:100vh}h1,h2,h3{font-family:var(--display);color:var(--text);font-weight:600}p{margin:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}html{scrollbar-gutter:stable}body{min-width:320px}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:not(:disabled),select{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #2563eb!important}.app-loading{min-height:100dvh;color:var(--text-sub);place-items:center;display:grid}.workspace-shell{min-height:100dvh!important}.workspace-header{min-height:64px;gap:16px!important;height:auto!important}.workspace-main{width:100%;min-width:0;max-width:1600px;margin-inline:auto;padding:clamp(16px,2.2vw,32px)!important}.workspace-main>*,.responsive-grid>*{min-width:0}.workspace-main h1,.workspace-main h2,.workspace-main h3,.workspace-main p{overflow-wrap:anywhere}.workspace-main button,.primary-nav a{min-height:40px}.workspace-main button{border:1px solid var(--border);color:var(--text-sub);background:#fff;border-radius:8px;padding:8px 12px;font-weight:500}.workspace-main a{color:#1d4ed8;text-underline-offset:3px;text-decoration:none}.workspace-main a:hover{text-decoration:underline}.workspace-main input,.workspace-main select,.workspace-main textarea{color:var(--text);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.workspace-main form:not(.mg form){flex-wrap:wrap;gap:12px}.workspace-main form:not(.mg form)>input{flex:180px}.domain-workspace{grid-template-columns:minmax(0,1fr)}.domain-workspace>*{min-width:0}.domain-workspace>label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.domain-workspace select{flex:200px}.filter-strip{overscroll-behavior-inline:contain;scrollbar-width:thin;min-width:0;max-width:100%;overflow-x:auto}.filter-strip>button{white-space:nowrap;flex-shrink:0}.workspace-main input,.workspace-main select,.workspace-main textarea{min-width:0;max-width:100%}.workspace-main textarea{resize:vertical}.section-toolbar{flex-wrap:wrap;gap:12px}.primary-nav a{white-space:nowrap;flex-shrink:0;align-content:center}.primary-nav a:hover{background:#f1f5f9!important}.primary-nav a[aria-current=page]{color:#1d4ed8!important;background:#eff6ff!important;font-weight:600!important}.primary-nav{overscroll-behavior-inline:contain;scrollbar-width:thin}.platform-body{overflow:visible!important}.platform-sidebar{height:100dvh!important;overflow-y:auto!important}.account-popover{overscroll-behavior:contain;max-height:calc(100dvh - 90px);overflow-y:auto;box-shadow:0 12px 36px #0f172a24!important}.responsive-grid{display:grid}.layout-leads{grid-template-columns:minmax(0,1fr) 320px}.layout-detail{grid-template-columns:240px minmax(0,1fr)}.grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.data-table-scroll,.mg-table{overscroll-behavior-inline:contain;scrollbar-width:thin;border-radius:10px;width:100%;max-width:100%;overflow-x:auto}.data-table-scroll table{min-width:640px}.data-table-scroll th{white-space:nowrap}.data-table-scroll td{overflow-wrap:anywhere;max-width:320px}.data-table-scroll tbody tr:hover{background:#f8fafc}.skip-link{color:#fff;z-index:1000;background:#0f172a;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}@media (width<=1200px){.boq-header{flex-wrap:wrap;column-gap:16px!important;padding:12px 20px 0!important}.boq-header>.primary-nav{flex-basis:100%;order:3;padding-block:4px 10px}.layout-leads{grid-template-columns:minmax(0,1fr)}.grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-detail{grid-template-columns:minmax(0,1fr)}.layout-detail>:first-child{max-height:380px;overflow-y:auto}.platform-shell{flex-direction:column}.platform-sidebar{border-bottom:1px solid var(--border);border-right:0!important;width:100%!important;height:auto!important;position:static!important;overflow:visible!important}.platform-sidebar>a{padding:14px 20px!important}.platform-sidebar .primary-nav{gap:4px;display:flex;overflow-x:auto;padding:8px 16px!important}.platform-sidebar .primary-nav>a{width:auto!important;margin:0!important}.sidebar-footer{display:none}.platform-header{padding:12px 20px!important}}@media (width<=640px){.workspace-main{padding:16px 12px!important}.workspace-header{gap:10px!important;padding-inline:12px!important}.header-actions{gap:8px!important}.header-actions>:first-child{display:none!important}.account-label{display:none}.workspace-header button{min-height:44px!important}.platform-header>:last-child>:first-child:not(:last-child){display:none}.platform-header>:first-child{flex:1;min-width:0}.grid-three,.grid-two{grid-template-columns:minmax(0,1fr)}.responsive-grid{gap:12px!important}.workspace-main button,.workspace-main input,.workspace-main select,.primary-nav a{min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}.workspace-main form{min-width:0}.section-toolbar>*{min-width:0;max-width:100%}.section-toolbar>div{flex-wrap:wrap}.boq-login-card>div,.l2-card>div{padding-inline:20px!important}}@media (width<=380px){.grid-four{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
