:root{--leva-black:#0a0a0a;--leva-bone:#f2f0ea;--leva-concrete:#d5d5d2;--leva-steel:#777a80;--leva-blue:#2850ff;--brand-black:var(--leva-black);--brand-off-white:var(--leva-bone);--ink:var(--leva-black);--paper:#f8f7f2;--surface:#f8f7f2;--surface-elevated:#fffefa;--surface-muted:#e9e7e1;--muted:#676a70;--line:#d5d5d2;--line-strong:#a7a8a7;--accent:var(--leva-blue);--sidebar-bg:var(--leva-black);--sidebar-hover:#181818;--sidebar-text:#a9aaa7;--control-bg:#fffefa;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius:var(--radius-md);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-display:"ABC Diatype", "Helvetica Neue", Arial, sans-serif;--font-body:"ABC Diatype", "Helvetica Neue", Arial, sans-serif;--transition-fast:.14s cubic-bezier(.2,.7,.2,1)}html,body{background:var(--leva-bone);color:var(--ink)}body{font-family:var(--font-body);letter-spacing:-.01em;font-size:14px;line-height:1.45}::selection{background:var(--accent);color:#fff}:where(a,button,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:2px solid var(--accent)!important}.shell{background:var(--leva-bone);grid-template-columns:244px minmax(0,1fr)}.sidebar{z-index:30;background:var(--leva-black);border-right:1px solid #202020;padding:30px 18px 20px}.brand{margin:2px 12px 42px}.brand img{width:92px}.sidebar nav{gap:2px}.sidebar nav a{min-height:42px;color:var(--sidebar-text);letter-spacing:.01em;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);border-radius:4px;padding:10px 12px;font-size:12px;font-weight:650;position:relative}.sidebar nav a:hover{color:var(--leva-bone);background:#151515;transform:translate(2px)}.sidebar nav a.active{color:#fff;background:#171717}.sidebar nav a.active:before{content:"";background:var(--accent);width:2px;position:absolute;top:10px;bottom:10px;left:0}.nav-icon{stroke-width:1.65px;width:17px;height:17px}.account-menu{border-top-color:#262626;padding-top:14px}.account-menu>summary{border-radius:4px;padding:10px 8px}.account-menu>summary:hover{background:#151515}.account-menu>summary>span,.account-menu>summary>img{width:34px;height:34px;color:var(--leva-bone);background:#222}.account-menu>summary strong{font-size:12px}.account-menu>summary small{color:#8b8d91;font-size:10px}.account-menu-popover{border-color:var(--line);border-radius:6px;box-shadow:0 18px 50px #0000003d}.content{max-width:1540px;margin:0 auto;padding:52px clamp(32px,4.3vw,72px) 72px}.topbar{border-bottom:1px solid var(--line);align-items:flex-end;min-height:116px;padding-bottom:26px}.topbar>div:first-child{max-width:850px}.eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:800;line-height:1}h1{font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:.92}h2{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(24px,2.3vw,34px);font-weight:520;line-height:1}h3{font-family:var(--font-display);letter-spacing:-.025em;font-weight:600}.page-intro{max-width:680px;color:var(--muted);margin-top:14px;font-size:14px;line-height:1.55}.workspace{margin-top:48px}.section-head{align-items:flex-end}.section-head+.table-wrap{margin-top:18px}.primary,.primary-button,.secondary,.secondary-button,.open-project,.ghost-button{letter-spacing:.01em;min-height:42px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.primary,.primary-button{border:1px solid var(--ink);background:var(--ink);color:var(--leva-bone)}.primary:hover,.primary-button:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.secondary,.secondary-button,.open-project{border:1px solid var(--line-strong);color:var(--ink);background:0 0}.secondary:hover,.secondary-button:hover,.open-project:hover{border-color:var(--ink);background:var(--ink);color:var(--leva-bone)}.text-link{color:var(--ink);text-underline-offset:4px;font-size:11px;font-weight:800}button:disabled,.primary:disabled,.secondary:disabled{opacity:.42;cursor:not-allowed;transform:none}.panel,.card,.metric,.quick-form,.entity-form,.table-wrap{background:var(--surface);border-color:var(--line);border-radius:var(--radius-md);box-shadow:none}.panel,.card{padding:24px}.panel.dark{background:var(--ink);color:var(--leva-bone);border-color:var(--ink)}.panel.dark .eyebrow,.panel.dark p{color:#a9aaa7}.success-note,.alert.success{color:#355223;background:#e9f0e5;border:1px solid #b9cbaa;border-radius:4px}.form-error,.alert.error{color:#8b241d;background:#f5dedb;border:1px solid #d8aaa5;border-radius:4px}.empty-row,.empty-column,.empty-copy{color:var(--muted)}.metrics{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:1.35fr repeat(3,1fr);gap:0;margin-top:34px;overflow:hidden}.metric{border:0;border-right:1px solid var(--line);border-radius:0;align-content:space-between;min-height:150px;padding:24px;position:relative}.metric:last-child{border-right:0}.metric:first-child{background:var(--ink);color:var(--leva-bone)}.metric p{color:var(--muted);font-size:11px;font-weight:700}.metric:first-child p,.metric:first-child small{color:#a9aaa7}.metric strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:48px;font-weight:500;line-height:.9}.metric:first-child strong:after{content:"";background:var(--accent);width:8px;height:8px;margin-left:10px;display:inline-block}.metric small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.table-wrap{overflow:auto}table{min-width:720px}th{background:var(--surface-muted);color:var(--muted);border-bottom-color:var(--line);letter-spacing:.13em;padding:13px 16px;font-size:9px;font-weight:850}td{border-bottom-color:var(--line);vertical-align:middle;padding:17px 16px;font-size:12px}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#2850ff08}.project-link strong{font-size:12px}.project-link span{color:var(--muted);font-size:11px}.project-link small{color:var(--muted);margin-top:2px;display:block}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px #2850ff1a}.action-cell .open-project{min-height:36px;padding:8px 11px}.entity-form{padding:clamp(24px,4vw,44px)}.form-grid{gap:20px 16px}.form-grid label,.quick-form label,label{color:var(--ink)}:where(.shell) input:not([type=checkbox]):not([type=radio]),:where(.shell) select,:where(.shell) textarea{border:1px solid var(--line);background:var(--control-bg);min-height:44px;color:var(--ink);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);border-radius:4px;padding:10px 12px}:where(.shell) textarea{resize:vertical;min-height:96px}:where(.shell) input:hover,:where(.shell) select:hover,:where(.shell) textarea:hover{border-color:var(--line-strong)}:where(.shell) input:focus,:where(.shell) select:focus,:where(.shell) textarea:focus{outline:0;border-color:var(--accent)!important;box-shadow:0 0 0 3px #2850ff1f!important}.form-section:not(:first-child){border-top-color:var(--line)}.form-actions{border-top:1px solid var(--line);padding-top:20px}.project-tabs,.settings-tabs,.finance-tabs{border-bottom-color:var(--line);gap:26px}.project-tabs a,.project-tabs span,.settings-tabs a,.finance-tabs a{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:750;position:relative}.project-tabs .active,.settings-tabs .active,.finance-tabs .active{color:var(--ink);border-color:var(--accent)!important}.project-tabs .active:after,.settings-tabs .active:after,.finance-tabs .active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.project-hero{border-bottom:1px solid var(--line);padding-bottom:28px}.status-pill{background:var(--surface);text-transform:uppercase;letter-spacing:.08em;border-radius:4px;font-size:10px}.project-summary-grid,.pricing-layout{gap:16px}.detail-list dt{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.detail-list dd{font-size:13px}.notes-block{border-left:2px solid var(--accent);background:var(--surface-muted);border-radius:0}.purchase-flow-note{background:var(--ink)!important;color:var(--leva-bone)!important;border-radius:4px!important}.purchase-flow-note i{color:var(--accent)!important}.purchase-board{gap:16px}.purchase-column>header{border-bottom-color:var(--line)}.purchase-column>header span{background:var(--ink);border-radius:3px}.purchase-card{border-top:2px solid var(--ink)}.purchase-quantity{font-family:var(--font-display);letter-spacing:-.04em;font-weight:500}.inventory-kpis,.finance-result-grid,.finance-compact-metrics{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;gap:0!important}.inventory-kpis>article,.finance-result-grid>article,.finance-compact-metrics>article{border:0!important;border-right:1px solid var(--line)!important;background:0 0!important;border-radius:0!important}.inventory-kpis>article:last-child,.finance-result-grid>article:last-child,.finance-compact-metrics>article:last-child{border-right:0!important}.finance-result-grid .result-primary{background:var(--ink)!important;color:var(--leva-bone)!important}.settings-tabs{margin-top:30px}.product-admin-card,.category-admin-row,.material-registry-item{border-radius:var(--radius-md)!important}.modal-backdrop,.admin-dialog-backdrop,.inventory-modal,.terms-modal-backdrop,.rejection-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0ac2!important}.product-modal,.admin-dialog,.inventory-modal>section{border:1px solid var(--line)!important;background:var(--surface-elevated)!important;border-radius:8px!important;width:min(1120px,100vw - 40px)!important;max-height:calc(100vh - 40px)!important;box-shadow:0 30px 90px #00000047!important}.product-modal>header,.admin-dialog>header{z-index:4;border-bottom:1px solid var(--line);background:var(--surface-elevated);position:sticky;top:0;padding:22px 26px!important}.product-modal .catalog-form{padding:24px 26px 26px}.product-modal footer{z-index:4;border-top:1px solid var(--line);background:var(--surface-elevated);margin:18px -26px -26px;padding:16px 26px;position:sticky;bottom:-26px}.product-material-editor,.catalog-specs-editor,.rows-editor{border-color:var(--line)!important;background:var(--surface)!important;border-radius:6px!important}.product-material-editor{border-left:3px solid var(--accent)!important}.category-modal{border:1px solid var(--line)!important;background:var(--surface-elevated)!important;border-radius:8px!important;box-shadow:0 30px 90px #00000047!important}@media (prefers-reduced-motion:no-preference){.panel,.card,.metric,.table-wrap{transition:border-color var(--transition-fast),transform var(--transition-fast)}.panel:hover,.card:hover{border-color:var(--line-strong)}}html[data-resolved-theme=dark]:has(.shell){--leva-bone:#11110f;--paper:#171715;--surface:#1b1b19;--surface-elevated:#20201e;--surface-muted:#252522;--ink:#f2f0ea;--muted:#a1a29f;--line:#343431;--line-strong:#5a5a56;--control-bg:#161614}html[data-resolved-theme=dark]:has(.shell) .sidebar{background:#080808}:is(html[data-resolved-theme=dark]:has(.shell) .metric:first-child,html[data-resolved-theme=dark]:has(.shell) .finance-result-grid .result-primary){color:#0a0a0a!important;background:#f2f0ea!important}html[data-resolved-theme=dark]:has(.shell) .primary{color:#0a0a0a;background:#f2f0ea;border-color:#f2f0ea}@media (max-width:1050px){.shell{grid-template-columns:1fr;padding-top:126px}.sidebar{border-bottom:1px solid #282828;border-right:0;grid-template-rows:38px 48px;grid-template-columns:auto 1fr;gap:10px 22px;height:126px;padding:16px 20px 12px;display:grid;position:fixed;inset:0 0 auto}.brand{grid-row:1;align-self:center;margin:0}.brand img{width:74px}.sidebar nav{scrollbar-width:none;grid-area:2/1/auto/-1;gap:4px;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{flex:none;min-height:38px;padding:9px 11px}.sidebar nav a.active:before{width:auto;height:2px;inset:auto 10px 0}.account-menu{border:0;padding:0;position:absolute;top:10px;right:18px}.account-menu>summary{grid-template-columns:32px 14px}.account-menu>summary>span,.account-menu>summary>img{width:32px;height:32px}.account-menu>summary div{display:none}.account-menu-popover{inset:calc(100% + 8px) 0 auto auto}.content{padding:42px 28px 60px}}@media (max-width:760px){.shell{padding-top:116px}.sidebar{grid-template-rows:34px 44px;height:116px;padding:13px 16px 10px}.sidebar nav a span{display:none}.sidebar nav a{justify-content:center;width:42px}.sidebar nav a.active span{width:max-content;display:block}.sidebar nav a.active{width:auto}.content{padding:30px 18px 50px}.topbar{align-items:start;gap:22px;min-height:auto;display:grid}.topbar .primary{justify-self:start}h1{font-size:43px}.page-intro{font-size:13px}.metrics{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid var(--line);min-height:132px}.metric:nth-child(2){border-right:0}.metric:nth-child(3),.metric:nth-child(4){border-bottom:0}.metric strong{font-size:40px}.section-head{flex-direction:column;align-items:flex-start}.table-wrap{border-left:0;border-right:0;border-radius:0;margin-inline:-18px}.form-grid,.clients-layout,.project-summary-grid,.pricing-layout,.purchase-board{grid-template-columns:1fr!important}.project-actions,.form-actions{flex-direction:column;align-items:stretch}.project-actions>*{width:100%}.inventory-kpis,.finance-result-grid,.finance-compact-metrics{grid-template-columns:1fr!important;display:grid!important}.inventory-kpis>article,.finance-result-grid>article,.finance-compact-metrics>article{border-right:0!important;border-bottom:1px solid var(--line)!important}.product-modal,.admin-dialog,.inventory-modal>section{height:100dvh;border:0!important;border-radius:0!important;width:100vw!important;max-height:100dvh!important}}.material-registry{padding:0;overflow:hidden}.material-registry-head{border-bottom:1px solid var(--line);padding:26px 28px 22px}.material-create{margin:18px 28px}.material-create>summary{border:1px solid var(--ink);background:var(--ink);min-height:42px;color:var(--leva-bone);cursor:pointer;border-radius:4px;align-items:center;gap:9px;padding:10px 15px;font-size:11px;font-weight:800;list-style:none;display:inline-flex}.material-create>summary::-webkit-details-marker{display:none}.material-create>summary span{color:var(--accent);font-size:17px;line-height:0}.material-create[open]>summary{background:var(--accent);border-color:var(--accent);color:#fff}.material-list{border-top:1px solid var(--line);display:grid}.material-row{border-bottom:1px solid var(--line);background:var(--surface)}.material-row>summary{cursor:pointer;min-height:72px;transition:background var(--transition-fast);grid-template-columns:18px minmax(220px,1.65fr) minmax(135px,.75fr) repeat(3,minmax(74px,.42fr)) minmax(70px,.4fr);align-items:center;gap:16px;padding:12px 28px;list-style:none;display:grid}.material-row>summary::-webkit-details-marker{display:none}.material-row>summary:hover{background:#2850ff08}.material-row[open]>summary{background:var(--surface-muted)}.material-chevron{color:var(--muted);transition:transform var(--transition-fast);font-size:22px;line-height:1}.material-row[open] .material-chevron{color:var(--accent);transform:rotate(90deg)}.material-identity,.material-stat{gap:3px;min-width:0;display:grid}.material-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.material-identity small,.material-stat small{color:var(--muted);font-size:10px}.material-classification{border:1px solid var(--line);width:max-content;max-width:100%;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:5px 7px;font-size:9px;font-weight:800}.material-stat strong{font-size:11px}.material-status{align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.material-status i{background:var(--line-strong);border-radius:50%;width:6px;height:6px}.material-status.active i{background:var(--accent)}.material-expanded{border-top:1px solid var(--line);background:var(--surface-elevated);padding:22px 28px}.material-create>.material-expanded{border:1px solid var(--line);border-radius:6px;margin-top:12px}.material-detail-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.material-detail-grid>section{background:var(--surface);padding:18px}.material-detail-grid dl{margin:12px 0 0}.material-detail-grid dl>div{border-top:1px solid var(--line);grid-template-columns:minmax(90px,.7fr) 1fr;gap:12px;padding:8px 0;display:grid}.material-detail-grid dt{color:var(--muted);font-size:10px}.material-detail-grid dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:11px;font-weight:700}.material-detail-grid code{color:var(--muted);font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.material-form-block,.material-suppliers{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.material-edit-form,.material-supplier-form{grid-template-columns:repeat(5,minmax(130px,1fr));gap:13px;display:grid}.material-edit-form button,.material-supplier-form button{align-self:end}.material-check{align-items:center;gap:8px;min-height:44px;display:flex!important}.material-check input{width:16px;height:16px}.material-suppliers h3{margin:3px 0 12px}.material-supplier-list{border-top:1px solid var(--line);margin-bottom:14px;display:grid}.material-supplier-list p{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;margin:0;padding:10px 0;font-size:11px;display:flex}.material-supplier-list span,.material-empty{color:var(--muted)}.material-links{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:28px}.material-links>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;font-size:12px;font-weight:800;display:flex}.material-links>summary small{color:var(--muted);font-weight:600}.material-links>.material-expanded{padding:18px}.material-links .purchase-action-form{grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:12px;display:grid}.material-link-list{border-top:1px solid var(--line);margin-top:20px;display:grid}.material-link-list>details{border-bottom:1px solid var(--line)}.material-link-list>details>summary{cursor:pointer;grid-template-columns:minmax(160px,.7fr) minmax(180px,1fr) auto;gap:16px;padding:13px 4px;display:grid}.material-link-list summary span,.material-link-list summary small{color:var(--muted)}.material-link-actions{padding:4px 0 16px}.material-link-actions>.purchase-action-form{grid-template-columns:repeat(2,minmax(130px,220px)) auto}.material-link-actions>.purchase-action-form+form{margin-top:8px}@media (max-width:1100px){.material-row>summary{grid-template-columns:18px minmax(200px,1.5fr) minmax(130px,.8fr) repeat(2,minmax(70px,.45fr))}.material-row .material-stat:nth-of-type(6){display:none}.material-edit-form,.material-supplier-form{grid-template-columns:repeat(3,minmax(140px,1fr))}.material-links .purchase-action-form{grid-template-columns:repeat(2,minmax(150px,1fr))}.material-detail-grid{grid-template-columns:1fr 1fr}.material-detail-grid>section:last-child{grid-column:1/-1}}@media (max-width:700px){.material-registry-head{padding:22px 18px}.material-create{margin:16px 18px}.material-create>summary{justify-content:center;width:100%}.material-row>summary{grid-template-columns:16px minmax(0,1fr) auto;gap:10px;padding:14px 18px}.material-classification{grid-column:2}.material-row .material-stat{display:none}.material-status{grid-area:1/3}.material-identity strong{white-space:normal}.material-expanded{padding:18px}.material-detail-grid{grid-template-columns:1fr}.material-detail-grid>section:last-child{grid-column:auto}.material-edit-form,.material-supplier-form,.material-links .purchase-action-form,.material-link-actions>.purchase-action-form{grid-template-columns:1fr}.material-links{margin:22px 18px}.material-link-list>details>summary{grid-template-columns:1fr;gap:4px}.material-supplier-list p{flex-direction:column;align-items:flex-start;gap:3px}}
