:root{--csc-color-primary-900: #0a2e1f;--csc-color-primary-800: #0f3d2a;--csc-color-primary-700: #155137;--csc-color-primary-600: #1a6845;--csc-color-primary-500: #217a52;--csc-color-primary-400: #3d9a70;--csc-color-primary-300: #71bb98;--csc-color-primary-200: #a8d8c0;--csc-color-primary-100: #d6ede1;--csc-color-primary-50: #eef8f2;--csc-color-accent-600: #b3720a;--csc-color-accent-500: #d4900f;--csc-color-accent-400: #e8a930;--csc-color-accent-100: #f8e3b8;--csc-color-accent-50: #fcf1dc;--csc-color-neutral-900: #1c2420;--csc-color-neutral-600: #57635c;--csc-color-neutral-400: #94a099;--csc-color-neutral-200: #dce4e0;--csc-color-neutral-100: #eef2f0;--csc-color-neutral-50: #f7faf8;--csc-color-success: #217a52;--csc-color-warning: #d4900f;--csc-color-danger: #b3261e;--csc-color-info: #2563a8;--csc-text-primary: var(--csc-color-neutral-900);--csc-text-secondary: var(--csc-color-neutral-600);--csc-text-tertiary: var(--csc-color-neutral-400);--csc-text-inverse: #ffffff;--csc-surface-primary: #ffffff;--csc-surface-secondary: var(--csc-color-neutral-50);--csc-border-subtle: var(--csc-color-neutral-200);--csc-text-xs: .75rem;--csc-text-sm: .875rem;--csc-text-base: 1rem;--csc-text-lg: 1.125rem;--csc-text-xl: 1.25rem;--csc-text-2xl: 1.5rem;--csc-text-3xl: 1.875rem;--csc-space-1: .25rem;--csc-space-2: .5rem;--csc-space-3: .75rem;--csc-space-4: 1rem;--csc-space-5: 1.25rem;--csc-space-6: 1.5rem;--csc-space-8: 2rem;--csc-space-10: 2.5rem;--csc-space-12: 3rem;--csc-space-16: 4rem;--csc-radius-sm: 4px;--csc-radius-md: 6px;--csc-radius-lg: 8px;--csc-radius-xl: 12px;--csc-radius-pill: 9999px;--csc-z-base: 1;--csc-z-raised: 10;--csc-z-dropdown: 100;--csc-z-modal: 200;--csc-z-toast: 300;--csc-transition-fast: .15s ease;--csc-transition-normal: .25s ease;--csc-sidebar-w-collapsed: 56px;--csc-sidebar-w-expanded: 216px;--csc-topbar-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--csc-text-primary);background:var(--csc-surface-secondary);font-size:var(--csc-text-base);line-height:1.5}a{color:var(--csc-color-primary-600)}button{font-family:inherit;cursor:pointer}.csc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--csc-space-2);height:40px;padding:0 var(--csc-space-5);border-radius:var(--csc-radius-md);border:1px solid transparent;font-size:var(--csc-text-sm);font-weight:600;transition:background var(--csc-transition-fast),opacity var(--csc-transition-fast)}.csc-btn--primary{background:var(--csc-color-primary-600);color:var(--csc-text-inverse)}.csc-btn--primary:hover{background:var(--csc-color-primary-700)}.csc-btn--primary:disabled{opacity:.6;cursor:not-allowed}.csc-boot-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--csc-text-secondary)}.csc-page{padding:var(--csc-space-8);max-width:1100px}.csc-page--wide{max-width:1600px}.csc-page-title{font-size:var(--csc-text-2xl);font-weight:700;margin:0 0 var(--csc-space-1)}.csc-page-subtitle{color:var(--csc-text-secondary);margin:0 0 var(--csc-space-6)}.csc-page-note{color:var(--csc-text-secondary);font-size:var(--csc-text-sm);margin-top:var(--csc-space-6);max-width:640px}.csc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--csc-space-4)}.csc-card{background:var(--csc-surface-primary);border:1px solid var(--csc-border-subtle);border-radius:var(--csc-radius-lg);padding:var(--csc-space-5)}.csc-card-label{font-size:var(--csc-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--csc-text-tertiary);margin-bottom:var(--csc-space-2)}.csc-card-value{font-size:var(--csc-text-lg);font-weight:600}.csc-public-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--csc-color-primary-900),var(--csc-color-primary-700));padding:var(--csc-space-6)}.csc-public-card{background:var(--csc-surface-primary);border-radius:var(--csc-radius-xl);padding:var(--csc-space-10) var(--csc-space-8);width:100%;max-width:400px;box-shadow:0 20px 60px #00000040}.csc-public-brand{color:var(--csc-color-primary-600);font-weight:700;font-size:var(--csc-text-sm);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--csc-space-2)}.csc-public-title{font-size:var(--csc-text-xl);margin:0 0 var(--csc-space-6)}.csc-form{display:flex;flex-direction:column;gap:var(--csc-space-4)}.csc-form-label{display:flex;flex-direction:column;gap:var(--csc-space-2);font-size:var(--csc-text-sm);font-weight:600;color:var(--csc-text-secondary)}.csc-form-input{height:42px;padding:0 var(--csc-space-3);border:1px solid var(--csc-border-subtle);border-radius:var(--csc-radius-md);font-size:var(--csc-text-base);color:var(--csc-text-primary)}.csc-form-input:focus{outline:2px solid var(--csc-color-primary-400);outline-offset:1px}.csc-form-error{color:var(--csc-color-danger);font-size:var(--csc-text-sm)}.csc-public-footer{margin-top:var(--csc-space-6);font-size:var(--csc-text-sm);color:var(--csc-text-secondary);text-align:center}.csc-layout{display:flex;height:100vh;overflow:hidden;background:var(--csc-surface-secondary)}.csc-sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--csc-z-dropdown);cursor:pointer}.csc-sidebar{position:sticky;top:0;height:100vh;width:var(--csc-sidebar-w-collapsed);flex-shrink:0;display:flex;flex-direction:column;background:var(--csc-color-primary-900);overflow-x:hidden;transition:width var(--csc-transition-normal);z-index:var(--csc-z-raised)}.csc-layout--expanded .csc-sidebar{width:var(--csc-sidebar-w-expanded)}.csc-sidebar-brand{display:flex;align-items:center;gap:var(--csc-space-3);height:var(--csc-topbar-h);padding:0 var(--csc-space-3);flex-shrink:0}.csc-sidebar-logo-mark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--csc-radius-md);background:var(--csc-color-accent-500);color:#fff;font-size:var(--csc-text-xs);font-weight:700;flex-shrink:0}.csc-sidebar-brand-name{color:#fff;font-weight:600;font-size:var(--csc-text-sm);white-space:nowrap;opacity:0;transition:opacity var(--csc-transition-fast)}.csc-layout--expanded .csc-sidebar-brand-name{opacity:1}.csc-sidebar-nav{display:flex;flex-direction:column;padding:var(--csc-space-2) var(--csc-space-2) var(--csc-space-3);flex:1;overflow-y:auto;overflow-x:hidden}.csc-sidebar-section{margin-bottom:var(--csc-space-3)}.csc-sidebar-section-label{height:24px;display:flex;align-items:center;padding:0 var(--csc-space-2);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--csc-color-primary-300);white-space:nowrap;opacity:0;transition:opacity var(--csc-transition-fast)}.csc-layout--expanded .csc-sidebar-section-label{opacity:1}.csc-sidebar-item{display:flex;align-items:center;gap:var(--csc-space-3);height:38px;padding:0 var(--csc-space-2);margin:1px 0;border-radius:var(--csc-radius-md);color:var(--csc-color-primary-200);text-decoration:none;white-space:nowrap;overflow:hidden;transition:background var(--csc-transition-fast),color var(--csc-transition-fast)}.csc-sidebar-item:hover{background:var(--csc-color-primary-800);color:#fff}.csc-sidebar-item--active{background:var(--csc-color-primary-700);color:#fff}.csc-sidebar-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.csc-sidebar-label{font-size:var(--csc-text-sm);opacity:0;transition:opacity var(--csc-transition-fast)}.csc-layout--expanded .csc-sidebar-label{opacity:1}.csc-sidebar-user{display:flex;align-items:center;gap:var(--csc-space-3);padding:var(--csc-space-3) var(--csc-space-2);border-top:1px solid rgb(255 255 255 / .1)}.csc-user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--csc-radius-pill);background:var(--csc-color-accent-500);color:#fff;font-weight:700;font-size:var(--csc-text-xs);flex-shrink:0}.csc-user-avatar--sm{width:26px;height:26px}.csc-sidebar-user-name{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csc-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.csc-topbar{position:sticky;top:0;height:var(--csc-topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--csc-space-4);background:var(--csc-surface-primary);border-bottom:1px solid var(--csc-border-subtle);z-index:var(--csc-z-raised)}.csc-topbar-left{display:flex;align-items:center;gap:var(--csc-space-4)}.csc-topbar-business{font-size:var(--csc-text-sm);font-weight:600;color:var(--csc-text-secondary)}.csc-hamburger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--csc-radius-md);color:var(--csc-text-secondary)}.csc-hamburger:hover{background:var(--csc-surface-secondary)}.csc-profile-wrap{position:relative}.csc-profile-btn{display:flex;align-items:center;gap:var(--csc-space-2);height:40px;padding:0 var(--csc-space-2);border:none;background:transparent;border-radius:var(--csc-radius-md)}.csc-profile-btn:hover{background:var(--csc-surface-secondary)}.csc-profile-name-block{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.csc-profile-name{font-size:var(--csc-text-sm);font-weight:600}.csc-profile-chevron{display:flex;color:var(--csc-text-tertiary);transition:transform var(--csc-transition-fast)}.csc-profile-chevron--open{transform:rotate(180deg)}.csc-dropdown-menu{position:absolute;top:calc(100% + var(--csc-space-2));right:0;min-width:220px;background:var(--csc-surface-primary);border:1px solid var(--csc-border-subtle);border-radius:var(--csc-radius-lg);box-shadow:0 12px 32px #00000026;padding:var(--csc-space-2);z-index:var(--csc-z-dropdown)}.csc-dropdown-identity{padding:var(--csc-space-2) var(--csc-space-3)}.csc-dropdown-identity-name{font-weight:600;font-size:var(--csc-text-sm)}.csc-dropdown-identity-business{font-size:var(--csc-text-xs);color:var(--csc-text-tertiary)}.csc-dropdown-divider{height:1px;background:var(--csc-border-subtle);margin:var(--csc-space-2) 0}.csc-dropdown-item{display:block;width:100%;text-align:left;padding:var(--csc-space-2) var(--csc-space-3);border:none;background:transparent;border-radius:var(--csc-radius-md);font-size:var(--csc-text-sm);color:var(--csc-text-primary);text-decoration:none}.csc-dropdown-item:hover{background:var(--csc-surface-secondary)}.csc-dropdown-item--danger{color:var(--csc-color-danger)}.csc-page-content{flex:1;overflow-y:auto}.csc-pos-page{padding:var(--csc-space-4) var(--csc-space-5);max-width:1600px}.csc-pos-grid{display:grid;grid-template-columns:minmax(290px,1fr) minmax(330px,1.15fr) minmax(250px,.85fr);gap:var(--csc-space-4);align-items:start}@media (max-width: 1100px){.csc-pos-grid{grid-template-columns:1fr}}.csc-pos-col{display:flex;flex-direction:column;gap:var(--csc-space-3);min-width:0}.csc-pos-card{background:var(--csc-surface-primary);border:1px solid var(--csc-border-subtle);border-radius:var(--csc-radius-lg);padding:var(--csc-space-4)}.csc-pos-page .csc-form-label{margin-bottom:var(--csc-space-2);font-size:var(--csc-text-xs)}.csc-pos-page .csc-form-input{height:32px;font-size:var(--csc-text-sm)}.csc-pos-page textarea.csc-form-input{height:auto}.csc-pos-lines{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow-y:auto}.csc-pos-line{display:grid;grid-template-columns:1fr 1.2fr 82px 28px;gap:6px;align-items:center}.csc-pos-line .csc-form-input{height:30px;font-size:var(--csc-text-xs)}.csc-pos-amount{text-align:right;font-variant-numeric:tabular-nums}.csc-pos-basket{display:flex;flex-direction:column;gap:6px;max-height:210px;overflow-y:auto;margin-top:var(--csc-space-2)}.csc-pos-basket-row{display:grid;grid-template-columns:minmax(0,1fr) 54px 74px 62px 26px;gap:5px;align-items:center}.csc-pos-basket-row .csc-form-input{height:28px;font-size:var(--csc-text-xs)}.csc-pos-basket-name{display:flex;flex-direction:column;min-width:0;font-size:var(--csc-text-xs);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csc-pos-basket-meta{font-size:10px;color:var(--csc-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csc-pos-qty{text-align:center;font-variant-numeric:tabular-nums}.csc-pos-basket-total{text-align:right;font-size:var(--csc-text-xs);font-variant-numeric:tabular-nums}.csc-pos-total{display:flex;justify-content:space-between;align-items:baseline;font-variant-numeric:tabular-nums}.csc-pos-total--grand{border-top:1px solid var(--csc-border-subtle);margin-top:var(--csc-space-2);padding-top:var(--csc-space-2);font-weight:700;font-size:var(--csc-text-lg)}.csc-pos-chip{display:inline-block;padding:1px 6px;border-radius:var(--csc-radius-pill);background:var(--csc-color-primary-50);color:var(--csc-color-primary-700);font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.csc-pos-warn{color:var(--csc-color-danger);font-size:var(--csc-text-xs)}.csc-pos-ok{color:var(--csc-color-success);font-size:var(--csc-text-xs)}.csc-table-scroll{overflow:auto;max-height:65vh;margin-top:10px;border:1px solid var(--csc-border-subtle);border-radius:var(--csc-radius-md)}.csc-table{width:100%;border-collapse:collapse;font-size:var(--csc-text-sm)}.csc-table th,.csc-table td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--csc-border-subtle)}.csc-table thead th{position:sticky;top:0;z-index:var(--csc-z-base);background:var(--csc-surface-secondary);border-bottom:2px solid var(--csc-border-subtle);font-size:var(--csc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--csc-text-secondary);white-space:nowrap}.csc-table tbody tr:hover{background:var(--csc-color-primary-50)}.csc-table-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.csc-table-actions{text-align:right;white-space:nowrap}.csc-table-sort{padding:0;border:none;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.csc-table-sort:hover{color:var(--csc-text-primary)}.csc-row-inactive td{opacity:.55}@media (max-width: 768px){.csc-sidebar-backdrop{display:block}.csc-layout--expanded .csc-sidebar{position:fixed;height:100vh;z-index:calc(var(--csc-z-dropdown) + 1)}}
