:root{--vivid-deep-navy:#0b1739;--vivid-blue:#2563eb;--vivid-cyan:#06b6d4;--vivid-violet:#7c3aed;--vivid-light-gray:#f3f6fa;--vivid-slate-gray:#64748b;--vivid-primary:#2563eb;--vivid-on-primary:#fff;--vivid-primary-hover:#1d4ed8;--vivid-secondary:#7c3aed;--vivid-on-secondary:#fff;--vivid-secondary-hover:#6d28d9;--vivid-accent:#06b6d4;--vivid-on-accent:#0b1739;--vivid-background:#f3f6fa;--vivid-surface:#fff;--vivid-surface-muted:#f3f6fa;--vivid-text:#0b1739;--vivid-text-muted:#64748b;--vivid-border:#cbd5e1;--vivid-focus:#2563eb;--vivid-success:#15803d;--vivid-on-success:#fff;--vivid-warning:#f59e0b;--vivid-on-warning:#0b1739;--vivid-danger:#b91c1c;--vivid-on-danger:#fff;--vivid-info:#2563eb;--vivid-on-info:#fff;--vivid-vivid-blue:var(--vivid-blue);--vivid-font:"Segoe UI", Arial, sans-serif;--vivid-font-body-size:14px;--vivid-line-height:1.5;--vivid-gradient:linear-gradient(120deg, #06b6d4, #2563eb 52%, #7c3aed)}[data-theme=dark]{--vivid-background:#0b1739;--vivid-surface:#132343;--vivid-surface-muted:#1b3055;--vivid-text:#f3f6fa;--vivid-text-muted:#cbd5e1;--vivid-border:#64748b;--vivid-focus:#06b6d4}*{box-sizing:border-box}body{font-family:var(--vivid-font);margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}:focus-visible{outline-offset:3px;outline:2px solid var(--vivid-focus)!important}button:focus-visible{box-shadow:0 0 0 2px var(--vivid-surface)}.skip-link{background:var(--vivid-surface);z-index:2000;padding:12px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.app-shell{min-height:100vh;display:flex}.sidebar{--vivid-border:var(--vivid-light-gray);overscroll-behavior-y:contain;scrollbar-width:thin;z-index:1100;flex-shrink:0;width:248px;height:100dvh;position:fixed;inset:0 auto 0 0;overflow:hidden auto;background:var(--vivid-deep-navy)!important;color:var(--vivid-light-gray)!important;border:0!important}.sidebar-inner{min-height:100%;padding:28px 18px max(22px, env(safe-area-inset-bottom));flex-direction:column;flex:none;display:flex}.brand{margin-bottom:30px;padding:0 14px;display:block}.brand img{width:184px;height:auto;display:block}.workspace-switch{border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:10px;margin-bottom:30px;padding:13px 10px;display:flex}.workspace-switch strong,.sidebar-bottom strong{font-size:12px;font-weight:600}.workspace-switch small,.sidebar-bottom small{color:var(--vivid-border);margin-top:2px;font-size:12px;display:block}.workspace-icon{background:var(--vivid-primary);color:#fff;border-radius:6px;place-items:center;width:30px;height:32px;font-weight:700;display:grid}.online-dot{background:var(--vivid-cyan);border-radius:100%;width:6px;height:6px;margin-left:5px;display:inline-block}.sidebar .nav-section{letter-spacing:1.5px;color:var(--vivid-border);margin-bottom:10px;padding:0 14px;font-size:12px}.sidebar .MuiListItemButton-root{min-height:44px;color:var(--vivid-border);border-radius:7px;margin-bottom:5px;padding:8px 13px;font-size:14px}.sidebar .MuiListItemButton-root:hover{background:#ffffff14}.sidebar .MuiListItemButton-root.active{color:#fff;background:var(--vivid-primary)}.sidebar .MuiListItemIcon-root{min-width:32px;color:inherit}.sidebar .MuiListItemText-primary{font-size:13px;font-weight:600}.nav-count{background:#ffffff29;border-radius:4px;padding:1px 7px;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:40px}.app-body{flex-direction:column;flex:1;min-width:0;margin-left:248px;display:flex}.topbar{background:var(--vivid-surface);border-bottom:1px solid var(--vivid-border);justify-content:space-between;align-items:center;gap:10px;height:76px;padding:0 36px;display:flex}.topbar-context{color:var(--vivid-text-muted);font-size:13px}.topbar-context span{color:var(--vivid-border);padding:0 14px}.topbar-context strong{color:var(--vivid-text);font-weight:600}.global-search.MuiButton-root{color:var(--vivid-text-muted);margin-right:10px;font-size:12px;font-weight:400}.global-search kbd{border:1px solid var(--vivid-border);border-radius:4px;margin-left:26px;padding:0 6px;font-family:inherit;font-size:12px}.header-avatar{margin-left:10px}.preview-strip{background:var(--vivid-surface);border-bottom:1px solid var(--vivid-border);min-height:44px;color:var(--vivid-text-muted);justify-content:space-between;align-items:center;gap:12px;padding:6px 36px;font-size:12px;display:flex}.preview-dot{background:var(--vivid-secondary);border-radius:50%;width:6px;height:6px}.preview-meta{margin-left:10px}.preview-strip .MuiOutlinedInput-notchedOutline{border:0}.preview-strip .MuiSelect-select{font-size:12px;padding:4px 30px 4px 8px!important}.preview-strip .MuiSelect-icon{font-size:18px}.app-body>main{outline:none;flex:1;align-self:center;width:100%;max-width:1920px;padding:34px 36px 28px}.page-heading{margin-bottom:28px}.eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:var(--vivid-text);margin-bottom:9px!important;font-size:12px!important;font-weight:700!important}.page-description{color:var(--vivid-text);opacity:.85;margin-top:10px!important;font-size:14px!important}.panel{overflow:hidden;border-color:var(--vivid-border)!important}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{padding:20px 21px 15px}.stat-card p{font-size:12px}.stat-icon{color:var(--vivid-text-muted)}.stat-number{letter-spacing:-1px;margin:12px 0 9px!important;font-size:34px!important;font-weight:700!important;line-height:1.2!important}.stat-card .MuiTypography-caption{color:var(--vivid-text-muted);font-size:12px}.stat-link.MuiButton-root{min-width:22px;min-height:24px;padding:0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;gap:24px;display:grid}.panel-heading{border-bottom:1px solid var(--vivid-border);padding:22px 24px}.panel-heading .MuiTypography-body2,.workload-panel>.MuiTypography-body2,.quick-panel>.MuiTypography-body2{margin-top:4px;font-size:12px}.attention-row{border-bottom:1px solid var(--vivid-border);align-items:center;gap:14px;padding:20px 24px;transition:background .15s;display:flex}.attention-row:last-child{border-bottom:0}.attention-row:hover{background:var(--vivid-surface-muted)}.attention-row .MuiTypography-body1{font-size:13px}.priority-mark{background:var(--vivid-text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.priority-critical{background:var(--vivid-danger)}.priority-high{background:var(--vivid-secondary)}.priority-medium{background:var(--vivid-primary)}.priority-low{background:var(--vivid-text-muted)}.row-content{flex:1;min-width:0}.row-content p{overflow-wrap:anywhere}.dot-separator{padding:0 4px}.row-state{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:7px;display:flex}.row-state .MuiTypography-caption{font-size:12px}.status-chip{font-weight:600;border-radius:5px!important;height:24px!important;font-size:12px!important}.status-chip.MuiChip-colorWarning{color:var(--vivid-deep-navy);background:var(--vivid-warning);border-color:var(--vivid-warning)}.workload-panel{padding:22px 24px}.distribution-total{align-items:baseline;gap:10px;margin:20px 0;display:flex}.distribution-total strong{letter-spacing:-1px;font-size:36px}.distribution-total span{color:var(--vivid-text-muted);font-size:12px}.distribution-row{margin-top:16px}.distribution-row .MuiLinearProgress-root{background:var(--vivid-surface-muted);border-radius:4px;height:5px;margin-top:8px}.quick-panel{padding:22px 24px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.quick-card{border:1px solid var(--vivid-border);border-radius:8px;flex-direction:column;gap:10px;padding:16px 14px;display:flex;position:relative}.quick-card>svg{color:var(--vivid-primary);font-size:21px}.quick-card strong{font-size:12px}.quick-card span{color:var(--vivid-text-muted);font-size:12px;line-height:1.6}.quick-card:hover{border-color:var(--vivid-primary)}.quick-card .quick-arrow{color:var(--vivid-text-muted);font-size:16px;position:absolute;top:18px;right:10px}.connected-panel{flex-direction:column;align-items:flex-start;padding:23px;display:flex}.connected-symbol{background:var(--vivid-surface);height:46px;margin-bottom:20px}.connected-symbol img{width:46px;height:46px}.connected-panel h3{font-size:19px}.connected-panel p{margin-top:10px;font-size:12px;line-height:1.7}.connected-panel .MuiButton-root{margin-top:14px;padding-left:0;font-size:12px}.snapshot-note{color:var(--vivid-text);display:block;margin-top:18px!important}.app-footer{border-top:1px solid var(--vivid-border);color:var(--vivid-text);justify-content:space-between;gap:12px;margin:0 36px;padding:20px 0;font-size:12px;display:flex}.app-footer span span{margin:0 7px}.list-toolbar{flex-wrap:wrap;align-items:center;gap:15px;display:flex;padding:22px!important}.list-toolbar .result-count{margin-left:auto}.grid-container{min-width:0;height:465px}.grid-container .MuiDataGrid-columnHeader{background:var(--vivid-surface-muted)}.grid-container .MuiDataGrid-columnHeaderTitle{font-size:12px;font-weight:600}.grid-container .MuiDataGrid-cell{font-size:12px}.grid-container .MuiDataGrid-columnSeparator{opacity:.35}.record-link{color:var(--vivid-primary);text-underline-offset:3px;font-size:12px;font-weight:600;text-decoration:underline}.subject-cell{flex-direction:column;justify-content:center;gap:2px;height:100%;line-height:1.5;display:flex;overflow:hidden}.subject-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.subject-cell small{color:var(--vivid-text-muted);font-size:12px}.table-avatar.MuiAvatar-root{background:var(--vivid-surface-muted);width:27px;height:27px;color:var(--vivid-text);border:1px solid var(--vivid-border);font-size:12px}.priority-cell{align-items:center;gap:7px;height:100%;display:flex}.empty-state{text-align:center;padding:60px 20px}.kanban{gap:16px;min-height:440px;padding:22px;display:flex;overflow:auto}.kanban-column{background:var(--vivid-surface-muted);border:1px solid var(--vivid-border);border-radius:8px;flex:1;min-width:220px;padding:14px}.kanban-card{background:var(--vivid-surface);border:1px solid var(--vivid-border);border-radius:7px;flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;padding:16px;display:flex}.kanban-card strong{font-size:12px}.kanban-card small{color:var(--vivid-text-muted);font-size:12px}.form-layout,.detail-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:24px;display:grid}.form-section{padding:28px}.form-section>.MuiAlert-root{margin-top:20px}.form-fields{grid-template-columns:1fr 1fr;gap:24px;margin-top:26px;display:grid}.full-width{grid-column:1/-1}.form-actions{border-top:1px solid var(--vivid-border);background:var(--vivid-surface-muted);padding:18px 28px}.help-panel{padding:24px}.help-panel ol{color:var(--vivid-text-muted);padding-left:17px;font-size:12px}.help-panel li{margin-top:17px;padding-left:4px}.detail-content{padding:26px}.request-description{background:var(--vivid-surface-muted);border:1px solid var(--vivid-border);border-radius:8px;margin-bottom:26px;padding:20px}.request-description h6{margin-bottom:10px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8!important}.conversation{border-top:1px solid var(--vivid-border);padding:20px 0}.conversation .MuiTypography-body1{font-size:13px}.conversation.internal-note{background:var(--vivid-surface-muted);border-radius:8px;margin-bottom:15px;padding:18px}.internal-label{color:var(--vivid-text-muted);align-items:center;gap:4px;display:flex}.reply-composer{border-top:1px solid var(--vivid-border);margin-top:24px;padding-top:24px}.record-details{margin:0}.record-details>div{border-bottom:1px solid var(--vivid-border);grid-template-columns:180px 1fr;gap:20px;padding:14px 0;font-size:13px;display:grid}.record-details dt{color:var(--vivid-text-muted)}.record-details dd{overflow-wrap:anywhere;margin:0;font-weight:600}.record-details.compact>div{grid-template-columns:1fr;gap:4px;padding:12px 0;font-size:12px}.history-event{align-items:center;gap:15px;padding:12px 0;display:flex}.history-event p{font-size:13px}.history-dot{background:var(--vivid-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.inventory-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.inventory-count.MuiButton-root{background:var(--vivid-surface);color:var(--vivid-text);border:1px solid var(--vivid-border);justify-content:flex-start;gap:15px;padding:18px}.inventory-count.selected{border-color:var(--vivid-primary)}.inventory-count svg{color:var(--vivid-text-muted)}.inventory-count strong,.inventory-count span{text-align:left;display:block}.inventory-count strong{font-size:24px}.inventory-count span{color:var(--vivid-text-muted);font-size:12px}.linked-record{border:1px solid var(--vivid-border);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.catalog-search{max-width:600px;margin:0 0 30px}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service-card{flex-direction:column;align-items:flex-start;gap:12px;padding:25px;display:flex}.service-icon{background:var(--vivid-surface-muted);border:1px solid var(--vivid-border);width:44px;height:44px;color:var(--vivid-primary);border-radius:9px;place-items:center;margin-bottom:5px;display:grid}.service-card h3{font-size:18px}.service-card p{font-size:13px;line-height:1.8}.service-card-footer{flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto;padding-top:18px;display:flex}.service-card-footer .MuiChip-root{font-size:12px}.service-card-footer .MuiButton-root{padding-left:0}.knowledge-row{align-items:center;gap:22px;padding:24px;display:flex}.knowledge-row>svg{color:var(--vivid-primary)}.knowledge-row>.MuiChip-root{margin-left:auto}.article{max-width:900px;padding:32px}.article-step{align-items:flex-start;gap:20px;margin:28px 0;display:flex}.article-step>span{background:var(--vivid-surface-muted);border:1px solid var(--vivid-border);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.article-step p{line-height:1.9}.article-help{border-top:1px solid var(--vivid-border);padding-top:24px}.settings-stack{max-width:950px}.settings-panel{padding:28px}.settings-panel .MuiToggleButton-root{gap:8px;padding:12px 22px}.account-page{background:var(--vivid-surface);grid-template-columns:42% 58%;min-height:100vh;display:grid}.account-story{--vivid-border:var(--vivid-light-gray);background:var(--vivid-deep-navy);color:var(--vivid-light-gray);flex-direction:column;justify-content:space-between;gap:60px;padding:44px 56px;display:flex}.account-logo{align-self:flex-start;width:200px;height:auto}.account-kicker{text-transform:uppercase;letter-spacing:2px;color:var(--vivid-cyan);font-size:12px}.account-story .account-headline{letter-spacing:-2px;margin:22px 0 26px;font-size:clamp(40px,4.5vw,74px);line-height:1.1}.account-story p{color:var(--vivid-border);max-width:380px;line-height:1.9}.account-feature{align-items:center;gap:12px;margin-top:22px;font-size:13px;display:flex}.account-feature svg{color:var(--vivid-cyan);font-size:20px}.account-story>small{color:var(--vivid-border);font-size:12px}.account-form-area{flex-direction:column;justify-content:center;align-items:center;padding:56px;display:flex}.account-form{width:100%;max-width:420px}.demo-entry{border-top:1px solid var(--vivid-border);margin-top:28px;padding-top:24px}.account-mobile-logo{display:none}.dialog-close{top:12px;right:12px;position:absolute!important}[data-theme=dark] .record-link,[data-theme=dark] .quick-card>svg,[data-theme=dark] .service-icon,[data-theme=dark] .knowledge-row>svg,[data-theme=dark] .MuiButton-text.MuiButton-colorPrimary,[data-theme=dark] .MuiButton-outlined.MuiButton-colorPrimary{color:var(--vivid-accent)}[data-theme=dark] .MuiButton-outlined.MuiButton-colorPrimary{border-color:var(--vivid-accent)}[data-theme=dark] .MuiTabs-root .Mui-selected{color:var(--vivid-accent)}[data-theme=dark] .status-chip.MuiChip-colorSuccess{color:var(--vivid-light-gray);border-color:var(--vivid-success)}[data-theme=dark] .status-chip.MuiChip-colorError{color:var(--vivid-light-gray);border-color:var(--vivid-danger)}[data-theme=dark] .MuiTypography-root.MuiTypography-caption.MuiTypography-colorError{color:var(--vivid-light-gray)}@media (width>=1550px){.app-body>main{padding:40px 48px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}.attention-row{padding:25px 24px}.stat-card{padding:24px}.stat-number{font-size:40px!important}}@media (width<=1199px){.app-body{margin-left:0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.topbar{height:66px}.sidebar-inner{min-height:100%}.account-story{padding:40px}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=899px){.app-body>main{padding:26px 22px}.topbar{padding:0 22px}.preview-strip{padding:6px 22px}.preview-meta{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.form-layout,.detail-layout{grid-template-columns:1fr}.connected-panel{display:none}.quick-panel{grid-row:2}.app-footer{margin:0 22px}.global-search.MuiButton-root{min-width:28px;margin:0;padding:6px;font-size:0}.global-search .MuiButton-startIcon{margin:0}.global-search kbd{display:none}.inventory-summary{grid-template-columns:repeat(2,1fr)}.account-page{grid-template-columns:35% 65%}.account-story{padding:32px 24px}.account-logo{width:160px}.account-story .account-headline{font-size:42px}.account-form-area{padding:40px 30px}.account-feature{font-size:12px}}@media (width<=599px){.app-body>main{padding:24px 16px}.topbar{padding:0 10px}.topbar-context{font-size:12px}.topbar-context span{padding:0 6px}.header-avatar{display:none!important}.preview-strip{flex-wrap:wrap;padding:8px 12px}.preview-strip .MuiFormControl-root{margin-left:auto}.page-heading h1{font-size:26px}.page-description{font-size:13px!important}.stats-grid{gap:12px}.stat-card{padding:16px 12px}.stat-card p,.stat-card .MuiTypography-caption{font-size:12px}.stat-icon{display:none!important}.stat-number{font-size:30px!important}.dashboard-grid{gap:18px}.panel-heading{flex-wrap:wrap;gap:8px;padding:18px 16px}.panel-heading .MuiButton-root{padding-left:0}.attention-row{gap:10px;padding:18px 16px}.attention-row .row-state{max-width:85px}.attention-row .MuiTypography-body1,.row-content .MuiTypography-caption{font-size:12px}.row-content .dot-separator:last-of-type{display:none}.quick-panel{padding:18px 16px}.quick-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.quick-card{gap:4px;padding:14px 16px 14px 50px}.quick-card>svg:first-child{position:absolute;top:20px;left:15px}.quick-card span{padding-right:15px}.snapshot-note{font-size:12px!important}.app-footer{flex-wrap:wrap;margin:0 16px;font-size:12px}.list-toolbar{gap:14px;padding:16px!important}.list-toolbar>.MuiTextField-root{width:100%}.list-toolbar .result-count{flex:1;margin-left:0}.form-section{padding:22px 18px}.form-fields{grid-template-columns:1fr;gap:22px}.form-actions{padding:16px}.help-panel,.detail-content{padding:20px 18px}.record-details>div{grid-template-columns:1fr;gap:5px}.conversation>.MuiStack-root{flex-wrap:wrap}.conversation .MuiTypography-caption:last-child{margin-left:0}.reply-composer>.MuiStack-root{flex-wrap:wrap}.inventory-summary{gap:12px}.inventory-count.MuiButton-root{gap:10px;padding:14px}.inventory-count svg{font-size:20px}.catalog-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:23px}.knowledge-row{gap:14px;padding:20px 16px}.knowledge-row>.MuiChip-root{display:none}.article{padding:24px 18px}.account-page{display:block}.account-story{display:none}.account-form-area{justify-content:flex-start;min-height:100vh;padding:30px 24px}.account-mobile-logo{align-self:flex-start;width:175px;height:auto;margin-bottom:40px;display:block}.account-form{max-width:440px}.settings-panel{padding:22px 18px}.settings-panel .MuiToggleButton-root{padding:10px 13px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.row-state .overdue-label{color:var(--vivid-danger)}[data-theme=dark] .row-state .overdue-label{color:var(--vivid-on-danger)}.account-story .account-headline{color:var(--vivid-light-gray);font-weight:700}.location-picker{max-width:230px}.topbar{flex-wrap:wrap;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}@media (width<=599px){.location-picker{max-width:180px}.location-picker .MuiSelect-select{font-size:12px}.topbar{gap:8px}}.MuiTabs-root .MuiTab-root:not(.Mui-selected){color:var(--vivid-text)}.permission-section{margin-top:24px}