:root{--top:#344957;--side:#304451;--blue:#2093c3;--line:#c9d0d4;--head:#e4e8eb;--text:#27343b;--muted:#77838a;--green:#2b9b63;--red:#b44d42}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--text);background:#f4f5f6;font-size:13px}button,input,select,textarea{font:inherit}.cp-topbar{height:62px;background:var(--top);color:#fff;display:flex;align-items:center;gap:18px;padding:0 16px;position:sticky;top:0;z-index:20}.cp-brand{display:flex;align-items:center;gap:5px;color:#fff;text-decoration:none;font-size:28px}.cp-brand span{background:#2495c5;border-radius:3px;font-size:13px;padding:4px}.cp-site{font-size:14px;font-weight:bold}.cp-site small{display:block;color:#b9c6cd;font-weight:normal}.cp-global-search{display:flex;align-items:center;background:#fff;border-radius:2px;min-width:260px;height:33px;color:#738089}.cp-global-search span{padding-left:9px;font-size:20px}.cp-global-search input{border:0;outline:0;width:100%;padding:7px}.cp-top-actions{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap}.cp-top-actions>span:first-child{font-size:11px;color:#c8d2d7}.cp-top-actions button,.cp-top-actions #staffBadge{border:1px solid #657783;background:#405764;color:#fff;border-radius:3px;padding:7px 10px}.cp-layout{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 62px)}.cp-sidebar{background:var(--side);padding:18px 0}.cp-sidebar nav{display:grid}.cp-sidebar a{color:#c9d3d8;text-decoration:none;padding:12px 18px;border-left:4px solid transparent}.cp-sidebar a:hover,.cp-sidebar a.active{background:#2695c0;color:#fff;border-left-color:#fff}.cp-main{min-width:0;padding:12px 18px 28px}.breadcrumbs{color:#8a9499;font-size:11px;margin-bottom:7px}.page-title{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.page-title h1{font-size:20px;font-weight:500;margin:0 0 10px}.page-title span{font-size:12px;color:var(--muted)}.customer-tabs{display:flex;flex-wrap:wrap;margin:12px 0}.customer-tabs button{border:1px solid #c9cfd2;background:#f0f1f2;color:#4e5a61;padding:9px 13px;margin-right:3px;border-radius:2px;cursor:pointer}.customer-tabs button.active{background:#fff;color:#1f2a30;border-bottom-color:#fff;box-shadow:inset 0 2px var(--blue)}.action-links{display:flex;flex-wrap:wrap;gap:22px;padding:9px 0}.action-links button{border:0;background:transparent;color:#1687b5;padding:3px 0;cursor:pointer}.registration-filter{background:#fff;border:1px solid var(--line);border-bottom:0;padding:11px 13px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.registration-filter label{cursor:pointer}.filter-panel{background:#fff;border:1px solid var(--line);padding:13px;display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:9px 18px}.filter-panel label{display:grid;grid-template-columns:120px 1fr;align-items:center}.filter-panel input,.filter-panel select,.module-view input,.module-view select,.module-view textarea{width:100%;border:1px solid #bfc7cb;border-radius:2px;background:#fff;padding:6px 8px;min-height:31px}.filter-panel .primary,.module-button{justify-self:start;border:1px solid #147ca6;background:#218fbc;color:#fff;border-radius:3px;padding:7px 15px;cursor:pointer}.list-summary{display:flex;align-items:center;justify-content:space-between;padding:15px 4px 6px}.pagination{display:flex;align-items:center;gap:8px}.pagination button,.table-action,.secondary-button{border:1px solid #bcc5c9;background:#f8f8f8;border-radius:2px;padding:5px 9px;cursor:pointer}.pagination button:disabled{opacity:.45}.table-wrap,.module-table-wrap{overflow:auto;border:1px solid var(--line);background:#fff}.clients-table,.module-table{border-collapse:collapse;min-width:1600px;width:100%}.clients-table th,.module-table th{background:var(--head);border-right:1px solid #bbc3c8;border-bottom:1px solid #bbc3c8;padding:8px 7px;text-align:left;font-size:11px;white-space:nowrap}.clients-table td,.module-table td{border-right:1px solid #d5dade;border-bottom:1px solid #dfe3e5;padding:7px;vertical-align:top;max-width:250px}.clients-table tbody tr:hover{background:#edf7fb}.client-link{border:0;background:none;color:#1687b5;padding:0;text-align:left;cursor:pointer}.small-muted{display:block;color:#889399;font-size:11px;margin-top:3px}.money{text-align:right;white-space:nowrap}.status{display:inline-block;border-radius:10px;padding:3px 7px;background:#e8f5ed;color:#237447;white-space:nowrap}.status.deleted{background:#f3eeee;color:#8a5550}.tags{white-space:normal}.bottom-pagination{justify-content:flex-end;padding:10px 0}.module-view{background:#fff;border:1px solid var(--line);padding:15px;min-height:280px}.module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:13px}.module-head h2{font-size:18px;margin:0 0 7px}.module-links{display:flex;gap:20px;color:#1687b5}.module-table{min-width:980px}.module-subtabs{display:flex;border-bottom:1px solid var(--line);margin:-2px 0 18px}.module-subtabs button{border:0;background:transparent;padding:9px 13px;border-bottom:2px solid transparent}.module-subtabs button.active{border-color:var(--blue);color:#1687b5}.form-grid{max-width:920px;display:grid;grid-template-columns:1fr 1fr;gap:11px 18px}.form-grid label{display:grid;grid-template-columns:210px 1fr;align-items:center}.form-grid label.wide{grid-column:1/-1}.form-grid textarea{min-height:80px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:5px}.save-state{color:var(--green)}.editable-table input{min-width:120px}.editable-table .color-input{min-width:48px;width:48px;padding:2px}.danger-button{border:1px solid #d8aaa5;background:#fff;color:var(--red);border-radius:2px;padding:5px 9px}.module-note{background:#edf6fa;border-left:4px solid var(--blue);padding:10px 12px;margin-bottom:14px}.client-dialog,.message-dialog{border:1px solid #9ba8ae;border-radius:3px;padding:0;box-shadow:0 12px 45px #0005;width:min(780px,calc(100vw - 30px))}.client-dialog::backdrop,.message-dialog::backdrop{background:#1b293188}.dialog-close{float:right;border:0;background:transparent;font-size:28px;padding:8px 14px;cursor:pointer}.client-card{padding:22px}.client-card h2{font-size:21px;margin:0 0 4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;border-top:1px solid var(--line);margin-top:13px;padding-top:13px}.detail-field span{display:block;color:var(--muted);font-size:11px}.detail-field strong{display:block;margin-top:3px}.detail-form{display:grid;gap:10px;margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.detail-form label{display:grid;gap:4px}.detail-form textarea{min-height:90px}.message-dialog #messageDialogContent{padding:26px 24px}.message-dialog h2{margin-top:0}.empty-row{text-align:center;color:var(--muted);padding:35px!important}@media(max-width:1050px){.cp-layout{grid-template-columns:150px 1fr}.filter-panel{grid-template-columns:1fr 1fr}.cp-global-search{display:none}.cp-top-actions #syncInfo{display:none}}@media(max-width:720px){.cp-topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:8px}.cp-site{display:none}.cp-layout{display:block}.cp-sidebar{padding:0}.cp-sidebar nav{display:flex;overflow:auto}.cp-sidebar a{white-space:nowrap;padding:10px;border-left:0;border-bottom:3px solid transparent}.cp-main{padding:10px}.filter-panel{grid-template-columns:1fr}.filter-panel label{grid-template-columns:105px 1fr}.registration-filter{gap:10px}.form-grid{grid-template-columns:1fr}.form-grid label,.form-grid label.wide{grid-column:1;grid-template-columns:1fr}.cp-top-actions{width:100%;margin:0}.cp-top-actions button{padding:5px 7px}.customer-tabs{overflow:auto;flex-wrap:nowrap}.customer-tabs button{white-space:nowrap}}
.history-table-scroll{max-width:100%;overflow-x:auto}.history-pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 4px;border-top:1px solid #d6dade}.history-pager button,#refreshCustomerHistory{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;padding:4px;border:1px solid #c9d0d4;border-radius:3px;background:#fff;color:#287ba2}.history-pager button:disabled{opacity:.4;cursor:default}.history-pager svg,#refreshCustomerHistory svg{width:18px;height:18px}.history-pager [data-history-error]{color:#ad3328;overflow-wrap:anywhere}.finance-snapshot-date{font-size:12px;color:#62717a}.client-card-toolbar{flex-wrap:wrap;gap:10px}.client-card-toolbar span{overflow-wrap:anywhere}
.order-number-link{border:0;background:none;color:#1879a9;padding:0;cursor:pointer;text-decoration:underline;font:inherit}
.order-detail-dialog{width:min(1200px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #b7c4cc;border-radius:4px;color:#263640;background:#fff}
.order-detail-dialog::backdrop{background:#0007}
.order-detail-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#e8edf0;position:sticky;top:0;z-index:1}
.order-detail-dialog h2{font-size:18px;margin:0;overflow-wrap:anywhere}
.order-detail-dialog [data-close]{width:32px;height:32px;padding:6px;flex:none}
.order-detail-dialog svg{width:18px;height:18px}
.order-detail-content{padding:16px;min-width:0}
.order-facts{display:flex;flex-wrap:wrap;gap:12px 24px}
.order-updated,.order-payment-note{font-size:12px;color:#526673;line-height:1.5}
.order-warning{color:#934b07;background:#fff3dd;padding:10px}
.order-detail-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #c6d1d7;margin:16px 0 12px}
.order-detail-tabs button{padding:8px 12px;border:1px solid #c6d1d7;background:#f2f5f6;border-radius:3px 3px 0 0;color:#263640}
.order-detail-tabs [aria-selected=true]{background:#198dbc;color:white}
.order-detail-dialog input[type=search]{width:min(420px,100%);box-sizing:border-box;margin-bottom:12px;padding:8px}
.order-detail-dialog .mini-table{min-width:750px}
.order-detail-dialog td{max-width:360px;overflow-wrap:anywhere}
.order-empty{padding:16px;color:#607782}
.order-detail-dialog #order-pane-goods td:nth-child(1),.order-detail-dialog #order-pane-goods td:nth-child(2){white-space:nowrap;min-width:80px;overflow-wrap:normal}
.cp-layout{grid-template-columns:230px minmax(0,1fr)}
.cp-layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
.cp-sidebar{position:sticky;top:var(--cp-header-height,62px);height:calc(100dvh - var(--cp-header-height,62px));padding:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#7c929d transparent;align-self:start}
.sidebar-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-height:38px;padding:3px 8px;position:sticky;top:0;background:var(--side);z-index:2}
.sidebar-toolbar button,.sidebar-restore{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#c6d3dc;cursor:pointer;min-width:32px;min-height:32px;padding:6px}
.sidebar-toolbar button:hover,.sidebar-restore:hover{background:#ffffff18;color:white}
.sidebar-toolbar [data-menu-heading]{margin-right:auto;font-size:11px;color:#c6d3dc}
.sidebar-toolbar [data-menu-done]{color:#53c4f0;padding:4px;font-size:12px}
.cp-sidebar svg,.sidebar-restore svg{width:18px;height:18px;flex:none}
.cp-sidebar nav.sidebar-items{display:block;overflow:visible}
.sidebar-item{display:flex;align-items:center;min-width:0}
.cp-sidebar .sidebar-link{display:flex;align-items:center;gap:9px;color:#c9d3d8;text-decoration:none;padding:9px 10px;border:0;min-height:36px;width:100%;min-width:0;font-size:12px}
.cp-sidebar a.sidebar-link:hover,.cp-sidebar .sidebar-link.active{background:#249bc8;color:white;border:0}
.sidebar-label{min-width:0;flex:1;overflow-wrap:anywhere;line-height:1.35;white-space:normal}
.sidebar-source{font-size:8px;opacity:.65;flex:none}
.sidebar-group-heading{padding:16px 12px 6px;color:#aabcc7;font-size:10px;text-transform:uppercase}
.sidebar-switch{appearance:none;width:28px;height:16px;border:1px solid #182e3a;background:#243844;border-radius:9px;position:relative;flex:none;margin:0 9px 0 2px;cursor:pointer}
.sidebar-switch:before{content:"";display:block;position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:#8296a2}
.sidebar-switch:checked{background:#168abe;border-color:#168abe}
.sidebar-switch:checked:before{transform:translateX(12px);background:#dce7ed}
.sidebar-switch:focus-visible,.sidebar-toolbar button:focus-visible,.sidebar-restore:focus-visible{outline:2px solid #72d7ff;outline-offset:2px}
.is-editing .sidebar-link{padding-right:2px}
.is-editing .is-hidden-item .sidebar-link{opacity:.55}
.sidebar-hidden{margin-top:14px;padding-bottom:12px}
.sidebar-hidden summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px;color:#b6c5cf;font-size:12px}
.sidebar-hidden summary::-webkit-details-marker{display:none}
.sidebar-hidden summary svg:last-child{margin-left:auto;width:14px}
.sidebar-hidden[open] summary svg:last-child{transform:rotate(180deg)}
.sidebar-hidden .sidebar-link{color:#a7b8c3}
#sidebarBackdrop{display:none}
@media(max-width:1050px){.cp-layout{grid-template-columns:230px minmax(0,1fr)}.cp-layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.cp-layout,.cp-layout.sidebar-collapsed{display:block}.cp-sidebar{position:fixed;left:0;top:var(--cp-header-height,100px);width:min(270px,calc(100vw - 32px));z-index:32;height:calc(100dvh - var(--cp-header-height,100px));box-shadow:4px 0 16px #0003}.cp-layout:not(.sidebar-collapsed)>#sidebarBackdrop{display:block;position:fixed;inset:var(--cp-header-height,100px) 0 0;border:0;background:#0005;z-index:31}.cp-sidebar .sidebar-link{padding:10px 12px;min-height:42px}.sidebar-toolbar{min-height:42px}}