@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.99)}}@keyframes pulse{to{opacity:.25;transform:translateY(-2px)}}@media (max-width:1250px){.metric-grid,.supplier-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panel.span-2{grid-column:span 2}.customer-row-card{grid-template-columns:auto minmax(180px,1fr) minmax(220px,1fr) auto}.customer-commerce{display:none}.catalogue-workspace{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:900px){.app-shell,.app-shell.sidebar-collapsed{display:block}.sidebar{width:280px;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-102%);box-shadow:20px 0 50px #00000073}.sidebar.mobile-open{transform:translate(0)}.mobile-scrim{z-index:25;opacity:0;pointer-events:none;background:#000000a6;transition:all .2s;display:block;position:fixed;inset:0}.mobile-scrim.show{opacity:1;pointer-events:auto}.mobile-menu,.mobile-close{display:inline-grid!important}.mobile-close{position:absolute;top:10px;right:10px}.desktop-collapse{display:none!important}.topbar{padding:0 16px}.topbar-right .topbar-user{display:none}.page{padding:24px 16px 45px}.page-header{flex-direction:column;align-items:flex-start}.dashboard-grid,.supplier-grid{grid-template-columns:1fr}.dashboard-panel.span-2{grid-column:auto}.catalogue-workspace,.ai-layout{grid-template-columns:1fr}.catalogue-sidebar,.ai-context{max-height:none;position:static}.catalogue-sidebar{display:flex;overflow-x:auto}.catalogue-sidebar-head{min-width:90px}.catalogue-sidebar>button{min-width:230px}.ai-chat{min-height:650px}.customer-row-card{grid-template-columns:auto 1fr auto}.vehicle-chips{grid-column:2/span 2}.product-detail{grid-template-columns:1fr}.product-detail-media{min-height:280px}}@media (max-width:620px){.metric-grid,.product-metrics,.stat-grid{grid-template-columns:1fr}.metric-card{min-height:100px}.page-header .primary-button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.modal-backdrop{align-items:end;padding:0}.modal-card,.modal-card.wide{border-radius:17px 17px 0 0;width:100%;max-height:94vh}.modal-body{padding:15px}.list-toolbar,.catalogue-toolbar{flex-direction:column;align-items:stretch}.search-control,.filter-control,.compact-select{width:100%;min-width:0}.filter-control select{width:100%}.result-count{margin:0}.supplier-grid{padding:10px}.customer-row-card{grid-template-columns:auto 1fr auto;padding:12px}.contact-links{display:grid}.vehicle-chips{grid-column:1/-1}.purchase-summary{grid-template-columns:1fr}.purchase-visual{height:120px}.ai-starters{grid-template-columns:1fr}.ai-messages{padding:14px}.ai-message.user{width:94%}.ai-composer{grid-template-columns:1fr}.ai-composer .primary-button{width:100%}.login-card{padding:25px 19px}.login-logo{width:240px}.topbar-right .live-dot{display:none}.toast-message{bottom:14px;left:14px;right:14px}}:root{color:#f5f7fb;font-synthesis:none;--bg:#07090d;--panel:#10141b;--panel-2:#151a22;--panel-3:#1b212b;--line:#252d39;--line-soft:#1b222d;--text:#f5f7fb;--muted:#929caf;--red:#f22b2b;--red-2:#ff4747;--red-dark:#8c1717;--green:#37d890;--blue:#62a6ff;--amber:#f4b942;--shadow:0 22px 60px #00000052;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(circle at 77% -20%, #f22b2b1a, transparent 33%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{color:#fff;background:#f22b2b73}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#090c11}::-webkit-scrollbar-thumb{background:#303847;border:2px solid #090c11;border-radius:99px}.app-shell{grid-template-columns:272px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.sidebar{z-index:30;border-right:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c11f7;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--line-soft);justify-content:center;align-items:center;height:106px;padding:16px 18px 10px;display:flex}.sidebar-brand img{object-fit:contain;filter:drop-shadow(0 4px 18px #f22b2b2e);width:210px;max-height:78px;transition:width .2s}.sidebar-collapsed .sidebar-brand img{object-position:25% center;width:62px}.sidebar-nav{flex:1;padding:18px 12px;overflow-y:auto}.nav-group{gap:5px;margin-bottom:20px;display:grid}.nav-group-label{color:#687386;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;padding:0 12px 7px;font-size:10px;font-weight:800}.nav-group a{color:#9ba5b7;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;min-height:43px;padding:10px 12px;font-size:14px;font-weight:700;transition:all .18s;display:flex;position:relative}.nav-group a svg{flex:none}.nav-group a:hover{color:#fff;background:#141922}.nav-group a.active{color:#fff;box-shadow:inset 3px 0 var(--red);background:linear-gradient(90deg,#f22b2b2e,#f22b2b0f)}.nav-group a.active svg{color:var(--red-2)}.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-group a span,.sidebar-collapsed .sidebar-user-copy,.sidebar-collapsed .sidebar-account-link,.sidebar-collapsed .signout-button{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar-collapsed .nav-group a{justify-content:center;padding:10px}.sidebar-footer{border-top:1px solid var(--line-soft);gap:10px;padding:15px 14px 18px;display:grid}.sidebar-user{align-items:center;gap:10px;min-width:0;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,var(--red-2),var(--red-dark));border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 5px 18px #f22b2b38}.sidebar-user-copy{min-width:0;transition:opacity .15s;display:grid}.sidebar-user-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-user-copy span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.sidebar-account-link,.signout-button{color:#a8b1c0;text-align:left;white-space:nowrap;background:0 0;border:0;width:100%;padding:4px;font-size:12px}.sidebar-account-link:hover,.signout-button:hover{color:#fff}.workspace{min-width:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090ddb;border-bottom:1px solid #252d39bf;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:13px;display:flex}.topbar-left>div{display:grid}.topbar-left strong{font-size:14px}.topbar-left span{color:var(--muted);letter-spacing:.08em;font-size:10px}.topbar-user{text-align:right;display:grid}.topbar-user span{font-size:12px;font-weight:700}.topbar-user small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.live-dot{color:#9ba5b7;border:1px solid var(--line);border-radius:99px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.live-dot i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #37d8901f}.main-panel{min-width:0}.mobile-menu,.mobile-close{display:none!important}.mobile-scrim{display:none}.page{max-width:1740px;margin:0 auto;padding:30px 32px 56px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.page-header h1{letter-spacing:-.035em;margin:3px 0 5px;font-size:clamp(27px,3vw,38px);line-height:1.05}.page-header p{max-width:780px;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.eyebrow{color:var(--red-2);text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:900}.hero-header{background:linear-gradient(100deg,#f22b2b1c,#10141be6 55%,#10141bbf);border:1px solid #f22b2b24;border-radius:18px;padding:26px 28px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#11151cf7,#0d1117f7);border-radius:16px;box-shadow:0 12px 36px #0000001f}.panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.panel-heading h2{letter-spacing:-.02em;margin:0;font-size:18px}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.primary-button,.secondary-button,.ghost-button,.table-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;font-size:13px;font-weight:800;transition:all .17s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(145deg,var(--red-2),#c91d1d);border-color:#ff5656;box-shadow:0 8px 24px #f22b2b33}.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 30px #f22b2b47}.secondary-button{color:#e2e7ef;background:#1a202a;border-color:#303947}.secondary-button:hover{background:#222a36;border-color:#465163}.ghost-button{color:#c3c9d4;border-color:var(--line);background:0 0}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.primary-button.wide{width:100%}.primary-button.small,.secondary-button.small{min-height:34px;padding:7px 10px;font-size:11px}.icon-button{color:#aab3c1;border:1px solid var(--line);background:#141922;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;transition:all .16s;display:inline-grid}.icon-button:hover{color:#fff;background:#202732;border-color:#3a4555}.success-action{color:var(--green)}.warning-action{color:var(--amber)}.inline-link{color:#c9d0dc;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.inline-link:hover{color:var(--red-2)}.text-link{color:#f4b6b6;text-align:center;font-size:12px;font-weight:700;display:inline-block}.muted{color:var(--muted)}.text-danger{color:#ff7474!important}.text-success{color:var(--green)!important}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.product-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#121720,#0f131a);border-radius:15px;align-items:flex-start;gap:14px;min-height:126px;padding:20px;display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";background:#ffffff06;border-radius:50%;width:90px;height:90px;position:absolute;top:-35px;right:-32px}.metric-icon{width:39px;height:39px;color:var(--red-2);background:#f22b2b1f;border-radius:11px;place-items:center;display:grid}.tone-green .metric-icon{color:var(--green);background:#37d8901c}.tone-blue .metric-icon{color:var(--blue);background:#62a6ff1c}.tone-red .metric-icon{color:#ff7474;background:#ff5a5a1f}.metric-copy{gap:4px;min-width:0;display:grid}.metric-copy>span{color:var(--muted);font-size:11px;font-weight:700}.metric-copy strong{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;font-size:25px;overflow:hidden}.metric-copy small{color:#758094;font-size:10px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-panel{min-height:250px;padding:20px}.dashboard-panel.span-2{grid-column:span 2}.compact-list{display:grid}.compact-row{border-top:1px solid var(--line-soft);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.compact-row:first-child{border-top:0}.compact-icon{color:#aeb8c7;background:#1b222d;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.compact-icon.danger{color:#ff7474;background:#f22b2b1a}.compact-main{min-width:0;display:grid}.compact-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.compact-main span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.compact-row>strong{white-space:nowrap;font-size:12px}.purchase-summary{grid-template-columns:190px 1fr;align-items:center;gap:25px;height:calc(100% - 45px);display:grid}.purchase-visual{border:1px solid var(--line);height:150px;color:var(--red-2);background:radial-gradient(circle at 50% 20%,#f22b2b1f,#0000 60%),#0b0f15;border-radius:14px;align-content:center;place-items:center;gap:3px;display:grid}.purchase-visual strong{color:#fff;font-size:31px}.purchase-visual span{color:var(--muted);font-size:10px}.purchase-details{gap:11px;display:grid}.purchase-details>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:15px;padding-bottom:10px;font-size:12px;display:flex}.soft-empty{color:var(--muted);padding:15px 0;font-size:12px;line-height:1.6}input,select,textarea{color:#edf1f7;background:#0b0f15;border:1px solid #2b3441;border-radius:9px;outline:none;width:100%;transition:all .15s}input,select{height:39px;padding:0 11px}textarea{resize:vertical;min-height:80px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #f22b2b1a}input::placeholder,textarea::placeholder{color:#5d687a}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label{gap:6px;min-width:0;display:grid}.form-grid label>span,.login-field>span{color:#b3bcc9;justify-content:space-between;gap:8px;font-size:11px;font-weight:750;display:flex}.form-grid label>span small{color:#657084;font-weight:500}.form-grid .span-2{grid-column:span 2}.record-form{gap:24px;display:grid}.form-section{border:1px solid var(--line-soft);background:#080b1075;border-radius:13px;gap:14px;padding:18px;display:grid}.form-section>h3,.section-heading h3{letter-spacing:.01em;margin:0;font-size:13px}.section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.inline-check{grid-template-columns:auto 1fr;align-items:center;gap:8px!important;display:flex!important}.inline-check input{width:17px;height:17px}.button-row{flex-wrap:wrap;gap:10px;display:flex}.list-panel{overflow:hidden}.list-toolbar,.catalogue-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:67px;padding:13px 15px;display:flex}.search-control{color:#7e899b;background:#0b0f15;border:1px solid #29323f;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:250px;height:40px;padding:0 11px;display:flex}.search-control input{background:0 0;border:0;height:36px;padding:0;box-shadow:none!important}.search-control button{color:#7e899b;background:0 0;border:0;padding:3px;display:grid}.filter-control{color:#7e899b;background:#0b0f15;border:1px solid #29323f;border-radius:10px;align-items:center;gap:7px;height:40px;padding-left:10px;display:flex}.filter-control select{background:0 0;border:0;min-width:150px;box-shadow:none!important}.compact-select{width:auto;min-width:130px}.result-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:980px}.data-table th{color:#758094;text-align:left;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--line);background:#0c1016;height:43px;padding:0 14px;font-size:9px}.data-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 14px;font-size:12px}.data-table tbody tr{transition:all .12s}.data-table tbody tr:hover{background:#ffffff05}.data-table td>small,.data-table td div>small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.table-secondary{color:#d6dbe4;font-weight:650}.loading-cell{color:var(--muted);text-align:center;padding:40px!important}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.row-actions.vertical{flex-direction:column}.product-cell img,.product-placeholder{object-fit:cover;border:1px solid var(--line);background:#191f28;border-radius:9px;flex:none;width:45px;height:45px}.product-placeholder{color:#5c6676;place-items:center;display:grid}.product-cell>div:last-child{min-width:0}.product-cell strong{white-space:nowrap;text-overflow:ellipsis;max-width:300px;display:block;overflow:hidden}.empty-state{color:#687487;text-align:center;align-content:center;place-items:center;gap:8px;min-height:220px;padding:30px;display:grid}.empty-state h3{color:#d9dee7;margin:0;font-size:16px}.empty-state p{max-width:440px;color:var(--muted);margin:0 0 7px;font-size:12px;line-height:1.55}.status-pill{text-transform:capitalize;color:#b0b9c7;white-space:nowrap;background:#191f28;border:1px solid #303947;border-radius:99px;justify-content:center;align-items:center;min-height:24px;padding:4px 8px;font-size:9px;font-weight:850;display:inline-flex}.status-pill.tone-good,.status-pill.good{color:#70e7ad;background:#37d8901a;border-color:#37d89033}.status-pill.tone-warn,.status-pill.warn{color:#ffd274;background:#f4b9421a;border-color:#f4b94233}.status-pill.tone-bad,.status-pill.bad{color:#ff8989;background:#f22b2b1a;border-color:#f22b2b38}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000000bf;place-items:center;padding:22px;animation:.16s fadeIn;display:grid;position:fixed;inset:0}.modal-card{width:min(720px,100%);max-height:calc(100vh - 44px);box-shadow:var(--shadow);background:#10141b;border:1px solid #343e4c;border-radius:17px;flex-direction:column;animation:.2s modalIn;display:flex;overflow:hidden}.modal-card.wide{width:min(1180px,100%)}.modal-header{border-bottom:1px solid var(--line);background:#11161e;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.modal-header h2{letter-spacing:-.02em;margin:0;font-size:19px}.modal-header p{color:var(--muted);margin:4px 0 0;font-size:11px}.modal-body{padding:20px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:10px;padding-top:3px;display:flex}.modal-actions.left{justify-content:flex-start}.product-detail{grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:25px;display:grid}.product-detail-media{border:1px solid var(--line);background:#080b10;border-radius:14px;place-items:center;min-height:380px;display:grid;overflow:hidden}.product-detail-media img{object-fit:contain;width:100%;height:100%;max-height:520px}.large-placeholder{color:#596477;place-items:center;gap:8px;font-size:11px;display:grid}.product-detail-summary{align-content:start;gap:18px;display:grid}.detail-price{display:grid}.detail-price strong{letter-spacing:-.04em;font-size:31px}.detail-price span,.product-detail-summary p{color:var(--muted);font-size:12px;line-height:1.6}.product-detail-summary dl{grid-template-columns:repeat(2,1fr);gap:9px;margin:0;display:grid}.product-detail-summary dl div,.record-detail-list>div{border:1px solid var(--line-soft);background:#0b0f15;border-radius:10px;gap:3px;padding:12px;display:grid}.product-detail-summary dt,.record-detail-list span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.product-detail-summary dd{margin:0;font-size:13px;font-weight:750}.detail-block{border-top:1px solid var(--line);padding-top:12px}.detail-block h3{margin:0 0 5px;font-size:12px}.record-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.record-detail-list .wide{grid-column:span 2}.record-detail-list strong{font-size:12px;line-height:1.45}.supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:15px;display:grid}.supplier-card{border:1px solid var(--line);background:#0d1117;border-radius:13px;gap:15px;padding:17px;display:grid}.supplier-card-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.supplier-logo{color:#fff;background:linear-gradient(145deg,#2b3340,#151a22);border-radius:11px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.supplier-card h3{margin:0;font-size:14px}.supplier-card-head>div:nth-child(2) span{color:var(--muted);font-size:9px}.supplier-contact{gap:5px;font-size:11px;display:grid}.supplier-contact a{color:#9fa9b8;align-items:center;gap:7px;display:flex}.supplier-contact a:hover{color:#fff}.supplier-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.supplier-stats div{background:#151a22;border-radius:8px;gap:2px;padding:9px;display:grid}.supplier-stats span,.supplier-meta{color:var(--muted);font-size:8px}.supplier-stats strong{font-size:12px}.supplier-meta{flex-wrap:wrap;gap:8px;display:flex}.supplier-meta span{border:1px solid var(--line);border-radius:99px;padding:4px 7px}.card-actions{justify-content:space-between;gap:8px;display:flex}.card-actions .secondary-button{flex:1}.customer-list{display:grid}.customer-row-card{border-bottom:1px solid var(--line-soft);grid-template-columns:auto minmax(200px,.75fr) minmax(250px,1.2fr) 150px auto;align-items:center;gap:15px;min-height:112px;padding:15px 17px;display:grid}.customer-row-card:hover{background:#ffffff04}.customer-avatar{color:#fff;background:#222a35;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.customer-primary h3{margin:0;font-size:13px}.customer-primary>span{color:var(--muted);text-transform:capitalize;font-size:9px}.contact-links{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.contact-links a,.contact-links span{color:#929cad;align-items:center;gap:4px;font-size:9px;display:flex}.vehicle-chips{flex-wrap:wrap;gap:6px;display:flex}.vehicle-chips button{text-align:left;color:#d9dee6;border:1px solid var(--line);background:#151b23;border-radius:9px;grid-template-columns:auto 1fr;column-gap:5px;max-width:185px;padding:7px 9px;display:grid}.vehicle-chips button svg{color:var(--red-2);grid-row:span 2;align-self:center}.vehicle-chips button strong{font-size:9px}.vehicle-chips button span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.customer-commerce{text-align:right;display:grid}.customer-commerce strong{font-size:14px}.customer-commerce span,.customer-commerce small{color:var(--muted);font-size:9px}.order-lines,.po-lines{gap:7px;display:grid;overflow-x:auto}.order-line{grid-template-columns:minmax(320px,1fr) 75px 120px 110px 36px;align-items:center;gap:8px;min-width:760px;display:grid}.po-line{grid-template-columns:minmax(290px,1fr) 140px 75px 130px 100px 36px;align-items:center;gap:8px;min-width:900px;display:grid}.order-line.heading,.po-line.heading{color:#707b8d;text-transform:uppercase;letter-spacing:.08em;padding:0 4px;font-size:8px}.order-line strong,.po-line strong{text-align:right;font-size:11px}.order-total-box{border:1px solid var(--line);background:#0a0e14;border-radius:12px;width:min(390px,100%);margin-left:auto;padding:14px;display:grid}.order-total-box>div{color:var(--muted);justify-content:space-between;padding:7px 0;font-size:11px;display:flex}.order-total-box .grand{border-top:1px solid var(--line);color:#fff;margin-top:5px;padding-top:12px}.order-total-box .grand strong{font-size:18px}.order-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;display:flex}.order-detail-head>div{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.order-detail-head>strong{font-size:24px}.order-detail-lines{margin:12px 0 18px;display:grid}.order-detail-lines>div{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:12px 4px;font-size:11px;display:grid}.order-detail-lines>div>div{display:grid}.catalogue-workspace{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:15px;display:grid}.catalogue-sidebar{max-height:calc(100vh - 110px);padding:10px;position:sticky;top:86px;overflow-y:auto}.catalogue-sidebar-head{justify-content:space-between;align-items:center;padding:10px 9px 12px;display:flex}.catalogue-sidebar-head h2{margin:0;font-size:13px}.catalogue-sidebar-head span{color:var(--muted);font-size:9px}.catalogue-sidebar>button{color:#aeb7c5;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 9px;display:grid}.catalogue-sidebar>button:hover,.catalogue-sidebar>button.active{border-color:var(--line);background:#171d26}.catalogue-sidebar>button.active svg{color:var(--red-2)}.catalogue-sidebar>button div{min-width:0;display:grid}.catalogue-sidebar>button strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.catalogue-sidebar>button span{color:var(--muted);font-size:8px}.catalogue-main{min-width:0;overflow:hidden}.catalogue-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:96px;padding:18px;display:flex}.catalogue-title h2{margin:3px 0;font-size:19px}.catalogue-title p{color:var(--muted);margin:0;font-size:10px}.catalogue-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.catalogue-toolbar{flex-wrap:wrap}.catalogue-table-wrap{max-height:calc(100vh - 325px);overflow:auto}.catalogue-table{border-collapse:collapse;width:100%;min-width:1420px}.catalogue-table th{z-index:2;color:#707b8d;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--line);background:#0c1016;height:40px;padding:0 9px;font-size:8px;position:sticky;top:0}.catalogue-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:8px 9px;font-size:10px}.catalogue-table tr.selected{background:#f22b2b06}.catalogue-table td input{height:33px;padding:0 8px;font-size:10px}.catalogue-table td small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin-top:3px;font-size:8px;display:block;overflow:hidden}.cell-title-input{min-width:220px;font-weight:750}.check-button{color:#6c7788;background:0 0;border:0;padding:2px;display:grid}tr.selected .check-button{color:var(--red-2)}.small-number{width:68px}.money-input{color:var(--muted);align-items:center;gap:3px;display:flex}.money-input span{font-size:8px}.money-input input{width:86px}.money-input.nzd input{width:92px}.file-drop{text-align:center;color:#9da7b6;background:#0a0e14;border:1px dashed #3a4555;border-radius:12px;align-content:center;place-items:center;gap:5px;min-height:115px;display:grid;position:relative}.file-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-drop strong{font-size:11px}.file-drop span{color:#697486;font-size:9px}.ai-status{border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:inline-flex}.ai-status i{background:var(--green);border-radius:50%;width:7px;height:7px}.ai-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:15px;display:grid}.ai-context{gap:13px;padding:22px;display:grid;position:sticky;top:86px}.ai-orb{background:radial-gradient(circle at 35% 25%,#f66,#a80e0e);border-radius:18px;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 13px 36px #f22b2b40}.ai-context h2{margin:0;font-size:17px}.ai-context>p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.ai-context-stats{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.ai-context-stats div{border:1px solid var(--line-soft);background:#0b0f15;border-radius:9px;padding:10px;display:grid}.ai-context-stats span{color:var(--muted);font-size:8px}.ai-context-stats strong{font-size:13px}.ai-safety{color:var(--green);background:#37d8900f;border:1px solid #37d89021;border-radius:10px;gap:10px;padding:12px;display:flex}.ai-safety div{display:grid}.ai-safety strong{font-size:10px}.ai-safety span{color:#7f9c90;font-size:8px;line-height:1.4}.ai-chat{grid-template-rows:minmax(300px,1fr) auto auto;min-height:calc(100vh - 145px);display:grid;overflow:hidden}.ai-messages{align-content:start;gap:18px;max-height:calc(100vh - 295px);padding:22px;display:grid;overflow-y:auto}.ai-message{grid-template-columns:auto minmax(0,1fr);gap:10px;max-width:900px;display:grid}.ai-message.user{width:min(720px,90%);margin-left:auto}.ai-message-avatar{color:#fff;background:#202733;border-radius:10px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:900;display:grid}.ai-message.assistant .ai-message-avatar{background:linear-gradient(145deg,var(--red-2),var(--red-dark))}.ai-message-content{border:1px solid var(--line);background:#151a22;border-radius:4px 13px 13px;padding:13px 15px}.ai-message.user .ai-message-content{background:#f22b2b1a;border-color:#f22b2b38;border-radius:13px 4px 13px 13px}.ai-message-meta{align-items:center;gap:8px;margin-bottom:7px;display:flex}.ai-message-meta strong{font-size:10px}.ai-message-content>p{color:#d8dde6;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.65}.ai-warnings{gap:5px;margin-top:11px;display:grid}.ai-warnings span{color:#ffc977;gap:7px;font-size:9px;display:flex}.ai-actions{gap:7px;margin-top:13px;display:grid}.ai-actions h4{margin:0;font-size:10px}.ai-actions article{border:1px solid var(--line-soft);background:#0c1016;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:10px;display:flex}.ai-actions article div{display:grid}.ai-actions article strong{font-size:10px}.ai-actions article span{color:var(--muted);font-size:8px}.ai-thinking{color:var(--muted);align-self:center;align-items:center;gap:4px;font-size:10px;display:flex}.ai-thinking span{background:var(--red-2);border-radius:50%;width:5px;height:5px;animation:1s infinite alternate pulse}.ai-thinking span:nth-child(2){animation-delay:.2s}.ai-thinking span:nth-child(3){animation-delay:.4s}.ai-starters{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 20px 15px;display:grid}.ai-starters button{text-align:left;color:#b6bfcc;border:1px solid var(--line);background:#11161e;border-radius:10px;gap:9px;padding:11px;display:flex}.ai-starters button:hover{color:#fff;border-color:#4a5668}.ai-starters span{font-size:9px;line-height:1.4}.ai-composer{border-top:1px solid var(--line);background:#0d1117;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:14px;display:grid}.ai-composer textarea{resize:none;min-height:52px;max-height:150px}.login-screen{background:#06080b;place-items:center;min-height:100vh;padding:22px;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.login-glow{filter:blur(100px);opacity:.15;background:var(--red);border-radius:50%;width:420px;height:420px;position:absolute}.glow-one{top:-180px;left:-160px}.glow-two{bottom:-200px;right:-180px}.login-card{background:#0f131af0;border:1px solid #303947;border-radius:20px;gap:16px;width:min(430px,100%);padding:34px;display:grid;position:relative;box-shadow:0 30px 100px #00000080}.login-logo{object-fit:contain;filter:drop-shadow(0 6px 20px #f22b2b2e);width:280px;height:130px;margin:-12px auto -9px}.login-heading{text-align:center}.login-heading h1{margin:0;font-size:25px}.login-heading p{color:var(--muted);margin:5px 0 0;font-size:11px}.login-field{gap:6px;display:grid}.input-with-icon{color:#6f7a8b;background:#090d13;border:1px solid #2b3441;border-radius:10px;align-items:center;gap:9px;height:43px;padding:0 11px;display:flex}.input-with-icon:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #f22b2b1a}.input-with-icon input{background:0 0;border:0;height:39px;padding:0;box-shadow:none!important}.full-loader,.approval-screen{background:var(--bg);place-items:center;min-height:100vh;display:grid}.approval-card,.reset-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(540px,100% - 30px);padding:25px}.approval-card h1,.reset-panel h1{margin:0 0 8px}.approval-card p,.reset-panel p{color:var(--muted)}.brand-mark{background:var(--red);border-radius:13px;place-items:center;width:55px;height:55px;margin:0 auto;font-weight:900;display:grid}.error-box,.success-box{border-radius:9px;padding:10px 12px;font-size:10px;line-height:1.45}.error-box{color:#faa;background:#f22b2b1a;border:1px solid #f22b2b3d}.success-box{color:#84eeb8;background:#37d89014;border:1px solid #37d89033}.standalone{margin-top:15px}.toast-message{z-index:110;max-width:420px;box-shadow:var(--shadow);border-radius:10px;padding:12px 14px;font-size:11px;animation:.2s modalIn;position:fixed;bottom:24px;right:24px}.toast-message.success{color:#8aefbd;background:#10291f;border:1px solid #245b43}.toast-message.error{color:#faa;background:#301414;border:1px solid #6b2929}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;align-content:center;gap:7px;min-height:105px;padding:20px;display:grid}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{font-size:25px}.table-panel{border:1px solid var(--line);background:var(--panel);border-radius:13px;overflow-x:auto}.table-panel table{border-collapse:collapse;width:100%;min-width:800px}.table-panel th,.table-panel td{border-bottom:1px solid var(--line-soft);text-align:left;padding:12px;font-size:11px}.table-panel th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#0c1016;font-size:8px}.actions-cell{align-items:center;gap:9px;display:flex}.text-button{color:var(--red-2);background:0 0;border:0;font-size:10px;font-weight:750}.credential-box,.reset-panel{gap:10px;display:grid}.reset-row{grid-template-columns:1fr auto;gap:8px;display:grid}@media (max-width:1250px){.metric-grid,.supplier-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panel.span-2{grid-column:span 2}.customer-row-card{grid-template-columns:auto minmax(180px,1fr) minmax(220px,1fr) auto}.customer-commerce{display:none}.catalogue-workspace{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:900px){.app-shell,.app-shell.sidebar-collapsed{display:block}.sidebar{width:280px;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-102%);box-shadow:20px 0 50px #00000073}.sidebar.mobile-open{transform:translate(0)}.mobile-scrim{z-index:25;opacity:0;pointer-events:none;background:#000000a6;transition:all .2s;display:block;position:fixed;inset:0}.mobile-scrim.show{opacity:1;pointer-events:auto}.mobile-menu,.mobile-close{display:inline-grid!important}.mobile-close{position:absolute;top:10px;right:10px}.desktop-collapse{display:none!important}.topbar{padding:0 16px}.topbar-right .topbar-user{display:none}.page{padding:24px 16px 45px}.page-header{flex-direction:column;align-items:flex-start}.dashboard-grid,.supplier-grid{grid-template-columns:1fr}.dashboard-panel.span-2{grid-column:auto}.catalogue-workspace,.ai-layout{grid-template-columns:1fr}.catalogue-sidebar,.ai-context{max-height:none;position:static}.catalogue-sidebar{display:flex;overflow-x:auto}.catalogue-sidebar-head{min-width:90px}.catalogue-sidebar>button{min-width:230px}.ai-chat{min-height:650px}.customer-row-card{grid-template-columns:auto 1fr auto}.vehicle-chips{grid-column:2/span 2}.product-detail{grid-template-columns:1fr}.product-detail-media{min-height:280px}}@media (max-width:620px){.metric-grid,.product-metrics,.stat-grid{grid-template-columns:1fr}.metric-card{min-height:100px}.page-header .primary-button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.modal-backdrop{align-items:end;padding:0}.modal-card,.modal-card.wide{border-radius:17px 17px 0 0;width:100%;max-height:94vh}.modal-body{padding:15px}.list-toolbar,.catalogue-toolbar{flex-direction:column;align-items:stretch}.search-control,.filter-control,.compact-select{width:100%;min-width:0}.filter-control select{width:100%}.result-count{margin:0}.supplier-grid{padding:10px}.customer-row-card{grid-template-columns:auto 1fr auto;padding:12px}.contact-links{display:grid}.vehicle-chips{grid-column:1/-1}.purchase-summary{grid-template-columns:1fr}.purchase-visual{height:120px}.ai-starters{grid-template-columns:1fr}.ai-messages{padding:14px}.ai-message.user{width:94%}.ai-composer{grid-template-columns:1fr}.ai-composer .primary-button{width:100%}.login-card{padding:25px 19px}.login-logo{width:240px}.topbar-right .live-dot{display:none}.toast-message{bottom:14px;left:14px;right:14px}}.icon-button.danger-icon{color:#ff8787;background:#f22b2b12;border-color:#f22b2b47}.icon-button.danger-icon:hover{color:#fff;background:#f22b2b33;border-color:#ff5a5aa6}.danger-button{color:#ff9b9b;background:#f22b2b14;border:1px solid #ff5a5a73;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;font-size:13px;font-weight:800;display:inline-flex}.danger-button:hover{color:#fff;background:#f22b2b33;border-color:#ff5c5c}.modal-actions.split-actions{justify-content:space-between;align-items:center}.modal-actions.split-actions>div{gap:10px;display:flex}.media-upload-control{color:#c9d1dc;background:linear-gradient(145deg,#121821,#0d1117);border:1px dashed #3b4657;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:86px;padding:17px 18px;display:grid;position:relative;overflow:hidden}.media-upload-control:hover{background:linear-gradient(145deg,#f22b2b14,#0d1117);border-color:#f22b2bb3}.media-upload-control>svg{color:var(--red-2)}.media-upload-control>div{gap:4px;display:grid}.media-upload-control strong{color:#fff;font-size:13px}.media-upload-control span{color:var(--muted);font-size:11px}.media-upload-control input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.media-upload-control input[type=file]:disabled{cursor:wait}.product-media-editor{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.media-edit-card{border:1px solid var(--line);background:#0b0f15;border-radius:12px;min-width:0;overflow:hidden}.media-edit-card.is-main{border-color:#f22b2bbf;box-shadow:0 0 0 2px #f22b2b1a}.media-edit-card img{object-fit:contain;background:#07090d;width:100%;height:135px;display:block}.media-edit-card>div{gap:8px;padding:10px;display:grid}.media-edit-card span{color:#d6dce6;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.media-edit-card>div>div{flex-wrap:wrap;gap:7px;display:flex}.media-edit-card button{color:#d8dee7;background:#19202a;border:1px solid #354052;border-radius:7px;min-height:29px;padding:5px 8px;font-size:10px;font-weight:800}.media-edit-card button:hover{background:#222b37;border-color:#59677a}.media-edit-card button.remove-media{color:#ff9595;background:#f22b2b12;border-color:#f22b2b59}@media (max-width:680px){.modal-actions.split-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions.split-actions>div{grid-template-columns:1fr 1fr;width:100%;display:grid}.modal-actions.split-actions>.danger-button{width:100%}.product-media-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}.catalogue-shell{display:block}.category-rail{gap:5px;max-height:calc(100vh - 120px);padding:12px;display:grid;position:sticky;top:90px;overflow:auto}.category-rail button{color:#929caf;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;gap:8px;padding:11px 12px;font-size:12px;font-weight:800;display:flex}.category-rail button:hover,.category-rail button.active{color:#fff;background:linear-gradient(90deg,#f22b2b29,#f22b2b09);border-color:#f22b2b3b}.catalogue-search{flex:390px;min-width:min(390px,100%)}.catalogue-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:13px;display:flex}.catalogue-toolbar .result-count{margin-left:auto}.view-switch{border:1px solid var(--line);background:#0b0f15;border-radius:10px;gap:4px;padding:3px;display:flex}.view-switch button{color:#7f8999;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:32px;display:grid}.view-switch button.active{color:#fff;background:#242b36}.product-catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;display:grid}.product-card-v4{min-width:0;transition:all .2s;position:relative;overflow:hidden}.product-card-v4:hover{border-color:#3c4655;transform:translateY(-3px);box-shadow:0 20px 45px #00000040}.product-card-media{cursor:pointer;background:radial-gradient(circle at 50% 35%,#222a35,#07090d 72%);height:218px;position:relative;overflow:hidden}.product-card-media img{object-fit:contain;width:100%;height:100%;padding:12px;transition:transform .25s}.product-card-v4:hover .product-card-media img{transform:scale(1.035)}.catalogue-placeholder,.large-placeholder{color:#4f5a6b;place-items:center;width:100%;height:100%;display:grid}.card-badges{pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.card-badges .status-pill:last-child{margin-left:auto}.product-card-body{gap:9px;padding:15px 15px 11px;display:grid}.product-card-title{color:#fff;text-align:left;background:0 0;border:0;padding:0;font-size:15px;font-weight:900;line-height:1.25}.product-card-meta{color:#8994a5;flex-wrap:wrap;gap:7px;font-size:10px;display:flex}.product-card-meta span+span:before{content:"·";color:#4f5969;margin-right:7px}.fitment-mini{color:#aab4c2;min-height:32px;font-size:11px;line-height:1.4}.commercial-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.commercial-grid>div{border:1px solid var(--line-soft);background:#0a0e14;border-radius:9px;gap:3px;padding:8px;display:grid}.commercial-grid span{color:#6f7a8b;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.commercial-grid strong{font-size:12px}.product-card-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;padding:11px 15px 14px;display:flex}.detail-price{letter-spacing:-.04em;color:#fff;font-size:22px}.stock-preview{color:var(--muted);font-size:10px}.stock-number{color:#fff;font-weight:900}.product-table-v4{min-width:1100px!important}.table-product-button{color:#fff;text-align:left;background:0 0;border:0;padding:0;font-weight:800}.product-cell{align-items:center;gap:10px;min-width:250px;display:flex}.product-cell img,.product-placeholder{object-fit:contain;border:1px solid var(--line);background:#090d13;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.product-cell div{gap:3px;display:grid}.product-cell span{color:var(--muted);font-size:9px}.product-detail-v4{gap:17px;display:grid}.product-detail-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.product-detail-head h2{margin:5px 0;font-size:25px}.product-detail-head p{color:var(--muted);margin:0;font-size:11px}.product-detail-actions,.button-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.product-detail-main{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);gap:18px;display:grid}.product-gallery-v4{gap:9px;display:grid}.product-gallery-hero{border:1px solid var(--line);background:radial-gradient(circle,#222a35,#07090d 75%);border-radius:14px;height:390px;overflow:hidden}.product-gallery-hero img{object-fit:contain;width:100%;height:100%;padding:15px}.product-thumbnails{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.product-thumbnails button{border:1px solid var(--line);background:#080c11;border-radius:9px;height:68px;padding:0;overflow:hidden}.product-thumbnails button.active{border-color:var(--red);box-shadow:0 0 0 2px #f22b2b21}.product-thumbnails img{object-fit:contain;width:100%;height:100%}.product-hero{align-content:start;gap:14px;padding:19px;display:grid}.overview-stat-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.overview-stat-grid>div,.detail-stat{border:1px solid var(--line-soft);background:#0b0f15;border-radius:10px;gap:4px;padding:12px;display:grid}.overview-stat-grid span,.detail-stat span{color:#748092;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.overview-stat-grid strong,.detail-stat strong{font-size:15px}.product-tabs{border-bottom:1px solid var(--line);gap:5px;display:flex;overflow-x:auto}.product-tabs button{color:#8994a5;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 14px;font-size:11px;font-weight:800}.product-tabs button.active{color:#fff;border-bottom-color:var(--red)}.detail-tab-content{padding:17px}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.spec-grid>div{border:1px solid var(--line-soft);background:#0a0e14;border-radius:10px;gap:4px;min-height:70px;padding:11px;display:grid}.spec-grid span{color:#788396;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.text-detail-block{border:1px solid var(--line-soft);background:#0a0e14;border-radius:10px;margin-top:12px;padding:14px}.text-detail-block h4{margin:0 0 7px;font-size:12px}.product-long-copy{white-space:pre-line;color:#b3bdca;font-size:12px;line-height:1.65}.fitment-table{gap:5px;display:grid}.fitment-table-head,.fitment-table>div{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(6,minmax(90px,1fr));align-items:center;gap:8px;padding:10px;font-size:10px;display:grid}.fitment-table-head{color:#788396;text-transform:uppercase;letter-spacing:.08em;background:#0a0e14;font-size:8px}.timeline-list{display:grid}.timeline-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:120px 1fr auto;gap:12px;padding:11px 0;font-size:11px;display:grid}.timeline-list span{color:var(--muted)}.product-form-v4 .form-section{border:1px solid var(--line)}.workshop-board{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;padding:14px;display:grid}.job-card{border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#151a22,#0c1016);border-radius:13px;gap:13px;padding:15px;transition:all .18s;display:grid}.job-card:hover{border-color:#424d5e;transform:translateY(-2px)}.job-card-top{justify-content:space-between;gap:10px;display:flex}.job-card-top span{color:var(--red-2);letter-spacing:.08em;font-size:9px;font-weight:900}.job-card-top h3{margin:4px 0 0;font-size:15px}.job-vehicle{border:1px solid var(--line-soft);background:#090d13;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.job-vehicle div{gap:3px;display:grid}.job-vehicle span,.job-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.job-card-meta{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.job-card-meta span{color:#778294;text-transform:uppercase;letter-spacing:.06em;gap:3px;font-size:8px;display:grid}.job-card-meta strong{color:#e8ecf3;text-transform:none;letter-spacing:0;font-size:10px}.job-detail-hero,.quote-detail-head{border:1px solid var(--line);background:#0a0e14;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.job-detail-hero>div{gap:7px;display:flex}.job-detail-hero>strong,.quote-detail-head>strong{font-size:23px}.request-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:14px;display:grid}.request-card{border:1px solid var(--line);background:#10151c;border-radius:12px;gap:11px;padding:14px;display:grid}.request-card-head{justify-content:space-between;gap:12px;display:flex}.request-card-head span{color:var(--red-2);font-size:9px;font-weight:900}.request-card h3{margin:4px 0 0;font-size:14px}.request-card p,.request-card small{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.request-links{flex-wrap:wrap;gap:8px;display:flex}.request-links a{border:1px solid var(--line);color:#cbd2dc;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:800;display:inline-flex}.pricing-layout{grid-template-columns:minmax(0,1.65fr) minmax(290px,.7fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.pricing-form-panel,.recommendation-panel{padding:20px}.recommendation-panel{background:radial-gradient(circle at 100% 0,#f22b2b29,#0000 45%),linear-gradient(145deg,#171b24,#0d1117);gap:15px;display:grid;position:sticky;top:90px}.recommendation-panel h2{letter-spacing:-.05em;margin:0;font-size:36px}.recommendation-panel>p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.price-stack{gap:7px;display:grid}.price-stack>div{border:1px solid var(--line);background:#0a0e14;border-radius:9px;justify-content:space-between;padding:11px;display:flex}.price-stack .featured{background:#f22b2b17;border-color:#f22b2b8c}.price-stack span{color:var(--muted);font-size:10px}.recommendation-reasons{border:1px solid var(--line-soft);background:#0a0e14;border-radius:10px;padding:12px}.recommendation-reasons p{color:#aeb7c5;margin:5px 0;font-size:10px;line-height:1.45}.warning-banner{color:#ffc66d;background:#f4b94217;border:1px solid #f4b94240;border-radius:9px;align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.button-stack{gap:8px;display:grid}.pricing-history{display:grid}.pricing-history-row{border-top:1px solid var(--line-soft);grid-template-columns:minmax(220px,1.5fr) .7fr .8fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.pricing-history-row>div{gap:3px;display:grid}.pricing-history-row span{color:var(--muted);font-size:9px}.pricing-history-row strong{font-size:11px}.activity-feed{display:grid}.activity-row{border-top:1px solid var(--line-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.activity-badge{width:36px;height:36px;color:var(--red-2);background:#f22b2b17;border-radius:10px;place-items:center;display:grid}.activity-badge.ai{color:var(--blue);background:#62a6ff17}.activity-badge.migration{color:var(--green);background:#37d89017}.activity-row>div:nth-child(2){gap:3px;display:grid}.activity-row span,.activity-row time{color:var(--muted);font-size:9px}.activity-row strong{font-size:11px}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-layout>.panel{padding:20px}.settings-save{grid-column:1/-1;justify-content:flex-end;display:flex}.quote-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;padding:14px;display:grid}.quote-card{border:1px solid var(--line);background:#10151c;border-radius:13px;gap:12px;padding:15px;display:grid}.quote-card-head,.quote-card-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.quote-card h3{margin:4px 0 0;font-size:15px}.quote-card-head span{color:var(--red-2);font-size:9px;font-weight:900}.quote-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.quote-enquiry{border:1px solid var(--line-soft);background:#0a0e14;border-radius:10px;padding:12px}.quote-enquiry span{color:var(--muted);text-transform:uppercase;font-size:9px}.quote-enquiry p{color:#c4ccd7;white-space:pre-line}.line-item-editor{gap:8px;display:grid}.line-item-row{grid-template-columns:110px minmax(180px,1fr) 80px 110px 100px auto;align-items:end;gap:7px;display:grid}.line-item-row label{gap:5px;display:grid}.line-item-row label span{color:var(--muted);text-transform:uppercase;font-size:8px}.quote-totals{border:1px solid var(--line);background:#0a0e14;border-radius:10px;gap:7px;width:min(420px,100%);margin-left:auto;padding:13px;display:grid}.quote-totals>div{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.quote-totals .grand{border-top:1px solid var(--line);color:#fff;padding-top:8px;font-size:13px}.order-detail-lines{gap:5px;margin-top:12px;display:grid}.order-detail-lines>div{border:1px solid var(--line-soft);background:#0a0e14;border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:11px;display:grid}.order-detail-lines>div>div{gap:3px;display:grid}.order-detail-lines span{color:var(--muted);font-size:9px}@media (max-width:1100px){.product-detail-main,.pricing-layout,.settings-layout{grid-template-columns:1fr}.recommendation-panel{position:static}.settings-save{grid-column:auto}.spec-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.product-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card-media{height:150px}.product-card-body{padding:11px}.commercial-grid{grid-template-columns:1fr}.commercial-grid>div:nth-child(n+2){display:none}.product-detail-head,.product-detail-actions{display:grid}.product-detail-main{grid-template-columns:1fr}.product-gallery-hero{height:270px}.spec-grid{grid-template-columns:1fr}.fitment-table{overflow-x:auto}.fitment-table-head,.fitment-table>div{min-width:650px}.job-card-meta{grid-template-columns:1fr}.pricing-history-row{grid-template-columns:1fr auto}.pricing-history-row>div:nth-child(2),.pricing-history-row>div:nth-child(3){display:none}.line-item-row{grid-template-columns:1fr 1fr}.line-item-row label:nth-child(2){grid-column:1/-1}.activity-row{grid-template-columns:auto 1fr}.activity-row time{grid-column:2}.catalogue-search{width:100%;min-width:0}}@media (max-width:480px){.product-catalogue-grid{grid-template-columns:1fr}.product-card-media{height:220px}.workshop-board,.request-grid,.quote-grid{grid-template-columns:1fr}.product-thumbnails{grid-template-columns:repeat(4,1fr)}}.product-catalogue-card{border:1px solid var(--line);background:linear-gradient(145deg,#121720,#0d1117);border-radius:15px;min-width:0;transition:all .2s;position:relative;overflow:hidden}.product-catalogue-card:hover{border-color:#3c4655;transform:translateY(-3px);box-shadow:0 20px 45px #00000040}.product-catalogue-card.archived{opacity:.62;filter:saturate(.6)}.product-card-body>p{color:var(--muted);min-height:30px;margin:0;font-size:10px;line-height:1.45}.product-card-foot>div{gap:2px;display:grid}.product-card-foot>div>strong{font-size:17px}.product-card-foot small{color:var(--green);font-size:9px}.stock-number{text-align:right;display:grid!important}.stock-number span{color:var(--muted);text-transform:uppercase;font-size:8px}.quote-board{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;padding:14px;display:grid}.quote-card-top{justify-content:space-between;gap:10px;display:flex}.quote-card-top>div{gap:3px;display:grid}.quote-card-top span{color:var(--muted);font-size:9px}.quote-card-foot>div{gap:3px;display:grid}.quote-card-foot span{color:var(--muted);font-size:9px}.quote-vehicle{color:#aeb7c5;background:#090d13;border-radius:8px;padding:8px;font-size:10px}.quote-lines{gap:7px;display:grid;overflow-x:auto}.quote-line{grid-template-columns:100px minmax(260px,1fr) 80px 110px 100px 40px;align-items:center;gap:7px;min-width:780px;display:grid}.quote-line.heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.quote-line-description{gap:5px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.migration-drop{text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 0,#f22b2b1a,#0000 45%),#0e1218;border-style:dashed;align-content:center;place-items:center;gap:12px;min-height:330px;padding:35px;display:grid}.migration-drop svg{color:var(--red-2)}.migration-drop h2{margin:0;font-size:22px}.migration-drop p{max-width:620px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.migration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.migration-summary,.warning-panel,.migration-action-panel{padding:20px}.migration-count-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.migration-count-grid>div{border:1px solid var(--line-soft);background:#0a0e14;border-radius:10px;gap:4px;padding:12px;display:grid}.migration-count-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.migration-count-grid strong{font-size:20px}.check-list{color:#b5beca;margin:0;padding-left:18px;font-size:11px;line-height:1.8}.warning-panel h3{color:#ffc477;align-items:center;gap:8px;margin:0 0 10px;display:flex}.warning-panel p{color:#c3a46e;font-size:10px}.migration-action-panel{justify-content:space-between;align-items:center;gap:20px;display:flex}.migration-action-panel h2{margin:0 0 5px}.migration-action-panel p{color:var(--muted);margin:0;font-size:11px}.migration-progress{z-index:120;width:min(680px,100% - 28px);box-shadow:var(--shadow);background:#111721;border:1px solid #414c5d;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.migration-progress>div{gap:3px;display:grid}.migration-progress span{color:var(--muted);font-size:9px}.progress-track{background:#282f3a;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,var(--red),#ff7b7b);height:100%;transition:width .2s;display:block}.spin{animation:.8s linear infinite byps-spin}@keyframes byps-spin{to{transform:rotate(360deg)}}@media (max-width:800px){.migration-grid{grid-template-columns:1fr}.migration-count-grid{grid-template-columns:repeat(2,1fr)}.migration-action-panel{flex-direction:column;align-items:stretch}.migration-action-panel .button-row{width:100%;display:grid}.migration-action-panel button{width:100%}}.catalogue-az{border-bottom:1px solid var(--border,#252b35);scrollbar-width:thin;align-items:center;gap:5px;padding:12px 2px 14px;display:flex;overflow-x:auto}.catalogue-az button{color:#8f9bad;cursor:pointer;background:#0b1017;border:1px solid #29313d;border-radius:8px;min-width:34px;height:34px;font-size:12px;font-weight:800;transition:all .16s}.catalogue-az button:first-child{min-width:48px}.catalogue-az button:hover,.catalogue-az button.active{color:#fff;background:linear-gradient(135deg,#461216,#a71f26);border-color:#ef343b;box-shadow:0 0 18px #ef343b29}.request-kpi-grid,.staff-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.request-kpi-grid article,.staff-metric-grid article{background:linear-gradient(145deg,#121821,#0c1118);border:1px solid #272e39;border-radius:15px;min-height:116px;padding:20px;position:relative;overflow:hidden;box-shadow:0 14px 35px #0003}.request-kpi-grid article:after,.staff-metric-grid article:after{content:"";background:#ef343b0f;border-radius:50%;width:90px;height:90px;position:absolute;top:-28px;right:-22px}.request-kpi-grid span,.staff-metric-grid span{color:#94a0b2;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;display:block}.request-kpi-grid strong,.staff-metric-grid strong{color:#fff;margin-top:8px;font-size:32px;line-height:1;display:block}.request-kpi-grid small,.staff-metric-grid small{color:#697689;margin-top:9px;display:block}.staff-metric-grid article svg{float:right;color:#ef343b}.request-workspace{padding:0;overflow:hidden}.request-tabs{background:#0b1017;border-bottom:1px solid #252b35;gap:6px;padding:14px 16px;display:flex;overflow-x:auto}.request-tabs button{color:#8e99aa;text-transform:capitalize;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-weight:800;display:flex}.request-tabs button b{color:#cbd3df;text-align:center;background:#202733;border-radius:999px;min-width:22px;padding:2px 7px;font-size:11px}.request-tabs button.active{color:#fff;background:#2b1013;border-color:#6e2025}.request-tabs button.active b{color:#fff;background:#ef343b}.request-workspace>.list-toolbar{padding:15px 16px}.request-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 16px 18px;display:grid}.request-review-card{background:#0e141c;border:1px solid #29313c;border-radius:15px;transition:all .18s;overflow:hidden;box-shadow:0 14px 28px #0000002e}.request-review-card:hover{border-color:#4c3a3d;transform:translateY(-2px)}.request-review-card.urgency-urgent,.request-review-card.urgency-vehicle-down{border-color:#7e252b;box-shadow:0 0 0 1px #ef343b14,0 16px 30px #0000003d}.request-card-image{color:#4e5969;background:radial-gradient(circle,#1c222c,#090d12);place-items:center;height:160px;display:grid;position:relative;overflow:hidden}.request-card-image img{object-fit:contain;background:#fff;width:100%;height:100%}.request-card-image .status-pill{position:absolute;top:10px;right:10px}.request-review-body{padding:16px}.request-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.request-card-head span{color:#ef6469;letter-spacing:.08em;font-size:10px;font-weight:900}.request-card-head h3{margin:5px 0 0;font-size:17px;line-height:1.2}.request-qty{color:#fff;text-align:center;background:#1c2430;border-radius:9px;min-width:40px;padding:7px 8px}.request-review-body>p{color:#a8b1bf;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:12px 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.request-meta{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.request-meta span{color:#8d99aa;background:#151c26;border-radius:7px;padding:5px 8px;font-size:11px}.request-pricing{border-top:1px solid #232a34;border-bottom:1px solid #232a34;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 0;display:grid}.request-pricing span{color:#778395;text-transform:uppercase;flex-direction:column;font-size:10px;display:flex}.request-pricing b{color:#e8edf5;margin-top:3px;font-size:12px}.request-card-actions{align-items:center;gap:8px;margin-top:13px;display:flex}.request-card-actions .secondary-button{flex:1;justify-content:center}.request-review-modal{flex-direction:column;gap:16px;display:flex}.request-modal-section{background:#0b1118;border:1px solid #28313d;border-radius:13px;padding:18px}.request-modal-section>h3{margin:0 0 14px}.owner-review-section{background:linear-gradient(145deg,#160c0f,#0c1118);border-color:#5b2529}.owner-review-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.owner-review-title h3{margin:0 0 5px}.owner-review-title p{color:#8995a6;margin:0;font-size:13px}.owner-action-bar{border-top:1px solid #33262a;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:15px;display:flex}.owner-action-bar .primary-button{margin-left:auto}.request-image-strip{gap:10px;margin-top:12px;display:flex;overflow-x:auto}.request-image-strip>div{background:#fff;border:1px solid #303845;border-radius:10px;flex:0 0 110px;height:90px;position:relative;overflow:hidden}.request-image-strip img{object-fit:contain;width:100%;height:100%}.request-image-strip button{color:#fff;cursor:pointer;background:#aa2027;border:0;border-radius:50%;width:24px;height:24px;font-weight:900;position:absolute;top:5px;right:5px}.staff-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.staff-toolbar .search-control{min-width:min(480px,100%)}.segmented-control{background:#0a0f15;border:1px solid #28303b;border-radius:10px;gap:5px;padding:4px;display:flex;overflow-x:auto}.segmented-control button{color:#8490a1;text-transform:capitalize;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:8px 11px;font-weight:750}.segmented-control button.active{color:#fff;background:#411419}.staff-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.staff-card{background:linear-gradient(145deg,#111821,#0b1017);border:1px solid #29313c;border-radius:14px;padding:17px}.staff-card.disabled{opacity:.67;filter:saturate(.65)}.staff-card-head{align-items:center;gap:12px;display:flex}.staff-card-head>.status-pill{margin-left:auto}.staff-avatar{color:#fff;background:linear-gradient(145deg,#ef343b,#761b22);border-radius:13px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:900;display:grid;box-shadow:0 8px 18px #ef343b33}.staff-card-head h3{margin:0 0 4px}.staff-card-head span{color:#8e99aa;font-size:12px}.staff-card-meta{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;display:grid}.staff-card-meta span{color:#7e8999;text-transform:uppercase;border:1px solid #222a34;border-radius:9px;padding:10px;font-size:10px}.staff-card-meta b{color:#dfe5ee;text-transform:capitalize;margin-top:4px;font-size:11px;display:block}.staff-role-control label{grid-template-columns:1fr minmax(120px,180px);align-items:center;gap:10px;display:grid}.staff-role-control span{color:#8e99aa;font-size:12px}.staff-card-actions{border-top:1px solid #252d37;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:14px;display:flex}.staff-credential-box{justify-content:space-between;align-items:center;gap:18px;display:flex}.staff-credential-box div{flex-direction:column;gap:4px;display:flex}.staff-credential-box small{color:#8793a3}.invite-choice{flex-wrap:wrap;gap:16px;margin:15px 0;display:flex}.invite-mini-preview{background:#090e14;border:1px solid #2a323d;border-radius:11px;padding:14px}.invite-mini-preview p{white-space:pre-wrap;color:#8792a3;font-size:12px;line-height:1.5}.invite-reset-check{margin:15px 0}.email-preview,.email-live-preview{background:#0a0f15;border:1px solid #303844;border-radius:15px;overflow:hidden}.email-preview-head{background:linear-gradient(135deg,#1d0a0d,#10151c);border-bottom:1px solid #2b323c;align-items:center;gap:16px;padding:18px;display:flex}.email-preview-head img{object-fit:contain;width:112px;max-height:68px}.email-preview-head div{flex-direction:column;gap:4px;display:flex}.email-preview-head span{color:#ef6469;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.email-preview-head strong{color:#fff}.email-preview pre,.email-live-preview pre{color:#c6ceda;white-space:pre-wrap;max-height:540px;margin:0;padding:22px;font:13px/1.65 Arial,sans-serif;overflow:auto}.settings-tabs{background:#0a0f15;border:1px solid #28303b;border-radius:12px;gap:7px;margin-bottom:14px;padding:5px;display:flex;overflow-x:auto}.settings-tabs button{color:#8e99aa;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:flex}.settings-tabs button.active{color:#fff;background:#451419;box-shadow:0 0 0 1px #7a252b}.staff-email-settings-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;display:grid}.settings-toggle{background:#0a1017;border:1px solid #2d3541;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px;display:flex}.settings-toggle input{margin-top:4px}.settings-toggle div{flex-direction:column;gap:4px;display:flex}.settings-toggle span{color:#8490a1;font-size:12px}.test-email-row{grid-template-columns:1fr auto;gap:10px;margin-top:15px;display:grid}@media (max-width:1150px){.request-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-email-settings-grid,.staff-card-grid{grid-template-columns:1fr}}@media (max-width:800px){.request-kpi-grid,.staff-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-review-grid{grid-template-columns:1fr}.staff-toolbar{flex-direction:column;align-items:stretch}.staff-toolbar .search-control{min-width:0}.staff-card-meta,.staff-role-control label{grid-template-columns:1fr}.staff-card-actions>*{flex:1}.staff-credential-box{flex-direction:column;align-items:stretch}.owner-action-bar .primary-button{margin-left:0}.test-email-row{grid-template-columns:1fr}}@media (max-width:520px){.request-kpi-grid,.staff-metric-grid{grid-template-columns:1fr}.request-review-grid{padding-left:10px;padding-right:10px}.request-modal-section{padding:13px}.catalogue-az button{min-width:31px;height:31px}.staff-email-settings-grid{display:block}.email-live-preview{margin-top:14px}}.activity-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.activity-summary-grid article{background:#0d131a;border:1px solid #29313c;border-radius:12px;padding:14px}.activity-summary-grid span{color:#7f8b9c;text-transform:uppercase;font-size:10px}.activity-summary-grid strong{margin-top:5px;font-size:22px;display:block}.enhanced-activity-feed .activity-row{grid-template-columns:auto 1fr auto;align-items:center}.activity-badge.staff{color:#70c4ff}.activity-badge.requests{color:#ffbd5b}.activity-badge.order{color:#80dca1}.activity-badge.purchase{color:#c597ff}@media (max-width:1000px){.activity-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.activity-summary-grid{grid-template-columns:repeat(2,1fr)}.enhanced-activity-feed .activity-row{grid-template-columns:auto 1fr}.enhanced-activity-feed time{grid-column:2}}.page-loading{min-height:120px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.loading-line{text-align:center;color:var(--muted);padding:18px;font-size:12px}.offline-banner{z-index:20;color:#ffd486;text-align:center;background:#2b1e09;border-bottom:1px solid #f4b94257;padding:9px 18px;font-size:11px;font-weight:800;position:sticky;top:64px}.fatal-error-card{background:radial-gradient(circle at 100% 0,#f22b2b29,#0000 44%),#10151c;border:1px solid #f22b2b66;border-radius:16px;max-width:760px;margin:40px auto;padding:28px;box-shadow:0 22px 60px #00000059}.fatal-error-card h1{margin:8px 0}.fatal-error-card p{color:var(--muted);line-height:1.6}.inline-page-error{flex-direction:column;justify-content:center;min-height:260px;display:flex}.notice{border:1px solid var(--line);background:#0d131a;border-radius:11px;align-items:flex-start;gap:11px;padding:13px 15px;display:flex}.notice>div{gap:4px;display:grid}.notice strong{font-size:12px}.notice span{color:var(--muted);font-size:10px;line-height:1.45}.warning-notice{color:#ffc96e;background:#f4b94214;border-color:#f4b94259}.owner-lock{background:#62a6ff12;border-color:#62a6ff40}.load-more-row{border-top:1px solid var(--line-soft);justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.load-more-row span{color:var(--muted);font-size:10px}.row-action-buttons{justify-content:flex-end;align-items:center;gap:6px;display:flex!important}.danger-outline{color:#ff7d82!important;background:#f22b2b0d!important;border-color:#f22b2b73!important}.muted-copy{color:var(--muted);text-align:center;margin:0;padding:18px;font-size:11px}.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.compact-record-list{gap:7px;display:grid}.compact-record-list>div{border:1px solid var(--line-soft);background:#0a0e14;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:11px 12px;display:flex}.compact-record-list>div>div,.compact-record-list>div:not(.compact-record-row){gap:3px;display:grid}.compact-record-list strong{font-size:11px}.compact-record-list span{color:var(--muted);font-size:9px}.compact-record-row{grid-template-columns:minmax(220px,1fr) auto 90px 80px;gap:12px;display:grid!important}.compact-record-row>div{gap:3px;display:grid}.migration-history-panel{margin-bottom:16px;padding:18px}.vehicle-detail-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.vehicle-detail-card{text-align:left;border:1px solid var(--line);color:#fff;cursor:pointer;background:linear-gradient(145deg,#121820,#0a0f15);border-radius:12px;gap:7px;padding:15px;display:grid}.vehicle-detail-card:hover{border-color:#4a5668;transform:translateY(-1px)}.vehicle-detail-card svg{color:var(--red-2)}.vehicle-detail-card span,.vehicle-detail-card small{color:var(--muted);font-size:10px;line-height:1.4}.compatibility-editor{border:1px solid var(--line);background:#0a0f15;border-radius:12px;padding:14px}.compatibility-editor>.section-heading{margin-bottom:10px}.compatibility-edit-row{grid-template-columns:repeat(5,minmax(90px,1fr)) minmax(150px,1.5fr) auto;gap:7px;margin-top:7px;display:grid}.compatibility-note{min-width:140px}.stock-history-head{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.stock-history-head>div{border:1px solid var(--line);background:#0a0e14;border-radius:10px;padding:12px}.stock-history-head span{color:var(--muted);text-transform:uppercase;font-size:9px;display:block}.stock-history-head strong{margin-top:4px;font-size:20px;display:block}.stacked-input{gap:8px;display:grid}.upload-button{cursor:pointer;position:relative;overflow:hidden}.workshop-detail-photo{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-height:420px;margin:14px 0;display:block}.quick-item-image-row{grid-template-columns:150px auto minmax(240px,1fr);align-items:end;gap:12px;margin-bottom:18px;display:grid}.quick-item-image{border:1px solid var(--line);color:#596575;background:#0a0e14;border-radius:12px;place-items:center;width:150px;height:125px;display:grid;overflow:hidden}.quick-item-image img{object-fit:contain;background:#fff;width:100%;height:100%}.quick-item-image-row>label:last-child{gap:6px;display:grid}.quick-item-image-row>label:last-child>span{color:var(--muted);text-transform:uppercase;font-size:9px}.ai-item-source,.ai-item-review{margin-bottom:16px;padding:20px}@media (max-width:900px){.compact-record-row{grid-template-columns:1fr auto}.compact-record-row>div:nth-last-child(-n+2){display:none}.compatibility-edit-row{grid-template-columns:repeat(2,1fr)}.compatibility-edit-row .compatibility-note{grid-column:1/-1}.quick-item-image-row{grid-template-columns:120px 1fr}.quick-item-image{width:120px;height:100px}.quick-item-image-row>label:last-child{grid-column:1/-1}}@media (max-width:600px){.load-more-row{flex-direction:column;align-items:stretch}.compact-metrics,.vehicle-detail-grid,.compatibility-edit-row,.quick-item-image-row{grid-template-columns:1fr}.quick-item-image{width:100%;height:220px}.stock-history-head{grid-template-columns:1fr}}.order-line.mixed{grid-template-columns:100px minmax(330px,1fr) 80px 120px 110px 36px;min-width:940px}.order-line.mixed .quote-line-description{min-width:0}.order-line.mixed .quote-line-description input,.order-line.mixed .quote-line-description select{width:100%}@media (max-width:760px){.order-line.mixed{grid-template-columns:92px minmax(280px,1fr) 76px 110px 100px 34px;min-width:860px}}.catalogue-detail-preview{border:1px solid var(--line);background:#090b10;border-radius:14px;place-items:center;min-height:180px;margin:12px 0;display:grid;overflow:hidden}.catalogue-detail-preview img{object-fit:contain;max-width:100%;max-height:360px}.ai-actions article .button-row{justify-content:flex-end;align-items:center;display:flex}.enhanced-activity-feed .activity-row{grid-template-columns:auto minmax(0,1fr) auto auto}.enhanced-activity-feed .activity-row small{color:var(--muted);font-size:9px;line-height:1.45}@media (max-width:760px){.enhanced-activity-feed .activity-row{grid-template-columns:auto minmax(0,1fr)}.enhanced-activity-feed .activity-row>.button-row,.enhanced-activity-feed .activity-row>time{grid-column:2;justify-self:start}}