:root{--text:#2b2b33;--text-muted:#6b6375;--bg:#f4f5f7;--panel-bg:#fff;--floor-bg:#e7e2d6;--border:#d9dae0;--accent:#2f6fed;--accent-bg:#2f6fed1a;--highlight:#ffcf4d;--danger:#d64545;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:15px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e4e4e7;--text-muted:#9ca3af;--bg:#16171d;--panel-bg:#1f2028;--floor-bg:#2a2721;--border:#33343d;--accent:#6a9bff;--accent-bg:#6a9bff26;--highlight:#d9a900}}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0;font-weight:600}button{font:inherit;cursor:pointer}input,select{font:inherit}.app{flex-direction:column;height:100vh;display:flex}.app__header{background:var(--panel-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:12px 20px;display:flex}.app__logo{width:auto;height:28px;display:block}.app__header-left{align-items:center;gap:20px;display:flex}.app__stats{align-items:center;gap:16px;display:flex}.app__stat{color:var(--text-muted);white-space:nowrap;font-size:12px}.app__stat strong{color:var(--text);font-size:13px}.tab-nav{gap:4px;display:flex}.tab-nav__item{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600}.tab-nav__item:hover{background:var(--accent-bg);color:var(--text)}.tab-nav__item--active{background:var(--accent);color:#fff}.tab-nav__item--empty{color:#8a6a2c;background:#f3e2c2}.tab-nav__item--empty:hover{color:#8a6a2c;background:#ecd7a8}.tab-nav__item--empty.tab-nav__item--active{color:#fff;background:#b5872c}.tab-nav__item--in_storage{color:#1c7a4d;background:#cdeedd}.tab-nav__item--in_storage:hover{color:#1c7a4d;background:#b3e3cb}.tab-nav__item--in_storage.tab-nav__item--active{color:#fff;background:#1c7a4d}.tab-nav__item--with_customer{color:#1a4b8f;background:#cfe3ff}.tab-nav__item--with_customer:hover{color:#1a4b8f;background:#b3d1ff}.tab-nav__item--with_customer.tab-nav__item--active{color:#fff;background:#1a4b8f}.app__content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-toolbar{background:var(--panel-bg);border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:12px 20px;display:flex}.page-toolbar .btn{white-space:nowrap;flex:none}.page-toolbar__title{white-space:nowrap;font-size:16px}.page-body{flex:1;display:flex;position:relative;overflow:hidden}.items-page__panel-overlay{z-index:20;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-6px 0 20px #00000040}.items-page__scroll{flex-direction:column;flex:1;gap:32px;padding:24px;display:flex;overflow:auto}.app__sidebar{border-right:1px solid var(--border);background:var(--panel-bg);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow-y:auto}.app__main{background:var(--bg);cursor:grab;touch-action:none;flex:1;position:relative;overflow:hidden}.app__main--panning{cursor:grabbing}.map-transform{position:absolute;top:0;left:0}.zoom-controls{border:1px solid var(--border);background:var(--panel-bg);z-index:300;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:16px;right:16px;overflow:hidden;box-shadow:0 2px 8px #0000001f}.zoom-controls button{border:none;border-bottom:1px solid var(--border);background:var(--panel-bg);color:var(--text);cursor:pointer;width:40px;height:32px;font-size:14px}.zoom-controls button:last-child{border-bottom:none}.zoom-controls button:hover{background:var(--accent-bg)}.search-bar{flex:1;align-items:center;gap:8px;max-width:560px;display:flex;position:relative}.search-bar__field{border:1px solid var(--border);background:var(--bg);box-sizing:border-box;border-radius:6px;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-height:34px;padding:3px 8px;display:flex}.search-bar__field input{min-width:80px;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:3px 2px}.search-bar__count{color:var(--text-muted);white-space:nowrap;flex:none;font-size:12px}.search-bar__clear{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;flex:none;padding:6px 10px;font-size:12px}.search-bar__clear:hover{color:var(--danger);border-color:var(--danger)}.search-chip{background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:12px;align-items:center;gap:3px;padding:2px 3px 2px 8px;font-size:12px;font-weight:600;display:inline-flex}.search-chip button{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0 3px;font-size:15px;line-height:1}.search-chip button:hover{color:var(--danger);background:#00000014}.search-suggestions{background:var(--panel-bg);border:1px solid var(--border);z-index:400;border-radius:8px;max-height:320px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #00000026}.search-suggestions ul{margin:0;padding:0;list-style:none}.search-suggestions li+li{margin-top:2px}.search-suggestions__heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:6px 10px 2px;font-size:10px;font-weight:700}.search-suggestions button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.search-suggestions button:hover{background:var(--accent-bg)}.search-suggestions__id{font-size:13px;font-weight:700}.search-suggestions__customer{color:var(--text-muted);font-size:12px}.add-crate-form{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:12px;display:flex}.add-crate-form input,.add-crate-form select,.add-crate-form button{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 8px}.add-crate-form button{background:var(--accent);color:#fff;border-color:var(--accent)}.add-crate-form button:disabled,.edit-toolbar__new-row button:disabled{background:var(--bg);color:var(--text-muted);border-color:var(--border);opacity:.6;cursor:not-allowed}.pool{padding:12px}.pool+.pool{border-top:1px solid var(--border)}.pool__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:10px;font-size:13px}.pool__list{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px 6px;display:grid}.pool__empty{color:var(--text-muted);font-size:13px}.warehouse-map{background-color:var(--floor-bg);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);border:1px solid var(--border);background-size:70px 70px;border-radius:4px;flex-shrink:0;position:relative}.stack-group,.stack-group__member{position:absolute}.stack-summary{z-index:200;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:center;box-sizing:border-box;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:center;gap:1px;padding:1px 2px;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000040}.stack-summary--highlighted{box-shadow:0 0 0 3px var(--highlight), 0 2px 6px #00000040}.stack-summary--moved{box-shadow:0 0 0 3px var(--accent), 0 2px 6px #00000040}.stack-summary--drop-target{outline:3px dashed var(--accent);outline-offset:2px}.stack-summary__badge{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 3px #0006}.stack-summary__bay{text-overflow:ellipsis;white-space:nowrap;color:#ffffffbf;text-transform:uppercase;letter-spacing:.03em;flex:none;max-width:100%;font-size:7px;font-weight:600;line-height:1.2;overflow:hidden}.stack-summary__ids{flex:1;grid-auto-rows:min-content;place-content:center;place-items:center;gap:1px 2px;width:100%;min-height:0;display:grid;overflow:hidden auto}.stack-summary__id{font-size:inherit;white-space:nowrap;cursor:grab;touch-action:none;border-radius:2px;padding:0 1px;font-weight:700;line-height:1.1}.stack-summary__id--empty{color:#3a2f1a;background:#cbb994;border:1px solid #9c8a63;border-radius:999px;padding:0 4px}.stack-summary__id:hover{background:#fff3}.stack-summary__id--selected{outline:2px solid var(--accent);outline-offset:1px}.stack-summary__id--highlighted{background:var(--highlight);color:#3a2f00;outline:1px solid var(--highlight)}.stack-summary__id--moved{background:var(--accent);color:#fff;outline:1px solid var(--accent)}.app__header .btn{white-space:nowrap;flex:none}.wall-box{background:repeating-linear-gradient(45deg,#6b6b70,#6b6b70 4px,#58585c 4px 8px);border:1px solid #444448;position:absolute}.wall-box--editable{cursor:grab}.wall-box--selected{outline:2px solid var(--accent);outline-offset:1px}.label-box{color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;position:absolute}.label-box--editable{cursor:grab;border-radius:3px;padding:2px 4px}.label-box--editable:hover{background:var(--accent-bg)}.label-box--selected{outline:2px dashed var(--accent)}.bay-box{background:#9aa5b114;border:2px dashed #9aa5b1;border-radius:4px;justify-content:flex-start;align-items:flex-start;padding:2px 4px;display:flex;position:absolute}.bay-box--editable{cursor:grab}.bay-box--selected{outline:2px solid var(--accent);border-color:var(--accent)}.bay-box--highlighted{border-color:var(--highlight);box-shadow:0 0 0 3px var(--highlight);z-index:150;pointer-events:none;background:#ffcf4d2e}.bay-box--moved{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px var(--accent);z-index:150;pointer-events:none}.bay-box--drop-target{outline:3px dashed var(--accent);outline-offset:2px;z-index:150;pointer-events:none}.bay-box__code{color:var(--text-muted);white-space:nowrap;font-size:10px}.crate-box{color:#3a2f1a;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#cbb994;border:1px solid #9c8a63;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;font-size:10px;line-height:1.2;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000026}.crate-box__id{font-weight:600}.crate-box__customer{opacity:.8;font-size:9px}.crate-box--assigned{background:#b9d3a8;border-color:#7fa568}.crate-box--selected{outline:2px solid var(--accent);outline-offset:1px}.crate-box--highlighted{box-shadow:0 0 0 3px var(--highlight)}.crate-box--drop-target{outline:3px dashed var(--accent);outline-offset:2px}.drag-ghost{pointer-events:none;opacity:.85;z-index:1000;position:fixed}.drag-ghost__wall{background:repeating-linear-gradient(45deg,#6b6b70,#6b6b70 4px,#58585c 4px 8px);border:1px solid #444448;border-radius:2px}.drag-ghost__label{color:var(--text-muted);background:var(--panel-bg);border:1px dashed var(--accent);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:12px;font-weight:600}.drag-ghost__bay{border:2px dashed var(--accent);background:var(--accent-bg);color:var(--text-muted);border-radius:4px;justify-content:flex-start;align-items:flex-start;padding:2px 4px;font-size:10px;display:flex}.assign-panel{border-left:1px solid var(--border);background:var(--panel-bg);flex-shrink:0;width:280px;padding:16px;overflow-y:auto}.assign-panel--wide{width:560px}.assign-panel__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.assign-panel__close{color:var(--text-muted);background:0 0;border:none;font-size:20px;line-height:1}.assign-panel__title{align-items:center;gap:8px;display:flex}.assign-panel__title .crate-icon{width:26px;height:26px}.assign-panel__emphasis{background:var(--accent-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:700}.status-pill--empty{color:#8a6a2c;background:#f3e2c2}.status-pill--in_warehouse{color:#1c7a4d;background:#cdeedd}.status-pill--with_customer{color:#1a4b8f;background:#cfe3ff}.assign-panel__status-block{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.assign-panel__customer{flex-direction:column;align-items:flex-end;min-width:0;display:flex}.assign-panel__customer-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px}.assign-panel__customer-name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;font-weight:700;overflow:hidden}.assign-panel__customer-name--empty{color:var(--text-muted);font-size:15px;font-style:italic;font-weight:500}.assign-panel__meta{grid-template-columns:auto 1fr;gap:4px 10px;margin-bottom:16px;font-size:13px;display:grid}.assign-panel__meta dt{color:var(--text-muted)}.assign-panel__meta dd{align-items:center;gap:8px;margin:0;display:flex}.rotate-inline{border:1px solid var(--border);background:var(--bg);width:22px;height:22px;color:var(--text);cursor:pointer;border-radius:5px;flex:none;padding:0;font-size:13px;line-height:1}.assign-panel__field{color:var(--text-muted);margin-bottom:12px;font-size:12px;display:block}.assign-panel__field select,.assign-panel__field input,.assign-panel__field textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;box-sizing:border-box;border-radius:6px;margin-top:4px;padding:6px 8px;display:block}.assign-panel__field textarea{resize:vertical}.assign-panel__new-customer{gap:6px;margin:-6px 0 14px;display:flex}.assign-panel__new-customer input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;padding:5px 8px;font-size:12px}.assign-panel__actions{gap:8px;margin-top:12px;display:flex}.btn{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;padding:8px 10px}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--danger{color:var(--danger);border-color:var(--danger)}.btn:disabled,.btn--primary:disabled{opacity:.45;cursor:not-allowed;background:var(--bg);color:var(--text-muted);border-color:var(--border)}.btn--solid{background:var(--danger);color:#fff}.btn--small{flex:none;padding:4px 8px;font-size:12px}.customer-modal__items-divider,.assign-panel__section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.assign-panel__section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:10px;font-size:13px}.assign-panel__new-note{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.assign-panel__new-note textarea{resize:vertical;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:6px;padding:6px 8px;font-size:12px}.assign-panel__notes,.assign-panel__history{flex-direction:column;gap:8px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.assign-panel__notes li,.assign-panel__history li{border-bottom:1px solid var(--border);padding-bottom:8px;font-size:12px}.assign-panel__notes p{margin:2px 0 0}.assign-panel__history li{justify-content:space-between;gap:8px;display:flex}.assign-panel__timestamp{color:var(--text-muted);white-space:nowrap;font-size:11px}.assign-panel__history-item--notable span:last-child{color:var(--accent);font-weight:600}.assign-panel__empty{color:var(--text-muted);border-bottom:none!important}.assign-panel__checkbox{align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.edit-toolbar{flex-direction:column;gap:16px;padding:16px;display:flex}.edit-toolbar__title{font-size:15px}.edit-toolbar__section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;font-size:12px}.edit-toolbar__section{flex-direction:column;gap:8px;display:flex}.edit-toolbar__dims{gap:10px;display:flex}.edit-toolbar__dims label{color:var(--text-muted);flex:1;font-size:12px}.edit-toolbar__dims input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;margin-top:4px;padding:6px 8px;display:block}.edit-toolbar__new-row{gap:6px;display:flex}.edit-toolbar__new-row input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.edit-toolbar__rows{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.edit-toolbar__rows li{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:8px;font-size:12px;display:flex}.edit-toolbar__rows li>div{gap:6px;display:flex}.edit-toolbar__hint{color:var(--text-muted);font-size:11px;line-height:1.5}.confirm-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--panel-bg);border-radius:8px;width:320px;padding:20px;box-shadow:0 10px 30px #0000004d}.confirm-dialog h3{margin:0 0 8px;font-size:16px}.confirm-dialog p{color:var(--text-muted);margin:0 0 16px;font-size:13px}.confirm-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.confirm-dialog__actions .btn{flex:none;padding:8px 14px}.items-section{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;padding:16px}.items-section__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.items-section__header h3{margin:0;font-size:15px}.items-section__add-form{flex-wrap:wrap;gap:8px;display:flex}.items-section__add-form input,.items-section__add-form select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;min-width:140px;padding:6px 10px;font-size:13px}.tab-nav--sub{margin-bottom:12px}.items-search{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;margin-bottom:12px;padding:6px 10px;font-size:13px;display:block}.items-pagination{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.items-pagination .btn{flex:none}.items-pagination__label{color:var(--text-muted);white-space:nowrap;font-size:12px}.items-table__row--clickable{cursor:pointer}.items-table__row--clickable:hover,.items-table__row--selected{background:var(--accent-bg)}.items-section__add-form button{border:1px solid var(--accent);background:var(--accent);color:#fff;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.items-section__add-form button:disabled{background:var(--border);border-color:var(--border);color:var(--text-muted)}.items-table{border-collapse:collapse;width:100%;font-size:13px}.items-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;padding:8px 10px;font-size:12px;font-weight:600}.items-table td{border-bottom:1px solid var(--border);padding:8px 10px}.items-table tbody tr:last-child td{border-bottom:none}.items-table__id{font-weight:600}.items-table__id-cell{align-items:center;gap:6px;display:inline-flex}.crate-icon,.lock-icon{object-fit:contain;vertical-align:middle;flex:none;width:16px;height:16px}.items-table--lg{font-size:16px}.items-table--lg th{padding:10px 12px;font-size:14px}.items-table--lg td{padding:10px 12px}.items-table--lg .crate-icon,.items-table--lg .lock-icon{width:20px;height:20px}.items-table__muted{color:var(--text-muted)}.items-table__actions{gap:8px;display:flex}.items-table__empty{text-align:center;color:var(--text-muted);padding:20px 10px}.items-table__name-cell{align-items:center;gap:10px;display:flex}.new-tag{color:#8a6a2c;text-transform:uppercase;letter-spacing:.03em;background:#f3e2c2;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.new-tag--green{color:#2f7a35;background:#d9f0da}.new-tag--archived{background:var(--border);color:var(--text-muted)}.customers-page__show-archived{color:var(--text-muted);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.jobs-page__desc{color:var(--text-muted);margin-top:2px;font-size:12px}.avatar{color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar--sm{width:30px;height:30px;font-size:11px}.avatar--lg{width:72px;height:72px;font-size:24px}.customer-modal-overlay{z-index:1500;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.customer-modal{background:var(--panel-bg);border-radius:12px;flex-direction:column;width:min(1100px,100%);height:min(880px,100%);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.customer-modal__header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:16px;padding:24px 28px;display:flex}.customer-modal__title{flex:1;min-width:0}.customer-modal__title h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;overflow:hidden}.customer-modal__company{color:var(--text-muted);margin:2px 0 0;font-size:13px}.customer-modal__tabs{flex:none;margin:0;padding:12px 28px 0}.customer-modal__body{flex:1;padding:20px 28px 28px;overflow-y:auto}.customer-modal__crate-panel{z-index:1600;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-6px 0 20px #00000059}.profile-info__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.profile-info__header h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:13px}.profile-info__meta{grid-template-columns:120px 1fr;font-size:14px}.profile-info__meta dd{padding:3px 0}.status-pill--paid{color:#1c7a4d;background:#cdeedd}.status-pill--pending{color:#8a6a2c;background:#f3e2c2}.status-pill--failed{color:#9a3412;background:#f6d9d0}.customer-add-crate{margin-bottom:14px;position:relative}.customer-add-crate label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.customer-add-crate input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:6px 8px;display:block}.icon-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.icon-btn:hover{background:var(--accent-bg);color:var(--text)}.icon-btn--danger:hover{color:var(--danger);background:#d94a3c1f}.add-customer-modal{background:var(--panel-bg);border-radius:12px;width:min(620px,100%);overflow:hidden;box-shadow:0 20px 60px #00000059}.add-customer-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.add-customer-modal__header h2{margin:0;font-size:18px}.add-customer-modal__form{grid-template-columns:1fr 1fr;gap:4px 20px;padding:24px;display:grid}.add-customer-modal__form .assign-panel__field{margin-bottom:14px}.add-customer-modal__full{grid-column:1/-1}.assign-wizard{background:var(--panel-bg);border-radius:12px;flex-direction:column;width:min(720px,100%);max-height:min(780px,92vh);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.assign-wizard__header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.assign-wizard__header h2{margin:0;font-size:18px}.assign-wizard__body{flex:1;padding:20px 24px;overflow-y:auto}.assign-wizard__hint{color:var(--text-muted);margin:0 0 14px;font-size:13px}.assign-wizard__group-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:18px 0 6px;font-size:11px;font-weight:700}.assign-wizard__group-heading:first-child{margin-top:0}.assign-wizard__footer{border-top:1px solid var(--border);flex:none;justify-content:space-between;gap:8px;padding:16px 24px;display:flex}.assign-wizard__footer .btn{flex:none;padding:8px 16px}.items-table__checkbox-cell{width:28px}.wizard-select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:5px 8px;font-size:13px}.assign-wizard__job-options{gap:12px;margin-top:8px;display:flex}.assign-wizard__job-option{border:1px solid var(--border);background:var(--bg);color:var(--text);text-align:left;cursor:pointer;border-radius:8px;flex:1;padding:18px}.assign-wizard__job-option:hover{border-color:var(--accent);background:var(--accent-bg)}.assign-wizard__job-option:disabled{opacity:.5;cursor:not-allowed}.assign-wizard__job-option-label{margin-bottom:4px;font-size:14px;font-weight:700}.assign-wizard__job-option-desc{color:var(--text-muted);font-size:12px}.assign-wizard__success{text-align:center;padding:24px 0 8px}.assign-wizard__success-icon{color:#1c7a4d;background:#cdeedd;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:24px;font-weight:700;display:flex}.assign-wizard__job-summary{border:1px solid var(--border);background:var(--accent-bg);max-width:480px;color:var(--text);text-align:left;border-radius:8px;margin:14px auto 0;padding:14px 16px;font-size:14px;line-height:1.6}.invoice-creator{background:var(--panel-bg);border-radius:12px;flex-direction:column;width:min(680px,100%);max-height:min(880px,92vh);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.invoice-creator__header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.invoice-creator__header h2{margin:0;font-size:18px}.invoice-creator__body{flex:1;padding:20px 24px;overflow-y:auto}.invoice-creator__add{border-bottom:1px dashed var(--border);flex-direction:column;gap:8px;margin-bottom:18px;padding-bottom:18px;display:flex}.invoice-creator__add-row{align-items:center;gap:8px;display:flex}.invoice-creator__template-select{flex:1}.invoice-creator__add-row--custom input[type=text]{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:2;padding:5px 8px;font-size:13px}.invoice-creator__add-row--custom input[type=number]{border:1px solid var(--border);background:var(--bg);min-width:80px;color:var(--text);border-radius:6px;flex:1;padding:5px 8px;font-size:13px}.invoice-creator__save-template{color:var(--text-muted);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:11px;display:flex}.invoice-creator__footer{border-top:1px solid var(--border);flex:none;padding:16px 24px}.invoice-creator__footer-note{margin:0 0 10px}.invoice-creator__footer-actions{justify-content:flex-end;gap:8px;display:flex}.invoice-creator__footer-actions .btn{flex:none;padding:8px 16px}.invoice-preview{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:24px}.invoice-preview__header{border-bottom:2px solid var(--text);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;display:flex}.invoice-preview__brand{letter-spacing:-.01em;font-size:20px;font-weight:800}.invoice-preview__muted{color:var(--text-muted);margin-top:2px;font-size:12px}.invoice-preview__meta{text-align:right}.invoice-preview__badge{background:var(--accent-bg);color:var(--accent);letter-spacing:.05em;border-radius:999px;margin-bottom:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.invoice-preview__bill-to{margin-bottom:20px;font-size:13px;line-height:1.6}.invoice-preview__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.invoice-preview__customer-name{font-size:14px;font-weight:700}.invoice-preview__table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px}.invoice-preview__table th{text-align:left;border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding:6px 4px;font-size:11px;font-weight:600}.invoice-preview__table td{border-bottom:1px solid var(--border);padding:8px 4px}.invoice-preview__table td:last-child{text-align:right;width:24px}.invoice-preview__remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.invoice-preview__remove:hover{color:var(--danger)}.invoice-preview__totals{flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;display:flex}.invoice-preview__totals>div{justify-content:space-between;gap:24px;width:220px;display:flex}.invoice-preview__total{border-top:1px solid var(--border);padding-top:8px;font-size:15px;font-weight:700}.pricing-value{font-size:15px;font-weight:600}.pricing-breakdown{grid-template-columns:160px 1fr;font-size:14px}.pricing-subheading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:20px 0 4px;font-size:13px}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-page__card{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;width:320px;padding:32px 28px;box-shadow:0 8px 24px #0000001f}.login-page__title{margin:0 0 2px;font-size:22px}.login-page__subtitle{color:var(--text-muted);margin:0 0 20px;font-size:13px}.login-page__error{color:#d64545;background:#d645451f;border-radius:6px;margin-bottom:14px;padding:8px 10px;font-size:13px}.login-page__submit{width:100%;margin-top:6px}.staff-info{border-left:1px solid var(--border);align-items:center;gap:10px;margin-left:4px;padding-left:10px;display:flex}.staff-info__name{white-space:nowrap;font-size:13px;font-weight:600}.staff-info__role{color:var(--text-muted);font-weight:400}.settings-dropdown{position:relative}.settings-dropdown__menu{background:var(--panel-bg);border:1px solid var(--border);z-index:500;border-radius:8px;min-width:200px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 20px #00000026}.settings-dropdown__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:8px 10px;font-size:13px;font-weight:600;display:block}.settings-dropdown__item:hover{background:var(--accent-bg)}.notifications-dropdown{position:relative}.notifications-dropdown__toggle{align-items:center;display:flex;position:relative}.notifications-dropdown__badge{color:#fff;background:#d64545;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notifications-dropdown__menu{background:var(--panel-bg);border:1px solid var(--border);z-index:500;border-radius:8px;width:340px;max-height:420px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 8px 20px #00000026}.notifications-dropdown__empty{text-align:center;color:var(--text-muted);padding:16px 10px;font-size:13px}.notifications-dropdown__item{border-radius:5px;padding:2px}.notifications-dropdown__item--unread{background:var(--accent-bg)}.notifications-dropdown__row{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;display:flex}.notifications-dropdown__row--static{cursor:default}.notifications-dropdown__row:not(.notifications-dropdown__row--static):hover{background:var(--accent-bg)}.notifications-dropdown__message{color:var(--text);font-size:13px;font-weight:600}.notifications-dropdown__message .new-tag{vertical-align:1px;margin-left:6px}.notifications-dropdown__time{color:var(--text-muted);font-size:11px}.notifications-dropdown__detail{color:var(--text-muted);flex-direction:column;gap:4px;padding:0 10px 8px;font-size:12px;display:flex}