:root{--kx-primary: #C62828;--kx-primary-light: #E53935;--kx-primary-dark: #B71C1C;--kx-on-primary: #FFFFFF;--kx-background: #FFFFFF;--kx-surface: #FAFAFA;--kx-surface-hover: #F5F5F5;--kx-text: #1A1A1A;--kx-text-secondary: #6B7280;--kx-text-muted: #9CA3AF;--kx-border: #E5E7EB;--kx-border-light: #F3F4F6;--kx-error: #DC2626;--kx-success: #059669;--kx-warning: #D97706;--kx-primary-tint: rgba(198, 40, 40, .08);--kx-shadow: rgba(0, 0, 0, .04);--kx-overlay: rgba(0, 0, 0, .5);--kx-sidebar-bg: #1A1A1A;--kx-media-bg: #000000;--kx-on-dark-muted: #A0A0A0;--kx-on-dark-surface: #2A2A2A;--kx-on-dark-border: #3A3A3A;--kx-focus-ring: 0 0 0 3px rgba(198, 40, 40, .15);--kx-info: #1D4ED8;--kx-info-solid: #1D4ED8;--kx-info-bg: #EFF6FF;--kx-info-border: #BFDBFE;--kx-success-fg: #15803D;--kx-success-bg: #DCFCE7;--kx-success-border: #86EFAC;--kx-warning-fg: #B45309;--kx-warning-bg: #FEF3C7;--kx-warning-border: #FDE68A;--kx-danger-fg: #B91C1C;--kx-danger-bg: #FEE2E2;--kx-danger-border: #FECACA;--kx-neutral-fg: #4B5563;--kx-neutral-bg: #F3F4F6;--kx-neutral-border: #E5E7EB;--kx-purple-fg: #5B21B6;--kx-purple-bg: #EDE9FE;--kx-purple-border: #DDD6FE;--kx-accent-blue: #2563EB;--kx-accent-indigo: #4F46E5;--kx-accent-violet: #7C3AED;--kx-accent-pink: #DB2777;--kx-accent-red: #DC2626;--kx-accent-orange: #EA580C;--kx-accent-amber: #D97706;--kx-accent-green: #16A34A;--kx-accent-teal: #0D9488;--kx-accent-cyan: #0891B2;--kx-accent-gray: #6B7280;color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--kx-text);background-color:var(--kx-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}.dark{--kx-primary: #EF5350;--kx-primary-light: #FF6B6B;--kx-primary-dark: #C62828;--kx-on-primary: #FFFFFF;--kx-background: #121212;--kx-surface: #1E1E1E;--kx-surface-hover: #2C2C2C;--kx-text: #F5F5F5;--kx-text-secondary: #A0A0A0;--kx-text-muted: #707070;--kx-border: #333333;--kx-border-light: #2A2A2A;--kx-error: #F44336;--kx-success: #4CAF50;--kx-warning: #FFA726;--kx-primary-tint: rgba(239, 83, 80, .16);--kx-shadow: rgba(0, 0, 0, .5);--kx-overlay: rgba(0, 0, 0, .7);--kx-sidebar-bg: #1E1E1E;--kx-media-bg: #000000;--kx-on-dark-muted: #A0A0A0;--kx-on-dark-surface: #2A2A2A;--kx-on-dark-border: #3A3A3A;--kx-focus-ring: 0 0 0 3px rgba(239, 83, 80, .28);--kx-info: #64B5F6;--kx-info-solid: #1E88E5;--kx-info-bg: rgba(100, 181, 246, .14);--kx-info-border: rgba(100, 181, 246, .32);--kx-success-fg: #66BB6A;--kx-success-bg: rgba(102, 187, 106, .14);--kx-success-border: rgba(102, 187, 106, .32);--kx-warning-fg: #FFB74D;--kx-warning-bg: rgba(255, 183, 77, .14);--kx-warning-border: rgba(255, 183, 77, .32);--kx-danger-fg: #FF8A80;--kx-danger-bg: rgba(239, 83, 80, .16);--kx-danger-border: rgba(239, 83, 80, .34);--kx-neutral-fg: #A0A0A0;--kx-neutral-bg: #2C2C2C;--kx-neutral-border: #3A3A3A;--kx-purple-fg: #B39DDB;--kx-purple-bg: rgba(179, 157, 219, .14);--kx-purple-border: rgba(179, 157, 219, .32);--kx-accent-blue: #64B5F6;--kx-accent-indigo: #9FA8DA;--kx-accent-violet: #B39DDB;--kx-accent-pink: #F48FB1;--kx-accent-red: #EF5350;--kx-accent-orange: #FF8A65;--kx-accent-amber: #FFB74D;--kx-accent-green: #66BB6A;--kx-accent-teal: #4DB6AC;--kx-accent-cyan: #4DD0E1;--kx-accent-gray: #A0A0A0;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--kx-background);color:var(--kx-text)}a{font-weight:500;color:var(--kx-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--kx-primary-dark)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}button:focus-visible{outline:2px solid var(--kx-primary);outline-offset:2px}h1,h2,h3{line-height:1.2}.kx-tour.driver-popover{background-color:var(--kx-surface);color:var(--kx-text);border:1px solid var(--kx-border);box-shadow:0 8px 30px #00000059}.kx-tour .driver-popover-title{color:var(--kx-text)}.kx-tour .driver-popover-description,.kx-tour .driver-popover-progress-text,.kx-tour .driver-popover-close-btn{color:var(--kx-text-secondary)}.kx-tour .driver-popover-close-btn:hover,.kx-tour .driver-popover-close-btn:focus{color:var(--kx-text)}.kx-tour .driver-popover-footer-btn{background-color:var(--kx-surface);color:var(--kx-text);border:1px solid var(--kx-border);text-shadow:none}.kx-tour .driver-popover-footer-btn:hover,.kx-tour .driver-popover-footer-btn:focus{background-color:var(--kx-surface-hover)}.kx-tour .driver-popover-arrow-side-left{border-left-color:var(--kx-surface)}.kx-tour .driver-popover-arrow-side-right{border-right-color:var(--kx-surface)}.kx-tour .driver-popover-arrow-side-top{border-top-color:var(--kx-surface)}.kx-tour .driver-popover-arrow-side-bottom{border-bottom-color:var(--kx-surface)}input,select,textarea{font-family:inherit}.order-form-container{container-type:inline-size;container-name:order-form;width:100%}.order-form-grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%}@container order-form (min-width: 601px){.order-form-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:921px){.order-form-container .order-form-grid{grid-template-columns:repeat(2,1fr)}}.order-form-grid .order-form-full-width{grid-column:1 / -1}.order-form-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:flex-end}.order-form-actions .order-form-btn{width:auto!important;min-width:160px;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.layout-main{flex:1;padding:20px 16px;min-width:0}@media(min-width:640px){.layout-main{padding:24px 20px}}@media(min-width:900px){.layout-main{padding:28px}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}@media(min-width:900px){.dashboard-header{margin-bottom:28px;flex-wrap:nowrap}}.dashboard-branch-select{flex-shrink:0;max-width:100%;width:auto;min-width:0}@media(max-width:639px){.dashboard-branch-select{width:100%}}.dashboard-kpi-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}@media(min-width:640px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}}@media(min-width:900px){.dashboard-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}}.dashboard-charts-row{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:28px}@media(min-width:1100px){.dashboard-charts-row{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:32px}}.layout-shell{display:flex;min-height:100vh;position:relative}.layout-sidebar{flex-shrink:0;transition:transform .25s ease}.layout-hamburger{display:none;align-items:center;justify-content:center;background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:inherit;margin-right:8px}.layout-overlay{display:none}@media(max-width:900px){.layout-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);box-shadow:4px 0 24px var(--kx-shadow)}.layout-sidebar.open{transform:translate(0)}.layout-overlay.open{display:block;position:fixed;inset:0;background:var(--kx-overlay);z-index:99;animation:layout-fadein .2s ease}.layout-hamburger{display:inline-flex}.layout-main{padding:16px!important}.layout-main table{display:block;overflow-x:auto;max-width:100%}}@keyframes layout-fadein{0%{opacity:0}to{opacity:1}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.mp-create-layout{display:block}.mp-create-preview{display:none}.mp-create-preview-btn{display:inline-flex}@media(min-width:1024px){.mp-create-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.mp-create-preview{display:block;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.mp-create-preview-btn{display:none}}.kx-pulse-row{transition:background-color .12s ease}.kx-pulse-row:hover{background-color:var(--kx-surface-hover)}.kx-pulse-row:focus-visible{box-shadow:var(--kx-focus-ring);outline:none}.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}