: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;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;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}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}}