:root{color:#102a3d;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f8fa;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}.fluent-root{min-height:100vh}.skip-link{z-index:1000;color:#fff;background:#0a304a;border-radius:6px;padding:10px 14px;font-weight:700;text-decoration:none;transition:transform .15s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{background:#f5f8fa;flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:10;background:#fffffff5;border-bottom:1px solid #dce5eb;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 clamp(24px,5vw,72px);display:flex;position:relative}.brand-link{color:#071f33;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-logo-frame{flex:none;width:125px;height:34px;display:block;overflow:hidden}.brand-logo{width:160px;height:auto;display:block;transform:translate(-18px,-11px)}.brand-divider{background:#cbd9e2;width:1px;height:28px}.brand-subtitle{color:#405b6e;font-size:14px;font-weight:600}.secure-label{color:#496477;align-items:center;gap:8px;font-size:13px;display:inline-flex}.hero{color:#fff;background:radial-gradient(circle at 78% 18%,#25aac329,#0000 31%),linear-gradient(145deg,#071f33 0%,#0a314d 62%,#0c3b57 100%);grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);align-items:center;gap:clamp(48px,7vw,110px);min-height:570px;padding:clamp(64px,8vw,112px) clamp(24px,8vw,120px);display:grid;overflow:hidden}.hero-copy{z-index:2;max-width:660px;position:relative}.eyebrow{color:#46c5d8;letter-spacing:1.8px;margin:0 0 18px;font-size:12px;font-weight:800}.hero h1,.welcome-panel h1{letter-spacing:-2.8px;margin:0;font-size:clamp(42px,5vw,68px);font-weight:760;line-height:1.02}.hero-summary{color:#d4e4ed;max-width:600px;margin:26px 0 32px;font-size:clamp(17px,1.5vw,20px);line-height:1.65}.signin-button{min-height:48px;padding-inline:22px!important;font-weight:700!important}.access-note{color:#94adbb;margin:14px 0 0;font-size:13px}.hero-visual{min-height:390px;position:relative}.visual-grid{opacity:.22;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:-50px;-webkit-mask-image:linear-gradient(to bottom left,#000,#0000 72%);mask-image:linear-gradient(to bottom left,#000,#0000 72%)}.catalog-card{background:#fffffff5;border:1px solid #ffffff8c;border-radius:18px;flex-direction:column;gap:12px;width:232px;height:292px;padding:16px;display:flex;position:absolute;box-shadow:0 25px 60px #00000042}.card-one{top:12%;left:3%;transform:rotate(-7deg)}.card-two{bottom:3%;right:3%;transform:rotate(7deg)}.card-image{border-radius:12px;height:150px;display:block}.card-image.blue{background:linear-gradient(145deg,#48c6d8,#0c6b91)}.card-image.orange{background:linear-gradient(145deg,#f5b36e,#de542f)}.card-line{background:#d9e3e8;border-radius:20px;width:76%;height:8px}.card-line.strong{background:#385468;width:62%;height:11px}.card-line.short{width:52%}.card-pill{background:#e2f5f8;border-radius:20px;width:72px;height:25px;margin-top:auto}.order-chip{z-index:3;color:#145d51;background:#e9fff8;border-radius:30px;align-items:center;gap:8px;padding:12px 17px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:7%;left:28%;box-shadow:0 12px 34px #00000042}.benefits{background:#dce5eb;border-bottom:1px solid #dce5eb;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.benefits article{background:#fff;padding:42px clamp(24px,5vw,72px)}.benefits h2{color:#102a3d;margin:17px 0 9px;font-size:18px}.benefits p{color:#5b7180;margin:0;line-height:1.6}.benefit-icon{color:#0b7187;background:#e5f6f8;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.portal-main{background:radial-gradient(circle at 50% 0,#e1f3f6,#0000 45%),#f5f8fa;flex:1;justify-content:center;align-items:flex-start;padding:64px 24px;display:flex}.admin-workspace{gap:20px;width:min(100%,1240px);display:grid}.admin-portal{gap:22px;width:min(100%,1240px);display:grid}.admin-nav{background:#ffffffdb;border:1px solid #d6e1e7;border-radius:12px;flex-wrap:wrap;gap:6px;width:-moz-fit-content;width:fit-content;padding:5px;display:flex}.admin-heading-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.admin-heading-row .eyebrow{color:#087d92;margin-bottom:10px}.admin-heading-row h1{color:#0a304a;letter-spacing:-1.5px;margin:0;font-size:clamp(34px,4vw,48px)}.admin-heading-row p:not(.eyebrow){color:#5d7483;margin:10px 0 0;font-size:16px}.user-list-card{background:#fff;border:1px solid #d6e1e7;border-radius:16px;overflow:hidden;box-shadow:0 16px 46px #14324614}.user-list-toolbar{color:#526b7b;border-bottom:1px solid #e2e9ed;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:10px 18px 10px 22px;font-size:13px;font-weight:700;display:flex}.user-table-scroll{overflow-x:auto}.user-table{border-collapse:collapse;width:100%;min-width:980px}.user-table th{color:#657b89;letter-spacing:.5px;text-align:left;text-transform:uppercase;background:#f7f9fa;padding:12px 18px;font-size:11px;font-weight:800}.user-table td{color:#234256;vertical-align:middle;border-top:1px solid #e7ecef;padding:17px 18px;font-size:13px}.user-table tbody tr:hover{background:#fbfdfe}.user-table tr.archived-row{opacity:.66}.user-table td strong{color:#102f44;font-size:14px;display:block}.user-table td>span:not(.status-pill){color:#70828d;margin-top:4px;font-size:12px;display:block}.row-actions{white-space:nowrap;justify-content:flex-end;gap:4px;display:flex}.status-pill{border-radius:20px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-pill.active{color:#176447;background:#e5f6ee}.status-pill.inactive{color:#8b3f32;background:#fbeae7}.admin-loading,.admin-empty{color:#687d89;place-items:center;min-height:180px;display:grid}.user-form{gap:17px;padding-top:8px;display:grid}.form-grid{gap:14px;display:grid}.form-grid.two-columns{grid-template-columns:1fr 1fr}.form-grid.three-columns{grid-template-columns:repeat(3,1fr)}.form-note{color:#496477;background:#edf7f8;border-radius:9px;margin:2px 0 0;padding:12px 14px;font-size:12px;line-height:1.5}.native-checkbox{color:#29495d;cursor:pointer;align-items:center;gap:9px;font-size:14px;display:flex}.native-checkbox input,.assignment-option input{accent-color:#1676c4;width:17px;height:17px}.material-dialog{width:min(680px,100vw - 32px)!important;max-width:680px!important}.material-table{min-width:1080px}.image-upload-button{color:#242424;cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;min-height:30px;padding:5px 9px;font-size:12px;display:inline-flex}.image-upload-button:hover{background:#f0f0f0}.image-upload-button.disabled{opacity:.45;cursor:not-allowed}.image-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.assignment-dialog-content>p{color:#526b7b;margin:4px 0 16px}.assignment-loading{place-items:center;min-height:150px;display:grid}.admin-empty.compact{text-align:center;min-height:100px}.assignment-list{border:1px solid #dbe5ea;border-radius:10px;max-height:360px;display:grid;overflow-y:auto}.assignment-option{cursor:pointer;border-bottom:1px solid #e5ecef;align-items:center;gap:12px;padding:13px 14px;display:flex}.assignment-option:last-child{border-bottom:0}.assignment-option:hover{background:#f7fafb}.assignment-option.disabled{opacity:.55;cursor:not-allowed}.assignment-option span{gap:3px;display:grid}.assignment-option strong{color:#163448;font-size:14px}.assignment-option small{color:#6a7d89}.catalog-workspace{gap:30px;width:min(100%,1180px);display:grid}.catalog-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.catalog-heading .eyebrow{color:#087d92;margin-bottom:10px}.catalog-heading h1{color:#0a304a;letter-spacing:-2px;margin:0;font-size:clamp(36px,5vw,54px);line-height:1.05}.catalog-heading p:not(.eyebrow){color:#5d7483;margin:12px 0 0;font-size:16px}.catalog-actions{align-items:center;gap:8px;display:flex}.catalog-filters{background:#ffffffe6;border:1px solid #d6e1e7;border-radius:14px;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(145px,1fr)) auto;align-items:end;gap:12px;padding:16px;display:grid}.catalog-filters>button{margin-bottom:1px}.catalog-loading,.empty-catalog{place-items:center;min-height:310px;display:grid}.filtered-empty{min-height:240px}.empty-catalog{text-align:center;background:#fff;border:1px solid #d6e1e7;border-radius:18px;align-content:center;gap:10px;padding:40px}.empty-catalog-icon{color:#087d92;background:#e5f6f8;border-radius:16px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.empty-catalog h2{color:#12364c;margin:6px 0 0}.empty-catalog p{color:#617785;max-width:520px;margin:0;line-height:1.55}.catalog-category{gap:15px;display:grid}.catalog-category>h2{color:#173c53;margin:0;font-size:20px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.material-card{background:#fff;border:1px solid #d6e1e7;border-radius:16px;flex-direction:column;min-height:390px;display:flex;overflow:hidden;box-shadow:0 14px 38px #14324612}.material-card-image{color:#13869a;background:linear-gradient(145deg,#e4f7f9,#edf3f7);place-items:center;min-height:150px;font-size:44px;display:grid}.material-card-image.has-image{background:#eef3f5}.material-card-image img{object-fit:contain;background:#e8f1f4;width:100%;height:190px;display:block}.material-card-image.image-status{text-align:center;align-content:center;gap:8px;padding:18px}.material-card-image.image-status small{color:#587080;font-size:12px}.material-card-image.image-error{color:#a33b32;background:#fff0ee}.material-card-image.image-error code{color:#7d4944;overflow-wrap:anywhere;max-width:100%;font-family:inherit;font-size:10px}.material-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.material-card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.material-card-title h3{color:#12364c;margin:0;font-size:19px}.material-card-title span{color:#087d62;white-space:nowrap;font-size:13px;font-weight:800}.material-card-body>p:not(.material-sku){color:#5d7483;flex:1;margin:13px 0 18px;line-height:1.55}.material-sku{color:#7b8c96;letter-spacing:.4px;margin:7px 0 0;font-size:11px;font-weight:700}.material-order-details{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.material-order-details span{color:#496477;background:#edf4f6;border-radius:16px;padding:5px 8px;font-size:11px}.material-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.material-detail-dialog{width:min(820px,100vw - 32px)!important;max-width:820px!important}.material-detail-content{grid-template-columns:minmax(280px,1.15fr) minmax(250px,1fr);gap:24px;padding-top:10px;display:grid}.material-detail-content .material-card-image{border:1px solid #dce6eb;border-radius:12px;min-height:320px;overflow:hidden}.material-detail-content .material-card-image img{height:360px}.material-detail-copy{align-content:start;gap:18px;display:grid}.material-detail-copy>div:first-child{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.material-detail-price{color:#087d62;font-size:18px;font-weight:800}.material-detail-copy>p{color:#526b7b;white-space:pre-line;margin:0;font-size:15px;line-height:1.65}.material-detail-copy .material-order-details{margin-bottom:0}.cart-dialog{width:min(720px,100vw - 32px)!important;max-width:720px!important}.cart-content{gap:18px;padding-top:8px;display:grid}.client-order-summary{color:#526b7b;background:#f2f7f9;border-radius:10px;flex-wrap:wrap;gap:8px 18px;padding:14px;font-size:13px;display:flex}.client-order-summary strong{color:#163448;width:100%}.client-order-summary>div{flex-direction:column;flex:220px;gap:4px;display:flex}.client-order-summary>div strong{margin-bottom:3px}.user-form h3{color:#15364c;margin:8px 0 0;font-size:15px}.cart-lines{border:1px solid #dce6eb;border-radius:10px;display:grid;overflow:hidden}.cart-line{border-bottom:1px solid #e5ecef;grid-template-columns:minmax(170px,1fr) 190px 90px auto;align-items:end;gap:12px;padding:15px;display:grid}.cart-line:last-child{border-bottom:0}.cart-line>div:first-child{color:#15364c;align-self:center;gap:4px;display:grid}.cart-line>div:first-child span{color:#6a7d89;font-size:12px}.cart-line>strong{text-align:right;color:#15364c;align-self:center}.draft-note{color:#557182;text-align:right;margin:-6px 0 0;font-size:12px}.quantity-editor{grid-template-columns:36px minmax(70px,1fr) 36px;gap:5px;display:grid}.quantity-editor>button{min-width:36px;padding:0;font-size:18px}.quantity-editor input{text-align:center}.cart-total{color:#526b7b;border-top:1px solid #dce6eb;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.cart-total strong{color:#12364c;font-size:19px}.order-history{gap:14px;padding-top:8px;display:grid}.order-history>h2{color:#173c53;margin:0;font-size:20px}.order-history-list{gap:10px;display:grid}.order-history-list article{background:#fff;border:1px solid #d6e1e7;border-radius:12px;grid-template-columns:minmax(220px,1fr) auto minmax(150px,auto) auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.order-history-list article>div{gap:4px;display:grid}.order-history-list article>div:nth-of-type(2){text-align:right}.order-history-list article span:not(.status-pill){color:#6a7d89;font-size:12px}.order-table{min-width:1120px}.order-table select{min-width:130px}.order-filters{background:#ffffffe0;border:1px solid #d6e1e7;border-radius:14px;grid-template-columns:minmax(280px,2fr) minmax(150px,1fr) minmax(145px,1fr) minmax(145px,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.accounting-card{background:#ffffffeb;border:1px solid #d6e1e7;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.accounting-card h2{color:#0a304a;margin:4px 0 8px}.accounting-card p{color:#5d7483;margin:0}.accounting-card .accounting-environment{text-transform:capitalize;margin-top:12px}.order-detail-dialog{width:min(760px,100vw - 32px)!important;max-width:760px!important}.order-detail-content{gap:24px;padding-top:10px;display:grid}.order-detail-content section>h3{color:#173c53;margin:0 0 10px;font-size:15px}.order-detail-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.order-detail-summary>div{background:#f8fafb;border:1px solid #dce6eb;border-radius:9px;gap:5px;padding:13px;display:grid}.order-detail-summary span,.order-detail-client span{color:#6a7d89;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.order-detail-summary strong{color:#15364c}.order-detail-client p{flex-wrap:wrap;align-items:baseline;gap:7px 16px;margin:0;display:flex}.order-detail-client p strong{color:#15364c;width:100%}.order-detail-items{border:1px solid #dce6eb;border-radius:10px;overflow:hidden}.order-detail-items>div{color:#526b7b;border-bottom:1px solid #e5ecef;grid-template-columns:1fr auto 100px;align-items:center;gap:16px;padding:13px 15px;display:grid}.order-detail-items>div:last-child{border-bottom:0}.order-detail-items>div>div{gap:3px;display:grid}.order-detail-items>div>div strong,.order-detail-items>div>strong{color:#15364c}.order-detail-items>div>div span{color:#6a7d89;font-size:11px}.order-detail-items>div>strong{text-align:right}.order-notes{color:#405d70;white-space:pre-wrap;background:#f2f7f9;border-radius:9px;margin:0;padding:13px 15px}.status-history{gap:0;margin:0;padding:0;list-style:none;display:grid}.status-history li{grid-template-columns:18px 1fr;gap:9px;min-height:54px;display:grid;position:relative}.status-history li:not(:last-child):before{content:"";background:#d3e3e8;width:2px;position:absolute;top:13px;bottom:0;left:5px}.status-history-dot{z-index:1;box-sizing:border-box;background:#087d92;border:3px solid #d6eff3;border-radius:50%;width:12px;height:12px;margin-top:3px;position:relative}.status-history li>div{align-content:start;gap:2px;display:grid}.status-history li strong{color:#15364c;font-size:13px}.status-history li span:not(.status-history-dot),.status-history li small{color:#6a7d89;font-size:11px}.notification-summary{color:#526b7b;background:#f2f7f9;border-radius:9px;flex-wrap:wrap;gap:10px 20px;padding:13px 15px;font-size:12px;display:flex}.dashboard-metrics{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.dashboard-metrics button{color:#526b7b;text-align:left;cursor:pointer;background:#fff;border:1px solid #d6e1e7;border-radius:14px;gap:10px;min-height:124px;padding:20px;display:grid;box-shadow:0 12px 32px #1432460f}.dashboard-metrics button:hover{background:#fbfeff;border-color:#9bc6d1}.dashboard-metrics button.attention{background:#fff8f7;border-color:#e6b4ad}.dashboard-metrics button span{align-self:start;font-size:13px;font-weight:700}.dashboard-metrics button strong{color:#0a304a;align-self:end;font-size:34px;line-height:1}.dashboard-metrics button.attention strong{color:#9b3c32}.dashboard-section{gap:13px;display:grid}.dashboard-section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.dashboard-section-heading h2{color:#173c53;margin:0;font-size:20px}.dashboard-section-heading p{color:#6a7d89;margin:5px 0 0;font-size:13px}.dashboard-order-table{min-width:850px}.monitor-toolbar{background:#ffffffe0;border:1px solid #d6e1e7;border-radius:13px;align-items:end;gap:12px;padding:14px 16px;display:flex}.monitor-toolbar>span{color:#526b7b;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:700}.monitor-toolbar input{min-width:300px}.failure-table{min-width:1180px}.audit-table{min-width:1200px}.audit-table code{color:#526b7b;white-space:normal;overflow-wrap:anywhere;max-width:300px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block}.admin-empty-state{text-align:center;align-content:center;place-items:center;gap:7px;min-height:220px;padding:30px;display:grid}.admin-empty-state h2{color:#173c53;margin:0}.admin-empty-state p{color:#6a7d89;margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status-panel,.welcome-panel{background:#fff;border:1px solid #d6e1e7;border-radius:18px;width:min(100%,740px);padding:34px;box-shadow:0 18px 60px #14324617}.reference-number{color:#6a7d89;margin:16px 0 0;font-size:12px}.identity-reference{color:#405b6e;margin:10px 0 0;font-size:13px}.identity-reference code{color:#183b52;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.continue-signin-button{margin-top:20px!important}.welcome-panel h1{color:#0a304a;font-size:clamp(36px,5vw,52px)}.welcome-panel>p:not(.eyebrow){color:#516b7c;font-size:17px;line-height:1.65}.account-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 0;display:grid}.account-summary div{background:#f8fafb;border:1px solid #dce6eb;border-radius:12px;padding:18px;overflow:hidden}.account-summary dt{color:#6a7d89;text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.account-summary dd{color:#163448;overflow-wrap:anywhere;margin:7px 0 0;font-weight:650}.site-footer{color:#67808f;background:#f5f8fa;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:18px clamp(24px,5vw,72px);font-size:12px;display:flex}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:720px}.hero-visual{width:100%;max-width:600px;min-height:340px;margin:0 auto}.benefits{grid-template-columns:1fr}.benefits article{padding-block:32px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filters{grid-template-columns:1fr 1fr}.material-detail-content{grid-template-columns:1fr}.order-filters{grid-template-columns:1fr 1fr}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.site-header{height:68px;padding-inline:18px}.brand-divider,.brand-subtitle,.secure-label{display:none}.hero{gap:35px;padding:54px 20px 65px}.hero h1{letter-spacing:-1.8px}.hero-visual{transform-origin:top;min-height:270px;margin-bottom:-35px;transform:scale(.86)}.catalog-card{width:190px;height:245px}.card-image{height:115px}.order-chip{bottom:0;left:20%}.account-summary{grid-template-columns:1fr}.status-panel,.welcome-panel{padding:24px}.portal-main{padding:38px 16px}.admin-heading-row{flex-direction:column;align-items:stretch}.admin-heading-row>button{align-self:flex-start}.form-grid.two-columns,.form-grid.three-columns{grid-template-columns:1fr}.admin-nav{width:100%}.admin-nav>button{flex:auto}.catalog-heading{flex-direction:column;align-items:flex-start}.catalog-actions{justify-content:space-between;width:100%}.catalog-grid,.catalog-filters{grid-template-columns:1fr}.catalog-filters>button{justify-self:start}.material-detail-content .material-card-image{min-height:220px}.material-detail-content .material-card-image img{height:260px}.cart-line{grid-template-columns:1fr;align-items:stretch}.cart-line>strong{text-align:left;grid-column:auto}.cart-line>button{justify-self:start}.order-history-list article{grid-template-columns:1fr auto}.order-history-list article>div:nth-of-type(2){text-align:left;grid-column:1/-1}.order-history-list article>button{grid-column:1/-1;justify-self:start}.order-filters{grid-template-columns:1fr}.order-detail-summary{grid-template-columns:1fr 1fr}.order-detail-items>div{grid-template-columns:1fr auto}.order-detail-items>div>strong{grid-column:1/-1}.dashboard-metrics{grid-template-columns:1fr}.dashboard-section-heading{flex-direction:column;align-items:flex-start}.monitor-toolbar{flex-direction:column;align-items:stretch}.monitor-toolbar>span{margin-left:0}.monitor-toolbar input{width:100%;min-width:0}.site-footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}