:root{--fluent-font-family:"Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;--fluent-font-size-100:10px;--fluent-font-size-200:12px;--fluent-font-size-300:14px;--fluent-font-size-400:16px;--fluent-font-size-500:20px;--fluent-font-size-600:24px;--fluent-font-size-700:28px;--fluent-font-size-800:32px;--fluent-font-weight-regular:400;--fluent-font-weight-semibold:600;--fluent-font-weight-bold:700;--fluent-line-height-100:1.2;--fluent-line-height-200:1.4;--fluent-line-height-300:1.5;--fluent-color-neutral-background-1:#fff;--fluent-color-neutral-background-2:#faf9f8;--fluent-color-neutral-background-3:#f3f2f1;--fluent-color-neutral-background-4:#edebe9;--fluent-color-neutral-foreground-1:#242424;--fluent-color-neutral-foreground-2:#424242;--fluent-color-neutral-foreground-3:#616161;--fluent-color-neutral-stroke-1:#d1d1d1;--fluent-color-neutral-stroke-2:#e0e0e0;--fluent-color-neutral-stroke-accessible:#616161;--fluent-color-brand-background:#0078d4;--fluent-color-brand-background-hover:#106ebe;--fluent-color-brand-background-pressed:#005a9e;--fluent-color-brand-foreground:#fff;--fluent-color-status-danger:#d13438;--fluent-color-status-danger-background:#fdf3f4;--fluent-color-status-warning:#ca5010;--fluent-color-status-success:#107c10;--fluent-spacing-xs:4px;--fluent-spacing-s:8px;--fluent-spacing-m:12px;--fluent-spacing-l:16px;--fluent-spacing-xl:20px;--fluent-spacing-xxl:24px;--fluent-spacing-xxxl:32px;--fluent-border-radius-none:0;--fluent-border-radius-small:2px;--fluent-border-radius-medium:4px;--fluent-border-radius-large:8px;--fluent-shadow-2:0 0 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.14);--fluent-shadow-4:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14);--fluent-shadow-8:0 0 2px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.14);--fluent-transition-fast:0.1s ease;--eci-font-family:var(--fluent-font-family);--eci-font-size-base:var(--fluent-font-size-300);--eci-font-weight-normal:var(--fluent-font-weight-regular);--eci-font-weight-medium:var(--fluent-font-weight-semibold);--eci-font-weight-semibold:var(--fluent-font-weight-semibold);--eci-font-weight-bold:var(--fluent-font-weight-bold);--eci-font-size-xs:var(--fluent-font-size-200);--eci-font-size-sm:var(--fluent-font-size-200);--eci-font-size-md:var(--fluent-font-size-300);--eci-font-size-lg:var(--fluent-font-size-400);--eci-font-size-xl:var(--fluent-font-size-500);--eci-font-size-2xl:var(--fluent-font-size-600);--eci-font-size-3xl:var(--fluent-font-size-700);--eci-line-height-normal:var(--fluent-line-height-300);--eci-color-page:var(--fluent-color-neutral-background-1);--eci-color-canvas:var(--fluent-color-neutral-background-2);--eci-color-surface:var(--fluent-color-neutral-background-1);--eci-color-text:var(--fluent-color-neutral-foreground-1);--eci-color-text-light:var(--fluent-color-neutral-foreground-3);--eci-color-text-inverse:var(--fluent-color-brand-foreground);--eci-color-border-default:var(--fluent-color-neutral-stroke-1);--eci-color-border-subtle:var(--fluent-color-neutral-stroke-2);--eci-color-primary-900:var(--fluent-color-brand-background);--eci-color-blue-600:var(--fluent-color-brand-background);--eci-color-orange-500:var(--fluent-color-status-warning);--eci-color-red-500:var(--fluent-color-status-danger);--eci-spacing-1:var(--fluent-spacing-xs);--eci-spacing-2:var(--fluent-spacing-s);--eci-spacing-3:var(--fluent-spacing-m);--eci-spacing-4:var(--fluent-spacing-l);--eci-spacing-5:var(--fluent-spacing-xl);--eci-spacing-6:var(--fluent-spacing-xxl);--eci-spacing-8:var(--fluent-spacing-xxxl);--eci-spacing-10:40px;--eci-border-radius-sm:var(--fluent-border-radius-medium);--eci-border-radius-md:var(--fluent-border-radius-large);--eci-border-radius-lg:var(--fluent-border-radius-large);--eci-border-radius-card:var(--fluent-border-radius-medium);--eci-shadow-sm:var(--fluent-shadow-2);--eci-shadow-card:var(--fluent-shadow-2);--eci-card-padding:var(--fluent-spacing-xl);--eci-transition-normal:var(--fluent-transition-fast)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--fluent-font-family);font-size:var(--fluent-font-size-300);line-height:var(--fluent-line-height-300);color:var(--fluent-color-neutral-foreground-1);background:var(--fluent-color-neutral-background-1);-webkit-font-smoothing:antialiased}.fluent-shell{display:flex;min-height:100vh}.fluent-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--fluent-color-neutral-background-1);border-right:1px solid var(--fluent-color-neutral-stroke-2);transition:width .2s ease;overflow:hidden}.fluent-sidebar--collapsed{width:52px}.fluent-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--fluent-spacing-s);padding:var(--fluent-spacing-l);min-height:56px;border-bottom:1px solid var(--fluent-color-neutral-stroke-2)}.fluent-sidebar--collapsed .fluent-sidebar-header{justify-content:center;padding:var(--fluent-spacing-s)}.fluent-sidebar-brand{font-size:var(--fluent-font-size-400);font-weight:var(--fluent-font-weight-semibold);color:var(--fluent-color-neutral-foreground-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fluent-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;line-height:0;flex-shrink:0;border:none;border-radius:var(--fluent-border-radius-medium);background:transparent;color:var(--fluent-color-neutral-foreground-2);cursor:pointer;transition:background var(--fluent-transition-fast),color var(--fluent-transition-fast)}.fluent-sidebar-toggle:hover{background:var(--fluent-color-neutral-background-3);color:var(--fluent-color-neutral-foreground-1)}.fluent-sidebar-toggle svg{width:20px;height:20px}.fluent-sidebar-nav{padding:var(--fluent-spacing-s);display:flex;flex-direction:column;gap:2px;flex:1 1}.fluent-nav-link{display:flex;align-items:center;gap:var(--fluent-spacing-m);padding:var(--fluent-spacing-s) var(--fluent-spacing-m);border-radius:var(--fluent-border-radius-medium);font-size:var(--fluent-font-size-300);font-weight:var(--fluent-font-weight-regular);color:var(--fluent-color-neutral-foreground-2);text-decoration:none;border-left:3px solid transparent;transition:background var(--fluent-transition-fast),color var(--fluent-transition-fast)}.fluent-sidebar--collapsed .fluent-nav-link{justify-content:center;padding:var(--fluent-spacing-s);border-left:none;border-radius:var(--fluent-border-radius-medium)}.fluent-sidebar--collapsed .fluent-nav-link--active{border-left:none;box-shadow:inset 3px 0 0 var(--fluent-color-brand-background)}.fluent-nav-link-icon{display:inline-flex;flex-shrink:0;line-height:0}.fluent-nav-link-icon svg{width:20px;height:20px}.fluent-nav-link-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fluent-sidebar--collapsed .fluent-nav-link-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fluent-nav-link:hover{text-decoration:none}.fluent-nav-link--active,.fluent-nav-link:hover{background:var(--fluent-color-neutral-background-3);color:var(--fluent-color-neutral-foreground-1)}.fluent-nav-link--active{font-weight:var(--fluent-font-weight-semibold);border-left-color:var(--fluent-color-brand-background)}.fluent-main{flex:1 1;background:var(--fluent-color-neutral-background-2);overflow:auto}.fluent-page{padding:var(--fluent-spacing-xxxl);max-width:1200px}.fluent-title{font-size:var(--fluent-font-size-700);font-weight:var(--fluent-font-weight-semibold);line-height:var(--fluent-line-height-100);color:var(--fluent-color-neutral-foreground-1);margin-bottom:var(--fluent-spacing-s)}.fluent-subtitle{font-size:var(--fluent-font-size-300);color:var(--fluent-color-neutral-foreground-3);line-height:var(--fluent-line-height-200)}.fluent-section-title{font-size:var(--fluent-font-size-500);font-weight:var(--fluent-font-weight-semibold);color:var(--fluent-color-neutral-foreground-1);margin-bottom:var(--fluent-spacing-s)}.fluent-back-link{display:inline-block;margin-bottom:var(--fluent-spacing-l);font-size:var(--fluent-font-size-200);color:var(--fluent-color-brand-background);text-decoration:none}.fluent-back-link:hover{color:var(--fluent-color-brand-background-hover);text-decoration:underline}.fluent-toolbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--fluent-spacing-xxl);flex-wrap:wrap;gap:var(--fluent-spacing-l)}.fluent-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--fluent-spacing-xl);gap:var(--fluent-spacing-xl)}.fluent-card{background:var(--fluent-color-neutral-background-1);border:1px solid var(--fluent-color-neutral-stroke-2);border-radius:var(--fluent-border-radius-medium);padding:var(--fluent-spacing-xl);box-shadow:var(--fluent-shadow-2);transition:box-shadow var(--fluent-transition-fast),border-color var(--fluent-transition-fast)}a.fluent-card-link{text-decoration:none;color:inherit}a.fluent-card-link:hover .fluent-card{box-shadow:var(--fluent-shadow-4);border-color:var(--fluent-color-neutral-stroke-1)}.fluent-card--muted{opacity:.65;box-shadow:none}.fluent-card-desc{font-size:var(--fluent-font-size-200);color:var(--fluent-color-neutral-foreground-3);line-height:var(--fluent-line-height-200)}.fluent-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 var(--fluent-spacing-l);font-family:inherit;font-size:var(--fluent-font-size-300);font-weight:var(--fluent-font-weight-semibold);line-height:1;border-radius:var(--fluent-border-radius-medium);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--fluent-transition-fast),border-color var(--fluent-transition-fast),color var(--fluent-transition-fast)}.fluent-btn:disabled{opacity:.5;cursor:not-allowed}.fluent-btn-primary{background:var(--fluent-color-brand-background);color:var(--fluent-color-brand-foreground);border-color:transparent}.fluent-btn-primary:hover:not(:disabled){background:var(--fluent-color-brand-background-hover);text-decoration:none;color:var(--fluent-color-brand-foreground)}.fluent-btn-primary:active:not(:disabled){background:var(--fluent-color-brand-background-pressed)}.fluent-btn-default{background:var(--fluent-color-neutral-background-1);color:var(--fluent-color-neutral-foreground-1);border-color:var(--fluent-color-neutral-stroke-1)}.fluent-btn-default:hover:not(:disabled){background:var(--fluent-color-neutral-background-3)}.fluent-btn-subtle{background:transparent;color:var(--fluent-color-brand-background);border-color:transparent;padding:0 var(--fluent-spacing-s);min-height:auto;font-weight:var(--fluent-font-weight-regular)}.fluent-btn-subtle:hover:not(:disabled){background:var(--fluent-color-neutral-background-3);text-decoration:none}.fluent-btn-danger{background:transparent;color:var(--fluent-color-status-danger);border-color:transparent;padding:0 var(--fluent-spacing-s);min-height:auto;font-weight:var(--fluent-font-weight-regular)}.fluent-btn-danger:hover:not(:disabled){background:var(--fluent-color-status-danger-background)}.fluent-input{width:100%;min-height:32px;padding:0 var(--fluent-spacing-s);font-family:inherit;font-size:var(--fluent-font-size-300);color:var(--fluent-color-neutral-foreground-1);background:var(--fluent-color-neutral-background-1);border-radius:var(--fluent-border-radius-medium);border:1px solid var(--fluent-color-neutral-stroke-1);border-bottom-color:var(--fluent-color-neutral-stroke-accessible);transition:border-color var(--fluent-transition-fast),outline var(--fluent-transition-fast)}.fluent-input:hover{border-color:var(--fluent-color-neutral-foreground-3)}.fluent-input:focus{outline:2px solid var(--fluent-color-brand-background);outline-offset:-1px;border-color:var(--fluent-color-brand-background)}.fluent-input--search{max-width:360px}select.fluent-input{min-height:32px;padding-right:var(--fluent-spacing-l)}.fluent-form{max-width:720px;gap:var(--fluent-spacing-xxl)}.fluent-form,.fluent-form-section{display:flex;flex-direction:column}.fluent-form-section{gap:var(--fluent-spacing-l)}.fluent-form-section-title{font-size:var(--fluent-font-size-400);font-weight:var(--fluent-font-weight-semibold);color:var(--fluent-color-neutral-foreground-1);padding-bottom:var(--fluent-spacing-s);border-bottom:1px solid var(--fluent-color-neutral-stroke-2)}.fluent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--fluent-spacing-l);gap:var(--fluent-spacing-l)}.fluent-form-grid .fluent-field--full{grid-column:1/-1}.fluent-form-actions{display:flex;flex-direction:column;gap:var(--fluent-spacing-l);padding-top:var(--fluent-spacing-s)}.fluent-order-form{max-width:1100px}.fluent-order-form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-rows:auto 1fr;grid-gap:var(--fluent-spacing-l) var(--fluent-spacing-xxl);gap:var(--fluent-spacing-l) var(--fluent-spacing-xxl);align-items:start}.fluent-order-customer-picker{grid-column:1;grid-row:1;min-width:0}.fluent-order-form-aside{grid-column:2;grid-row:1/-1;min-width:0;position:-webkit-sticky;position:sticky;top:var(--fluent-spacing-l)}.fluent-order-form-main{grid-column:1;grid-row:2;min-width:0;display:flex;flex-direction:column;gap:var(--fluent-spacing-xxl)}.fluent-order-aside-panel{margin-top:0;height:100%}.fluent-order-aside-panel .fluent-product-panel-grid{grid-template-columns:1fr}.fluent-order-aside-empty{padding:var(--fluent-spacing-l);background:var(--fluent-color-neutral-background-3);border:1px dashed var(--fluent-color-neutral-stroke-2);border-radius:var(--fluent-border-radius-medium);color:var(--fluent-color-neutral-foreground-3);font-size:var(--fluent-font-size-300);line-height:var(--fluent-line-height-200)}.fluent-order-aside-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--fluent-spacing-m);margin-bottom:var(--fluent-spacing-m)}.fluent-order-aside-name{font-weight:var(--fluent-font-weight-semibold);font-size:var(--fluent-font-size-400);color:var(--fluent-color-neutral-foreground-1)}@media (max-width:900px){.fluent-order-form-layout{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.fluent-order-customer-picker{grid-column:1;grid-row:1}.fluent-order-form-aside{grid-column:1;grid-row:2;position:static}.fluent-order-form-main{grid-column:1;grid-row:3}.fluent-order-aside-panel .fluent-product-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.fluent-order-aside-panel .fluent-product-panel-grid{grid-template-columns:1fr}.fluent-order-form-main .fluent-table-wrap{overflow-x:auto}}.fluent-product-panel{margin-top:var(--fluent-spacing-l);padding:var(--fluent-spacing-l);background:var(--fluent-color-neutral-background-1);border:1px solid var(--fluent-color-neutral-stroke-2);border-radius:var(--fluent-border-radius-medium)}.fluent-product-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--fluent-spacing-m) var(--fluent-spacing-xl);gap:var(--fluent-spacing-m) var(--fluent-spacing-xl);margin-bottom:var(--fluent-spacing-l)}.fluent-product-panel-row--full{grid-column:1/-1}.fluent-product-panel-label{font-size:var(--fluent-font-size-200);font-weight:var(--fluent-font-weight-semibold);color:var(--fluent-color-neutral-foreground-3);margin-bottom:var(--fluent-spacing-xs)}.fluent-product-panel-value{font-size:var(--fluent-font-size-300);color:var(--fluent-color-neutral-foreground-1)}.fluent-product-panel-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--fluent-spacing-l);padding-top:var(--fluent-spacing-s);border-top:1px solid var(--fluent-color-neutral-stroke-2)}.fluent-product-panel-actions .fluent-field{flex:0 0 120px}@media (max-width:600px){.fluent-product-panel-grid{grid-template-columns:1fr}.fluent-product-panel-row--full{grid-column:auto}}.fluent-detail{max-width:720px;display:flex;flex-direction:column;gap:var(--fluent-spacing-xxl)}.fluent-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--fluent-spacing-l) var(--fluent-spacing-xl);gap:var(--fluent-spacing-l) var(--fluent-spacing-xl);margin:0}.fluent-detail-item{margin:0}.fluent-detail-item--full{grid-column:1/-1}.fluent-detail-label{font-size:var(--fluent-font-size-200);font-weight:var(--fluent-font-weight-semibold);color:var(--fluent-color-neutral-foreground-3);margin-bottom:var(--fluent-spacing-xs)}.fluent-detail-value{margin:0;font-size:var(--fluent-font-size-300);color:var(--fluent-color-neutral-foreground-1);line-height:var(--fluent-line-height-200)}.fluent-detail-id{font-size:var(--fluent-font-size-200);color:var(--fluent-color-neutral-foreground-3)}.fluent-table-name-link{color:var(--fluent-color-neutral-foreground-1);font-weight:var(--fluent-font-weight-semibold);text-decoration:none}.fluent-table-name-link:hover{color:var(--fluent-color-brand-background);text-decoration:underline}@media (max-width:600px){.fluent-detail-grid{grid-template-columns:1fr}.fluent-detail-item--full{grid-column:auto}.fluent-form-grid{grid-template-columns:1fr}.fluent-form-grid .fluent-field--full{grid-column:auto}}.fluent-field{display:flex;flex-direction:column;gap:var(--fluent-spacing-xs)}.fluent-field-label{font-size:var(--fluent-font-size-300);font-weight:var(--fluent-font-weight-regular);color:var(--fluent-color-neutral-foreground-2)}.fluent-field-required{color:var(--fluent-color-status-danger)}.fluent-table-wrap{background:var(--fluent-color-neutral-background-1);border:1px solid var(--fluent-color-neutral-stroke-2);border-radius:var(--fluent-border-radius-medium);overflow:hidden;box-shadow:var(--fluent-shadow-2)}.fluent-table{width:100%;border-collapse:collapse}.fluent-table th{text-align:left;font-size:var(--fluent-font-size-200);font-weight:var(--fluent-font-weight-semibold);color:var(--fluent-color-neutral-foreground-2);background:var(--fluent-color-neutral-background-3)}.fluent-table td,.fluent-table th{padding:11px var(--fluent-spacing-l);border-bottom:1px solid var(--fluent-color-neutral-stroke-2)}.fluent-table td{font-size:var(--fluent-font-size-300)}.fluent-table tbody tr:hover{background:var(--fluent-color-neutral-background-2)}.fluent-table tbody tr:last-child td{border-bottom:none}.fluent-table-actions{display:flex;gap:var(--fluent-spacing-xs);align-items:center}.fluent-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;line-height:0;border:none;border-radius:var(--fluent-border-radius-medium);background:transparent;color:var(--fluent-color-neutral-foreground-2);cursor:pointer;text-decoration:none;transition:background var(--fluent-transition-fast),color var(--fluent-transition-fast)}.fluent-icon-btn svg{width:20px;height:20px;flex-shrink:0}.fluent-icon-btn:hover{background:var(--fluent-color-neutral-background-3);color:var(--fluent-color-neutral-foreground-1);text-decoration:none}.fluent-icon-btn--danger:hover,.fluent-message-error{background:var(--fluent-color-status-danger-background);color:var(--fluent-color-status-danger)}.fluent-message-error{padding:var(--fluent-spacing-m) var(--fluent-spacing-l);margin-bottom:var(--fluent-spacing-l);font-size:var(--fluent-font-size-300);border-left:4px solid var(--fluent-color-status-danger);border-radius:var(--fluent-border-radius-medium)}.fluent-empty-state{padding:var(--fluent-spacing-xxl) 0}.fluent-empty-state,.fluent-loading{color:var(--fluent-color-neutral-foreground-3);font-size:var(--fluent-font-size-300)}a{color:var(--fluent-color-brand-background);text-decoration:none}a:hover{color:var(--fluent-color-brand-background-hover);text-decoration:underline}.fluent-link-subtle{color:var(--fluent-color-brand-background);text-decoration:none;font-size:var(--fluent-font-size-300)}.fluent-link-subtle:hover{text-decoration:underline}