.attribute-editor-page{gap:18px;width:100%;min-width:0;display:grid}.attribute-editor-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.attribute-editor-heading>div{gap:7px;display:grid}.attribute-editor-heading a{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;text-decoration:none;display:inline-flex}.attribute-editor-heading h1{color:var(--text-primary);margin:0;font-size:23px}.attribute-editor-heading p,.attribute-values-section header p,.attribute-value-form header p{color:var(--text-muted);margin:0;font-size:13px}.attribute-editor-heading>.primary,.attribute-values-section header>.primary,.attribute-value-form footer>button{background:var(--primary);color:#fff;min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.attribute-editor-heading button:disabled,.attribute-values-section button:disabled,.attribute-value-form button:disabled{opacity:.55;cursor:not-allowed}.attribute-definition{gap:20px;padding:22px;display:grid}.attribute-definition-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.attribute-definition-fields label,.attribute-value-fields>label{color:var(--text-primary);align-content:start;gap:7px;font-size:13px;font-weight:650;display:grid}.attribute-definition-fields input,.attribute-value-fields>label>input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:44px;color:var(--text-primary);font:inherit;border-radius:8px;outline:0;padding:9px 12px;font-size:13px;font-weight:400}.attribute-definition-fields input:focus,.attribute-value-fields>label>input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.attribute-definition-fields small{color:var(--text-muted);font-size:13px;font-weight:400}.attribute-type-picker{border:0;min-width:0;margin:0;padding:0}.attribute-type-picker legend{color:var(--text-primary);margin-bottom:10px;font-size:13px;font-weight:700}.attribute-type-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.attribute-type-picker>div>label{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;min-height:86px;padding:14px;transition:border-color .15s,background-color .15s;display:flex}.attribute-type-picker>div>label.selected{border-color:var(--primary);background:var(--primary-soft)}.attribute-type-picker input{accent-color:var(--primary);margin:4px 0 0}.attribute-type-picker label span{gap:5px;display:grid}.attribute-type-picker strong{color:var(--text-primary);font-size:13px}.attribute-type-picker small{color:var(--text-muted);font-size:13px;line-height:1.55}.attribute-behaviors{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:18px;padding-top:16px;display:flex}.attribute-values-section{gap:14px;padding:20px;display:grid}.attribute-values-section>header,.attribute-value-form>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.attribute-values-section h2,.attribute-value-form h2{color:var(--text-primary);margin:0 0 5px;font-size:16px}.attribute-values-table{border:1px solid var(--border);border-radius:9px;overflow-x:auto}.attribute-values-row{border-bottom:1px solid var(--border);min-width:650px;color:var(--text-secondary);grid-template-columns:56px minmax(140px,1fr) minmax(130px,1fr) minmax(130px,1fr) 96px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:grid}.attribute-values-row:last-child{border-bottom:0}.attribute-values-header{background:var(--surface-soft);color:var(--text-muted);font-size:13px;font-weight:700}.attribute-values-row strong{color:var(--text-primary);font-size:13px}.attribute-values-row code{text-overflow:ellipsis;color:var(--text-secondary);font-size:13px;overflow:hidden}.attribute-value-preview{border:1px solid var(--border);object-fit:cover;border-radius:7px;place-items:center;width:34px;height:34px;display:inline-grid}.attribute-value-preview.text-preview{background:var(--surface-soft);color:var(--text-muted);font-weight:700}.attribute-value-actions{justify-content:flex-end;gap:5px;display:flex}.attribute-value-actions button,.attribute-dismiss{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:7px;place-items:center;display:grid}.attribute-value-actions button.danger{color:var(--danger)}.attribute-values-empty{border:1px dashed var(--border-strong);color:var(--text-muted);text-align:center;border-radius:8px;padding:24px 15px;font-size:13px}.attribute-value-form{gap:16px;padding:20px;display:grid}.attribute-value-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.attribute-color-field{align-items:center;grid-template-columns:1fr auto auto!important}.attribute-color-field input{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;width:46px;height:42px;padding:4px}.attribute-color-field code{color:var(--text-secondary);font-size:13px}.attribute-value-media{align-content:start;gap:7px;min-width:0;display:grid}.attribute-value-visual{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;grid-column:1/-1;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr);align-items:center;gap:14px;padding:16px;display:grid}.attribute-value-visual-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.attribute-value-visual-heading>div{gap:4px;display:grid}.attribute-value-visual-heading strong{color:var(--text-primary);font-size:13px}.attribute-value-visual-heading small{color:var(--text-muted);font-size:13px}.attribute-value-visual-heading code{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:6px;padding:5px 8px;font-size:13px}.attribute-color-picker{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:11px;min-height:76px;padding:10px 12px;display:flex}.attribute-color-picker input{opacity:0;width:1px;height:1px;position:absolute}.attribute-color-swatch{border:1px solid #0002;border-radius:9px;flex:none;width:48px;height:48px;box-shadow:inset 0 0 0 3px #fff}.attribute-color-picker>span:last-child{gap:4px;display:grid}.attribute-color-picker b{color:var(--text-primary);font-size:13px}.attribute-color-picker small{color:var(--text-muted);font-size:13px}.attribute-value-visual .catalog-media-control{background:var(--surface)}.attribute-value-media>small{color:var(--text-muted);font-size:13px;line-height:1.55}.attribute-value-form footer{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;padding-top:14px;display:flex}.attribute-value-form footer>button.attribute-cancel{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.attribute-value-form footer>a.attribute-cancel{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;padding:0 15px;font-size:13px;text-decoration:none;display:inline-flex}.attribute-value-actions>a{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);border-radius:7px;place-items:center;display:grid}.attribute-editor-notice{color:#18764a;background:#eff9f3;border:1px solid #bfe5d2;border-radius:7px;align-items:center;gap:7px;margin:0;padding:10px 13px;font-size:13px;display:flex}.attribute-list-value{border:1px solid var(--border);background:var(--surface);max-width:130px;color:var(--text-secondary);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 7px;font-size:13px;display:inline-flex}.attribute-list-value img,.attribute-list-value i,.attribute-assigned-value img,.attribute-assigned-value i{border:1px solid var(--border);object-fit:cover;border-radius:50%;width:16px;height:16px}.attribute-list-flags{flex-wrap:wrap;gap:4px;display:flex}.attribute-list-flags span,.attribute-type-tag{background:var(--surface-soft);color:var(--text-secondary);border-radius:99px;align-items:center;padding:4px 7px;font-size:13px;display:inline-flex}.attribute-list-flags span{background:var(--primary-soft);color:var(--primary)}.attribute-assigned-value{align-items:center;gap:7px;display:inline-flex}.attribute-value-swatches{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.attribute-value-swatches>button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:4px 9px;font-size:13px;display:flex}.attribute-value-swatches>button.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 16%,transparent)}.attribute-value-swatches>button img,.attribute-value-swatches>button i{border:1px solid var(--border);object-fit:cover;border-radius:6px;width:27px;height:27px}.attribute-value-swatches.button-values>button{min-height:36px;padding-inline:12px}.attribute-type-tag.color{color:#936210;background:#fff3df}.attribute-type-tag.image{color:#6551b7;background:#eeeaff}@media (max-width:900px){.attribute-type-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.attribute-behaviors{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:600px){.attribute-editor-heading{flex-direction:column;align-items:stretch}.attribute-editor-heading>.primary{width:100%}.attribute-definition{padding:15px}.attribute-definition-fields,.attribute-value-fields,.attribute-type-picker>div{grid-template-columns:1fr}.attribute-type-picker>div>label{min-height:64px}.attribute-values-section,.attribute-value-form{padding:15px}.attribute-values-section>header{flex-direction:column;align-items:flex-start}.attribute-values-section header>.primary{width:100%}.attribute-value-form footer>button{flex:1}}@media (max-width:760px){.attribute-value-visual{grid-template-columns:1fr}.attribute-value-visual-heading{grid-column:auto}}.attribute-catalog{box-shadow:none;background:#fff;border:1px solid #e5e8ec;border-radius:14px;overflow:hidden}.attribute-catalog-heading{border-bottom:1px solid #e8ebef;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.attribute-catalog-heading>div{align-items:center;gap:13px;min-width:0;display:flex}.attribute-catalog-title-icon{color:#171c22;background:#f1f3f5;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.attribute-catalog-heading h2{color:#161b21;margin:0;font-size:19px;font-weight:750}.attribute-catalog-heading p{color:#737e8b;margin:5px 0 0;font-size:12px;line-height:1.7}.attribute-catalog-heading>.primary{color:#fff;min-height:44px;font:inherit;white-space:nowrap;background:#171c22;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.attribute-catalog-heading>.primary:hover{background:#303944}.attribute-catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 24px 11px;display:flex}.attribute-catalog-tools{align-items:center;gap:9px;display:flex}.attribute-catalog-tools button{color:#34404c;min-height:41px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0e4e8;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.attribute-catalog-tools button:hover,.attribute-catalog-tools button.active{color:#171c22;background:#f5f6f7;border-color:#cbd2da}.attribute-sort-arrows{color:#718090;gap:0;margin-inline-start:3px;display:grid}.attribute-sort-arrows svg+svg{margin-top:-5px}.attribute-kind-tabs{align-items:center;gap:4px;max-width:100%;display:flex;overflow-x:auto}.attribute-kind-tabs button{color:#4d5865;min-height:41px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e7e9ec;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.attribute-kind-tabs button>span{color:#4a5663;background:#f0f2f4;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;display:grid}.attribute-kind-tabs button.active{color:#1765c1;background:#f1f6ff;border-color:#c7dbfb}.attribute-kind-tabs button.active>span{color:#1765c1;background:#e0ecff}.attribute-catalog-search{padding:0 24px 14px}.attribute-catalog-search .management-search{background:#fff;border-color:#dfe3e8;border-radius:9px;width:min(100%,440px);min-height:39px}.attribute-catalog-search .management-search input{font-size:12px}.attribute-catalog-table-wrap{padding:0 24px;overflow-x:auto}.attribute-catalog-table{border-collapse:separate;border-spacing:0;text-align:right;border:1px solid #e4e7eb;border-radius:10px;width:100%;min-width:1060px;overflow:hidden}.attribute-catalog-table th{color:#66717e;white-space:nowrap;background:#f7f8f9;border-bottom:1px solid #e2e5e9;height:49px;padding:0 13px;font-size:12px;font-weight:700}.attribute-catalog-table td{color:#3e4854;white-space:nowrap;border-bottom:1px solid #e9ecef;height:78px;padding:9px 13px;font-size:12px}.attribute-catalog-table tbody tr:last-child td{border-bottom:0}.attribute-catalog-table tbody tr:hover td{background:#fafbfc}@media (max-width:1200px){.attribute-catalog-table{min-width:960px}.attribute-catalog-table th,.attribute-catalog-table td{padding-inline:8px}.attribute-name-cell{min-width:135px}.attribute-values-inline{min-width:150px;max-width:280px}}.attribute-catalog-table th:first-child,.attribute-catalog-table td:first-child{width:44px;padding-inline:15px 8px}.attribute-catalog-table input[type=checkbox]{accent-color:#28323d;vertical-align:middle;width:16px;height:16px;margin:0}.attribute-name-cell{align-items:center;gap:9px;min-width:175px;display:flex}.attribute-name-cell>svg{color:#84909d;flex:none}.attribute-name-cell>span{grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;min-width:0;display:grid}.attribute-name-cell>span>svg{color:#1b232c;grid-row:span 2}.attribute-name-cell strong{color:#161c23;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.attribute-name-cell small{color:#818b98;grid-column:2;font-size:11px}.attribute-kind-pill{color:#4b3ac8;white-space:nowrap;background:#f2f1ff;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:650;display:inline-flex}.attribute-kind-pill.color{color:#936210;background:#fff3df}.attribute-kind-pill.image{color:#6551b7;background:#f0edff}.attribute-values-inline{align-items:center;gap:5px;min-width:220px;max-width:430px;display:flex;overflow:hidden}.attribute-values-inline .attribute-list-value{color:#36414d;background:#f2f3f4;border:0;gap:5px;max-width:118px;padding:5px 9px;font-size:11px}.attribute-values-inline .attribute-list-value img,.attribute-values-inline .attribute-list-value i{border-radius:50%;width:19px;height:19px}.attribute-values-inline>small{color:#616d79;font-size:11px}.attribute-boolean-pill{color:#237b50;white-space:nowrap;background:#eaf6ef;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.attribute-boolean-pill.off{color:#66717f;background:#f0f2f5}.attribute-row-actions{align-items:center;gap:7px;display:flex}.attribute-row-actions button,.attribute-row-actions a{color:#2e3945;cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.attribute-row-actions .delete{color:#ba4242;border-color:#f0d8d8}.attribute-row-actions button:hover,.attribute-row-actions a:hover{background:#f5f6f7}.attribute-row-actions .delete:hover{background:#fff3f3}.attribute-row-menu{place-items:center;display:grid;position:relative}.attribute-row-menu>summary{color:#303b46;cursor:pointer;border-radius:9px;place-items:center;width:34px;height:38px;list-style:none;display:grid}.attribute-row-menu>summary::-webkit-details-marker{display:none}.attribute-row-menu>summary:hover{background:#f2f3f5}.attribute-row-menu>div{z-index:15;background:#fff;border:1px solid #e1e5e9;border-radius:9px;min-width:160px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #1c283514}.attribute-row-menu>div>a,.attribute-row-menu>div>button{color:#38434f;min-height:34px;font:inherit;text-align:right;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 9px;font-size:12px;text-decoration:none;display:flex}.attribute-row-menu>div>a:hover,.attribute-row-menu>div>button:hover{background:#f4f5f6}.attribute-row-menu>div>.danger{color:#a43e3e}.attribute-catalog-footer{color:#66717e;align-items:center;gap:8px;padding:16px 24px 22px;font-size:12px;display:flex}.attribute-catalog-footer label{color:#34404c;align-items:center;gap:7px;margin-inline-end:auto;display:flex}.attribute-catalog-footer select{color:#27313b;height:35px;font:inherit;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:0 10px}.attribute-catalog-footer>button{color:#34404c;min-width:38px;height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e5e9;border-radius:9px;place-items:center;display:grid}.attribute-catalog-footer>button.active{color:#1765c1;background:#edf4ff;border-color:#c7dbfb}.attribute-catalog-footer>button:disabled{opacity:.5;cursor:not-allowed}.attribute-catalog-toolbar{direction:ltr}.attribute-catalog-tools,.attribute-kind-tabs{direction:rtl}.attribute-editor-page{gap:16px}.attribute-editor-heading{background:#fff;border:1px solid #e5e8ec;border-radius:13px;padding:19px 22px}.attribute-editor-heading>div{gap:7px}.attribute-editor-heading a{color:#737e8b;font-size:12px}.attribute-editor-heading h1{color:#151a20;align-items:center;gap:9px;font-size:20px;font-weight:750;display:flex}.attribute-editor-heading h1 svg{color:#171c22}.attribute-editor-heading p{color:#73808d;font-size:12px}.attribute-editor-heading>.primary{background:#171c22;border-radius:9px;min-height:42px;font-size:12px}.attribute-workspace-grid{direction:rtl;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch;gap:16px;display:grid}.attribute-definition,.attribute-values-section{min-width:0;box-shadow:none;background:#fff;border:1px solid #e5e8ec;border-radius:12px;align-content:start;gap:17px;padding:20px}.attribute-panel-heading{border-bottom:1px solid #e8ebef;padding-bottom:15px}.attribute-panel-heading>div,.attribute-values-section>header>div{align-items:center;gap:10px;display:flex}.attribute-panel-heading>div>svg,.attribute-panel-heading-icon{color:#171c22;flex:none;place-items:center;display:grid}.attribute-panel-heading>div>span{gap:4px;display:grid}.attribute-panel-heading strong,.attribute-values-section h2{color:#171c22;margin:0;font-size:16px;font-weight:750}.attribute-panel-heading small,.attribute-values-section header p{color:#75808d;margin:0;font-size:11px;line-height:1.7}.attribute-definition-fields{gap:13px}.attribute-definition-fields label{color:#202830;gap:6px;font-size:12px}.attribute-definition-fields label>b{color:#bd3b3b}.attribute-definition-fields input{border-color:#dfe3e8;border-radius:8px;min-height:41px;font-size:12px}.attribute-definition-fields small{color:#818c98;font-size:11px;line-height:1.65}.attribute-type-picker legend{gap:4px;margin-bottom:10px;display:grid}.attribute-type-picker legend>span{color:#202830;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.attribute-type-picker legend>small{color:#75808d;font-size:11px}.attribute-type-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.attribute-type-picker>div>label{border-color:#e1e5e9;border-radius:9px;flex-direction:column;align-items:flex-end;gap:8px;min-height:116px;padding:11px;display:flex;position:relative}.attribute-type-picker>div>label.selected{background:#f8f9fa;border-color:#303944}.attribute-type-picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.attribute-type-picker label .attribute-type-card-icon{color:#28333e;place-items:center;display:grid}.attribute-type-picker strong{font-size:11px}.attribute-type-picker small{font-size:10px;line-height:1.5}.attribute-type-check{color:#fff;background:#171c22;border-radius:50%;padding:2px;position:absolute;top:8px;left:8px}.attribute-behaviors-section{border-top:1px solid #e8ebef;padding-top:14px}.attribute-behaviors-section h3{color:#202830;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.attribute-behaviors-section>p{color:#75808d;margin:5px 0 11px;font-size:11px}.attribute-behaviors{border-top:0;justify-content:space-between;gap:11px;padding-top:9px}.attribute-behaviors .ui-switch-label{color:#394450;gap:7px;font-size:11px}.attribute-values-section>header{flex-wrap:wrap;justify-content:flex-start}.attribute-values-section>header>div{min-width:0}.attribute-values-section>header>div>span:last-child{gap:4px;display:grid}.attribute-panel-heading-icon{background:#f1f3f5;border-radius:8px;width:33px;height:33px}.attribute-value-count{color:#626e7a;white-space:nowrap;background:#f2f3f5;border-radius:999px;margin-inline-start:auto;padding:6px 9px;font-size:10px}.attribute-add-value{color:#fff;background:#171c22;border:0;border-radius:8px;justify-content:center;justify-self:end;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.attribute-values-table{border-color:#e4e7eb;border-radius:8px}.attribute-values-row{grid-template-columns:52px minmax(105px,1.1fr) minmax(90px,.9fr) minmax(90px,1fr) 76px;gap:8px;min-width:570px;padding:10px 11px;font-size:11px}.attribute-values-header{color:#697481;background:#f7f8f9;font-size:10px}.attribute-values-row strong{font-size:12px}.attribute-values-row code{font-size:10px}.attribute-values-row .attribute-value-preview{border-radius:7px;width:37px;height:37px}.attribute-value-actions a,.attribute-value-actions button{border-radius:8px;width:31px;height:31px}.attribute-values-empty{color:#7b8793;border:1px dashed #dfe3e8;border-radius:9px;justify-items:center;gap:8px;padding:30px 15px;font-size:12px;display:grid}.attribute-values-empty strong{color:#303b47;font-size:13px}.attribute-values-empty span{line-height:1.7}@media (max-width:920px){.attribute-workspace-grid{grid-template-columns:1fr}.attribute-type-picker>div>label{min-height:102px}}@media (min-width:921px) and (max-width:1200px){.attribute-values-row{grid-template-columns:30px minmax(68px,.95fr) minmax(70px,1fr) minmax(70px,1fr) 60px;gap:5px;min-width:0;padding-inline:7px}.attribute-values-row .attribute-value-preview{width:29px;height:29px}.attribute-value-actions{gap:3px}.attribute-value-actions a,.attribute-value-actions button{width:27px;height:27px}}@media (max-width:760px){.attribute-catalog-heading{flex-direction:column;align-items:flex-start;padding:17px}.attribute-catalog-heading>.primary{width:100%}.attribute-catalog-toolbar{flex-direction:column;align-items:flex-start;padding:12px 15px}.attribute-catalog-tools{flex-wrap:wrap;width:100%}.attribute-kind-tabs{width:100%}.attribute-catalog-search{padding:0 15px 12px}.attribute-catalog-table-wrap{padding-inline:15px}.attribute-catalog-footer{flex-wrap:wrap;padding:13px 15px}.attribute-catalog-footer label{width:100%;margin:0}.attribute-editor-heading{padding:16px}.attribute-editor-heading>.primary{width:100%}.attribute-definition,.attribute-values-section{padding:15px}.attribute-type-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.attribute-behaviors{flex-direction:column;align-items:flex-start}.attribute-values-section>header{flex-direction:row;align-items:flex-start}.attribute-add-value{width:100%}}
.content{width:100%;max-width:none;margin:0;padding:28px 32px}.global-search:before{content:none}.global-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.ui-upload.is-dragging{background:#edf3ff;border-color:#2f62c9}.dashboard-page{color:#292746;gap:18px;width:100%;display:grid}.dashboard-title,.widget-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-title>div>span,.widget-heading small{color:#85849a;margin-bottom:4px;font-size:13px;display:block}.dashboard-title h1{color:#302d55;font-size:26px}.dashboard-period{color:#373650;background:#fff;border:1px solid #e9e9f0;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;display:flex}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-metric,.dashboard-widget{background:#fff;border:1px solid #f0eff4;border-radius:18px;box-shadow:0 5px 22px #201f3b09}.dashboard-metric{align-items:center;gap:16px;min-height:118px;padding:20px;display:flex}.dashboard-metric-icon{color:#3366c4;background:#edf3ff;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.dashboard-metric-icon.orange{color:#ed991d;background:#fff1df}.dashboard-metric-icon.blue{color:#3e6fce;background:#e9f0ff}.dashboard-metric-icon.purple{color:#6755c5;background:#f0ebff}.dashboard-metric-icon.green{color:#45ae8a;background:#e8f7f1}.dashboard-metric small,.dashboard-metric strong,.metric-footnote{display:block}.dashboard-metric small{color:#77768b;font-size:13px}.dashboard-metric strong{color:#302d55;white-space:nowrap;margin-top:5px;font-size:20px}.metric-footnote{color:#aaa9b7;margin-top:5px;font-size:13px}.dashboard-analytics{grid-template-columns:minmax(245px,.32fr) minmax(0,1fr);gap:16px;display:grid}.dashboard-widget{min-width:0;padding:20px}.dashboard-widget h2{color:#302d55;font-size:16px}.dashboard-payment{align-content:start;justify-items:center;gap:16px;display:grid}.dashboard-payment h2{justify-self:start;width:100%}.payment-gauge{--gauge-value:0%;background:conic-gradient(from -90deg,#f4a647 var(--gauge-value),#eeeef3 var(--gauge-value));border-radius:50%;place-items:center;width:176px;height:176px;display:grid}.payment-gauge>div{background:#fff;border-radius:50%;align-content:center;justify-items:center;gap:4px;width:144px;height:144px;display:grid}.payment-gauge strong{color:#302d55;font-size:26px}.payment-gauge small{color:#89889b;font-size:13px}.gauge-legend{color:#69687d;gap:10px;width:100%;font-size:13px;display:grid}.gauge-legend span{align-items:center;gap:8px;display:flex}.gauge-legend b{color:#302d55;margin-right:auto}.gauge-legend i,.chart-legend i{background:#f4a647;border-radius:50%;width:9px;height:9px}.gauge-legend .legend-pending{background:#4756cf}.dashboard-chart{min-height:286px}.chart-legend{color:#626178;align-items:center;gap:7px;font-size:13px;display:flex}.chart-legend i{background:#2f62c9}.dashboard-chart svg{width:100%;height:190px;margin-top:22px;display:block;overflow:visible}.chart-labels{color:#88879a;justify-content:space-around;font-size:13px;display:flex}.dashboard-order-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.order-highlight{color:#fff;border-radius:17px;align-content:space-between;gap:8px;min-height:140px;padding:18px;display:grid;position:relative;overflow:hidden}.order-highlight:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-95px;left:-35px}.order-highlight small,.order-highlight span{color:#ffffffd1;font-size:13px}.order-highlight strong{font-size:20px}.order-highlight .highlight-status{background:#fff3;border-radius:12px;padding:5px 9px;font-size:13px;position:absolute;bottom:16px;left:16px}.highlight-0{background:#70b846}.highlight-1{background:#4d92d3}.highlight-2{background:#6346bb}.highlight-3{background:#f47b43}.dashboard-lower{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:16px;display:grid}.widget-heading{margin-bottom:14px}.widget-heading>a{color:#315fbd;font-size:13px}.recent-order-list{display:grid}.recent-order{border-bottom:1px solid #f0eff4;align-items:center;gap:12px;padding:12px 0;display:flex}.recent-order:last-child{border-bottom:0}.order-direction{color:#21a45b;background:#e8f7ef;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.direction-1{color:#df5454;background:#fff0ef}.recent-order>div{gap:4px;display:grid}.recent-order strong{font-size:13px}.recent-order small{color:#89889b;font-size:13px}.recent-order>b{white-space:nowrap;margin-right:auto;font-size:13px}.dashboard-shortcuts>a{color:#5f5e73;border-bottom:1px solid #f0eff4;align-items:center;gap:10px;padding:13px 4px;font-size:13px;display:flex}.dashboard-shortcuts>a:last-child{border:0}.dashboard-shortcuts>a span{color:#3263c0;margin-right:auto}@media (max-width:1050px){.dashboard-metrics,.dashboard-order-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-analytics{grid-template-columns:1fr}.dashboard-payment{grid-template-columns:1fr 176px}.dashboard-payment h2{grid-column:1/-1}.gauge-legend{align-self:center}}@media (max-width:700px){.content{padding:18px 14px}.dashboard-metrics,.dashboard-order-cards,.dashboard-lower{grid-template-columns:1fr}.dashboard-title h1{font-size:22px}.dashboard-metric{min-height:96px}.dashboard-payment{grid-template-columns:1fr}.dashboard-payment h2{grid-column:auto}.dashboard-chart{padding:16px}.dashboard-chart svg{height:150px}.order-highlight{min-height:125px}}
.role-editor{gap:20px;display:grid}.role-info-form{max-width:none}.role-info-form h2{grid-column:1/-1;margin:0 0 2px;font-size:16px}.role-info-form label:has(textarea){grid-column:1/-1}.rule-workspace{padding:0;overflow:hidden}.rule-workspace-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:21px 24px;display:flex}.rule-workspace-heading h2{color:var(--text-primary);margin:0 0 6px;font-size:18px}.rule-workspace-heading p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.65}.rule-workspace-heading .primary,.rule-builder-footer .primary,.rule-builder-footer .secondary{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.rule-note{color:#41577d;background:#f6f9ff;border:1px solid #dce7fb;border-radius:9px;align-items:center;gap:9px;margin:18px 22px 0;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.rule-note svg{color:var(--primary);flex:none}.rule-builder{background:#fff;border:1px solid #dfe4ed;border-radius:12px;margin:18px 22px 22px;padding:18px;box-shadow:0 2px 9px #1d2d490a}.rule-builder-top{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;display:flex}.icon-button{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid}.icon-button:hover{color:var(--primary);background:#f7f9fd;border-color:#bdccef}.rule-targets{grid-template-columns:minmax(190px,.8fr) minmax(260px,1.5fr);gap:14px;margin-bottom:20px;display:grid}.rule-targets label{color:var(--text-secondary);gap:7px;font-size:13px;font-weight:600;display:grid}.rule-targets input,.rule-targets select,.rule-condition-row select,.rule-condition-row input{border:1px solid var(--border-strong);width:100%;min-width:0;min-height:42px;color:var(--text-primary);font:inherit;background:#fff;border-radius:8px;outline:0;padding:0 11px;font-size:13px}.rule-targets input:focus,.rule-targets select:focus,.rule-condition-row select:focus,.rule-condition-row input:focus{box-shadow:0 0 0 3px var(--primary-soft);border-color:#91aee5}.rule-conditions-heading,.rule-list-heading{color:var(--text-primary);justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;font-size:13px;display:flex}.rule-conditions-heading small,.rule-list-heading span{color:var(--text-muted);font-size:13px;font-weight:500}.rule-condition-list{gap:9px;display:grid}.rule-condition-row{background:#fafbfc;border:1px solid #e5e8ee;border-radius:10px;grid-template-columns:25px minmax(140px,.8fr) minmax(135px,.75fr) minmax(160px,1.4fr) 32px;align-items:center;gap:8px;padding:8px;display:grid}.rule-grip{color:#9ba5b5;cursor:grab}.rule-condition-row select,.rule-condition-row input{min-height:38px}.rule-condition-row .icon-button{background:0 0;border:0;width:30px;height:30px}.rule-condition-row .icon-button:disabled{opacity:.4;cursor:not-allowed}.rule-logic-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px;display:flex}.rule-add-condition{min-height:32px;color:var(--primary);cursor:pointer;background:#f5f8ff;border:1px solid #cedaf3;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:13px;display:inline-flex}.rule-logic-caption{color:var(--text-muted);margin-inline-start:auto;font-size:13px}.rule-logic-switch{border:1px solid var(--border);background:#f5f6f8;border-radius:8px;gap:3px;padding:3px;display:flex}.rule-logic-switch button,.rule-not-button{min-height:29px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 11px;font-size:13px}.rule-logic-switch button.selected{color:var(--text-primary);background:#fff;box-shadow:0 1px 4px #182b451c}.rule-not-button{border:1px solid var(--border);letter-spacing:.04em;background:#fff;font-size:13px}.rule-not-button.selected{color:#fff;background:#252b34;border-color:#252b34}.rule-explanation{color:var(--text-secondary);background:#f7f8fa;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.7}.rule-builder-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding-top:14px;display:flex}.rule-builder-footer>div{gap:8px;display:flex}.rule-enabled{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:inline-flex}.rule-toggle-track{background:#c4cbd5;border-radius:20px;width:34px;height:19px;transition:background .15s;position:relative}.rule-toggle-track i{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:3px;right:3px}.rule-enabled.is-on{color:var(--success)}.rule-enabled.is-on .rule-toggle-track{background:var(--success)}.rule-enabled.is-on .rule-toggle-track i{transform:translate(-15px)}.rule-list-heading{border-bottom:1px solid var(--border);margin:0 22px;padding:16px 0 11px}.rule-list{padding:0 22px 22px;display:grid}.rule-item{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) 38px;align-items:start;gap:10px;padding:16px 0;display:grid}.rule-item:last-child{border-bottom:0}.rule-item.disabled{opacity:.65}.rule-item-index{color:#71809a;background:#f1f4f9;border-radius:8px;place-items:center;width:31px;height:31px;font-size:13px;font-weight:700;display:grid}.rule-item-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.rule-item-title strong{color:var(--text-primary);font-size:14px}.rule-status{border-radius:20px;padding:3px 8px;font-size:13px}.rule-status.on{color:#128353;background:#eaf7f0}.rule-status.off{color:#68717e;background:#f0f1f3}.rule-item-main>p{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;font-size:13px;display:flex}.rule-item-main>p b{color:#28364b}.rule-item-main code{color:#697487;background:#f2f4f7;border-radius:5px;padding:3px 6px;font-size:13px}.rule-action-chip{color:#bc4d48;background:#fff0ef;border-radius:5px;padding:4px 8px;font-size:13px}.rule-summary-conditions{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:7px 12px;font-size:13px;display:flex}.rule-summary-conditions span{align-items:center;gap:5px;display:inline-flex}.rule-summary-conditions span>b{color:#7e8794}.rule-summary-conditions em{border:1px solid var(--border);color:var(--text-secondary);background:#fff;border-radius:5px;padding:3px 7px;font-style:normal}.rule-negated{color:#b94444}.rule-menu{justify-self:end;position:relative}.rule-menu summary{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;place-items:center;list-style:none;display:grid}.rule-menu summary::-webkit-details-marker{display:none}.rule-menu summary:hover,.rule-menu[open] summary{background:#f1f4f8}.rule-menu>div{z-index:5;border:1px solid var(--border);min-width:128px;box-shadow:var(--shadow);background:#fff;border-radius:9px;padding:5px;display:grid;position:absolute;top:36px;left:0}.rule-menu>div button{color:var(--text-secondary);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:9px;font-size:13px;display:flex}.rule-menu>div button:hover{background:#f6f8fb}.rule-menu .danger-text{color:var(--danger)}.rules-empty{text-align:center;color:var(--text-muted);justify-items:center;gap:9px;padding:36px 20px 42px;display:grid}.rules-empty>svg{color:#8997ad}.rules-empty strong{color:var(--text-primary);font-size:14px}.rules-empty span{max-width:390px;font-size:13px;line-height:1.7}.rules-empty .secondary{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:0 12px;display:inline-flex}.role-delete-card{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.role-delete-card>div{gap:4px;display:grid}.role-delete-card strong{color:var(--text-primary);font-size:13px}.role-delete-card span{color:var(--text-muted);font-size:13px}.role-delete-card button{color:#b84040;cursor:pointer;background:#fff7f6;border:1px solid #f0c6c6;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}@media (max-width:720px){.rule-workspace-heading{flex-direction:column;align-items:flex-start;padding:18px}.rule-workspace-heading .primary{width:100%}.rule-builder{margin:14px;padding:14px}.rule-targets{grid-template-columns:1fr}.rule-condition-row{grid-template-columns:22px minmax(0,1fr) 30px;gap:7px}.rule-condition-row select:first-of-type,.rule-condition-row select:nth-of-type(2),.rule-condition-row input{grid-column:2}.rule-condition-row .rule-remove-condition{grid-area:1/3}.rule-logic-caption{margin-inline-start:0}.rule-builder-footer{flex-direction:column;align-items:flex-start}.rule-builder-footer>div{width:100%}.rule-builder-footer>div>*{flex:1}.rule-list-heading,.rule-list{margin-inline:14px;padding-inline:0}.rule-item{grid-template-columns:34px minmax(0,1fr) 30px;gap:7px}.role-delete-card{flex-direction:column;align-items:flex-start}.role-delete-card button{justify-content:center;width:100%}}.rule-access-preview{grid-template-columns:1fr 1fr;gap:12px;margin:-5px 0 4px;display:grid}.rule-access-preview>div{border:1px solid var(--border);background:#fbfcfe;border-radius:10px;min-width:0;padding:13px}.rule-access-preview>div>strong{color:var(--text-primary);align-items:center;gap:7px;margin-bottom:9px;font-size:13px;display:flex}.rule-access-preview>div:first-child>strong svg{color:var(--success)}.rule-access-preview>div:last-child>strong svg{color:var(--danger)}.rule-access-preview>div>div{flex-wrap:wrap;gap:6px;display:flex}.rule-access-preview>div>div>span{color:#18784d;background:#eaf7f0;border-radius:6px;padding:4px 8px;font-size:13px}.rule-access-preview>div:last-child>div>span{color:#b54b46;background:#fff0ef}.rule-access-preview small,.rule-item-main>p small{color:var(--text-muted);font-size:13px}.rule-action-chip{color:#315da8;background:#edf3ff}@media (max-width:720px){.rule-access-preview{grid-template-columns:1fr}}.rule-clauses-heading{color:var(--text-primary);justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;font-size:13px;display:flex}.rule-clauses-heading small{color:var(--text-muted);font-size:13px}.rule-condition-row .rule-clause-summary{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rule-add-condition:disabled{opacity:.45;cursor:not-allowed}.rule-logic-token{color:#697487;background:#f0f2f6;border-radius:5px;padding:3px 6px;font-size:13px;font-style:normal;font-weight:700}.rule-action-chip.deny-everything{color:#a92e2e;background:#fff0ef;border:1px solid #f2cdcd}.roles-page{gap:16px;display:grid}.roles-heading{align-items:flex-end;margin-bottom:0;padding:4px 2px 2px}.roles-heading>div{gap:5px;display:grid}.roles-heading h1{letter-spacing:-.025em;color:#151b26;font-size:23px;font-weight:750}.roles-heading>div>span{color:#687386;font-size:12px;line-height:1.7}.roles-heading>.primary{min-height:39px;box-shadow:none;background:#17212d;border-radius:8px;padding:0 15px;font-size:13px}.roles-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.roles-metric{background:#fff;border:1px solid #e3e7ed;border-radius:10px;align-items:center;gap:13px;min-width:0;min-height:84px;padding:14px 18px;display:flex}.roles-metric-icon{color:#202a36;background:#f0f3f6;border-radius:9px;flex:none;place-items:center;width:43px;height:43px;display:grid}.roles-metric>div{gap:3px;min-width:0;display:grid}.roles-metric>div>span{color:#59677a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.roles-metric>div>strong{color:#141c28;font-variant-numeric:tabular-nums;font-size:21px;font-weight:750;line-height:1.2}.role-table-card{box-shadow:none;background:#fff;border:1px solid #e2e6ec;border-radius:10px;overflow:hidden}.role-table-card>.management-tabs{background:#fff;min-height:47px}.role-table-card .management-table-wrap{padding-bottom:2px}.role-table-card .table-view-controls{background:#fff;border-bottom:1px solid #e8ebef;min-height:63px;padding:11px 14px}.role-table-card .table-view-search{color:#7b8593;background:#fff;border-color:#dce1e8;border-radius:8px;width:min(100%,355px);min-height:38px}.role-table-card .table-view-search input{font-size:12px}.role-table-card .table-view-actions{gap:7px}.role-table-card .table-view-actions .outline-button{color:#303b49;background:#fff;border-color:#dce1e8;border-radius:8px;min-height:36px;font-size:12px}.role-table-card .table-view-actions .outline-button:hover,.role-table-card .table-view-actions .outline-button.active{color:#17212d;background:#f5f7f9;border-color:#cdd6e1}.role-table-card .management-table{border-collapse:collapse;min-width:760px}.role-table-card .management-table th{color:#252e3a;background:#f7f8fa;height:44px;padding:8px 13px;font-size:12px;font-weight:700}.role-table-card .management-table td{color:#3c4653;border-bottom:1px solid #e8ebef;height:56px;padding:8px 13px;font-size:12px}.role-table-card .management-table tbody tr:last-child td{border-bottom:0}.role-table-card .management-table tbody tr:hover td{background:#f9fafb}.role-table-card .management-table td strong{color:#17212d;font-size:13px;font-weight:700}.role-name-cell{align-items:center;gap:10px;min-width:170px;display:flex}.role-name-cell>span:last-child{gap:3px;min-width:0;display:grid}.role-row-icon{color:#1d2937;background:#edf1f5;border-radius:9px;flex:none;place-items:center;width:39px;height:39px;display:grid}.role-name-cell .table-subtitle{color:#687486;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin:0;font-size:11px;overflow:hidden}.role-slug{color:#657184!important;font-size:12px!important}.role-user-count{color:#303b49;font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12px;display:inline-flex}.role-user-count svg{color:#1e2937}.role-kind{border-radius:6px;min-height:24px;padding:0 9px;font-size:11px;font-weight:650}.role-kind.system{color:#3c5b7a;background:#e8eff8}.role-kind.custom{color:#68568f;background:#f0edf8}.role-row-actions{align-items:center;gap:6px;display:flex}.role-icon-action{color:#263342;background:#fff;border:1px solid #e1e5eb;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.role-icon-action:hover{background:#f7f8fa;border-color:#cbd4df}.role-row-actions .management-action-trigger{color:#263342;background:#fff;border:1px solid #e1e5eb;border-radius:8px;width:34px;height:34px}@media (max-width:900px){.roles-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.role-table-card .table-view-controls{flex-direction:column;align-items:stretch}.role-table-card .table-view-search{width:100%}.role-table-card .table-view-actions{justify-content:flex-start}}@media (max-width:600px){.roles-page{gap:12px}.roles-heading{flex-direction:column;align-items:flex-start}.roles-heading>.primary{width:100%}.roles-metrics{gap:8px}.roles-metric{min-height:70px;padding:10px}.roles-metric-icon{width:35px;height:35px}.roles-metric>div>strong{font-size:18px}}
.traffic-page-heading{align-items:flex-end}.traffic-page-heading>div>span{color:var(--text-secondary);margin-top:5px;font-size:13px;display:block}.traffic-page-heading nav{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:4px;padding:4px;display:flex}.traffic-page-heading nav a{color:var(--text-secondary);border-radius:7px;padding:8px 12px;font-size:13px;text-decoration:none}.traffic-page-heading nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.traffic-filters{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px;padding:14px;display:flex}.traffic-filters label{min-width:150px;color:var(--text-secondary);gap:6px;font-size:13px;font-weight:600;display:grid}.traffic-filters input,.traffic-filters select{border:1px solid var(--border-strong);min-height:39px;color:var(--text-primary);font:inherit;background:#fff;border-radius:8px;padding:0 10px}.traffic-filters .traffic-filter-search{flex:1;min-width:220px}.traffic-filters button{white-space:nowrap;min-height:39px}.traffic-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.traffic-metrics>.ui-card{gap:8px;padding:17px;display:grid}.traffic-metrics>.ui-card>span{color:var(--text-secondary);font-size:13px}.traffic-metrics>.ui-card>strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:23px}.traffic-metrics>.ui-card-warning{background:var(--warning-soft);border-color:#f1d59b}.traffic-metrics>.ui-card-warning>strong{color:#9a620f}.traffic-insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;margin-bottom:16px;display:grid}.traffic-insights>.card{min-width:0;overflow:hidden}.traffic-insights>.card>h2,.traffic-latest>h2,.traffic-events>h2{border-bottom:1px solid var(--border);margin:0;padding:15px 17px;font-size:14px}.traffic-insights>.card .empty{margin:0;padding:18px}.traffic-insights table{min-width:0}.traffic-insights th,.traffic-insights td{padding:11px 14px}.traffic-breakdowns{padding:0 16px 16px}.traffic-breakdowns h2{margin-inline:-16px!important}.traffic-breakdown-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:12px;display:grid}.traffic-breakdown-columns section{min-width:0}.traffic-breakdown-columns h3{color:var(--text-muted);margin:0 0 8px;font-size:13px}.traffic-breakdown-columns section>p{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;margin:0;padding:8px 0;font-size:13px;display:flex}.traffic-breakdown-columns section>p span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);overflow:hidden}.traffic-breakdown-columns section>p strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.traffic-breakdown-columns section>small{color:var(--text-muted);font-size:13px;line-height:1.7}.traffic-latest,.traffic-events{margin-bottom:16px;overflow:hidden}.traffic-latest table,.traffic-events table{min-width:950px}.traffic-pagination{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:13px;display:flex}.traffic-pagination>div{gap:7px;display:flex}.traffic-pagination a{border:1px solid var(--border);color:var(--primary);border-radius:7px;padding:7px 10px;text-decoration:none}.traffic-pagination a:hover{background:var(--primary-soft)}.not-found-page{text-align:center;align-content:center;justify-items:center;gap:10px;min-height:55vh;padding:32px;display:grid}.not-found-mark{background:var(--primary-soft);width:58px;height:58px;color:var(--primary);border-radius:16px;place-items:center;display:grid}.not-found-page>p{color:var(--text-muted);margin:8px 0 0;font-size:13px}.not-found-page h1{color:var(--text-primary);margin:0;font-size:23px}.not-found-page>span{color:var(--text-secondary);font-size:13px}.not-found-page>a{background:var(--primary);color:#fff;border-radius:8px;margin-top:8px;padding:10px 15px;font-size:13px;text-decoration:none}@media (max-width:950px){.traffic-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.traffic-insights{grid-template-columns:1fr}}@media (max-width:650px){.traffic-page-heading{align-items:flex-start}.traffic-page-heading nav{width:100%}.traffic-page-heading nav a{text-align:center;flex:1}.traffic-filters{flex-direction:column;align-items:stretch}.traffic-filters label,.traffic-filters .traffic-filter-search{width:100%;min-width:0}.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.traffic-metrics>.ui-card{padding:13px}.traffic-metrics>.ui-card>strong{font-size:20px}.traffic-breakdown-columns{grid-template-columns:1fr}.traffic-events,.traffic-latest{overflow:auto}.not-found-page h1{font-size:19px}}
.logistics-workspace{gap:18px;display:grid}.logistics-overview{border:1px solid var(--border);background:linear-gradient(112deg,#f7faff 0%,#fff 56%);border-radius:14px;justify-content:space-between;align-items:center;gap:28px;padding:24px 26px;display:flex}.logistics-overview>div:first-child{max-width:620px}.logistics-overview>div:first-child>span{color:var(--primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.logistics-overview h2{color:var(--text-primary);letter-spacing:-.02em;margin:11px 0 7px;font-size:20px}.logistics-overview p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.8}.logistics-counts{border-inline-start:1px solid var(--border);gap:24px;padding-inline-start:26px;display:flex}.logistics-counts>div{gap:3px;min-width:75px;display:grid}.logistics-counts strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:21px}.logistics-counts span{color:var(--text-muted);font-size:13px}.logistics-columns{grid-template-columns:minmax(330px,.76fr) minmax(0,1.24fr);align-items:start;gap:18px;display:grid}.logistics-form-panel{padding:0;overflow:hidden}.logistics-form-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:19px 20px;display:flex}.logistics-form-panel>header h2,.logistics-list-heading h2{color:var(--text-primary);margin:0;font-size:15px}.logistics-form-panel>header p,.logistics-list-heading p{color:var(--text-muted);margin:5px 0 0;font-size:13px}.logistics-section-icon{background:var(--primary-soft);width:37px;height:37px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.logistics-form{gap:14px;padding:19px 20px;display:grid}.logistics-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.logistics-form .ui-label{font-size:13px}.logistics-days{border:0;min-width:0;margin:0;padding:0}.logistics-days legend{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:650}.logistics-days>div{flex-wrap:wrap;gap:6px;display:flex}.logistics-days button{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:7px;padding:0 10px;font-size:13px;transition:background .16s,border-color .16s,color .16s}.logistics-days button:hover{border-color:var(--primary);color:var(--primary)}.logistics-days button.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:650}.logistics-form-actions{justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.logistics-form-actions .ui-button{align-items:center;gap:7px;display:inline-flex}.logistics-list-panel{min-width:0}.logistics-list-heading{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 12px;display:flex}.logistics-list-heading>.ui-button{align-items:center;gap:6px;display:inline-flex}.logistics-provider-list,.logistics-courier-list,.logistics-task-list{gap:9px;display:grid}.logistics-provider-row,.logistics-courier-row{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:center;gap:13px;padding:14px;transition:border-color .16s,background .16s;display:flex}.logistics-provider-row:hover,.logistics-courier-row:hover,.logistics-task-row:hover{border-color:var(--border-strong)}.logistics-provider-row.inactive{background:var(--surface-subtle,#f8f9fb);opacity:.78}.logistics-provider-mark,.logistics-courier-avatar{color:#315d9a;background:#eef3fb;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.logistics-courier-avatar{color:#267252;background:#edf6f2;border-radius:50%}.logistics-provider-main{flex:1;min-width:0}.logistics-provider-main>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.logistics-provider-main>div>strong{color:var(--text-primary);margin-inline-end:3px;font-size:13px}.logistics-provider-main .ui-badge{font-size:13px}.logistics-provider-main>p,.logistics-provider-main>small{min-width:0;color:var(--text-secondary);align-items:center;gap:6px;margin:7px 0 0;font-size:13px;display:flex}.logistics-provider-main>p svg,.logistics-provider-main>small svg{color:var(--text-muted);flex:none}.logistics-provider-main>p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logistics-provider-main>small{color:var(--text-muted);flex-wrap:wrap}.logistics-provider-main>small i{background:var(--border-strong);border-radius:50%;width:3px;height:3px}.logistics-row-actions{align-items:center;gap:1px;display:flex}.logistics-row-actions .ui-button{font-size:13px}.logistics-empty{text-align:center;color:var(--text-muted);justify-items:center;gap:8px;padding:36px 24px;display:grid}.logistics-empty>svg{color:#5976a5}.logistics-empty>strong{color:var(--text-primary);font-size:14px}.logistics-empty>span{max-width:380px;font-size:13px;line-height:1.8}.logistics-courier-row>.ui-button{margin-inline-start:auto}.logistics-task-panel{padding:0;overflow:hidden}.logistics-task-panel>.logistics-list-heading{border-bottom:1px solid var(--border);margin:0;padding:17px 19px}.logistics-task-list{padding:12px}.logistics-task-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:125px minmax(150px,1fr) minmax(150px,.65fr) minmax(150px,.65fr);align-items:center;gap:14px;padding:13px;transition:border-color .16s;display:grid}.logistics-task-time{gap:4px;display:grid}.logistics-task-time strong{color:var(--text-primary);font-size:13px}.logistics-task-time>span{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;direction:ltr;font-size:13px}.logistics-task-destination{gap:4px;min-width:0;display:grid}.logistics-task-destination strong{color:var(--text-primary);font-size:13px}.logistics-task-destination span,.logistics-task-destination small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.logistics-task-destination small{color:var(--text-muted)}.logistics-task-assignment .ui-select-wrap{min-width:130px}.logistics-task-assignment>span{color:var(--text-primary);align-items:center;gap:7px;font-size:13px;display:inline-flex}.logistics-task-state{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.logistics-task-state .ui-button{align-items:center;gap:4px;font-size:13px;display:inline-flex}.logistics-footnote{color:var(--text-muted);align-items:flex-start;gap:8px;margin:0;font-size:13px;line-height:1.8;display:flex}.logistics-footnote svg{color:var(--primary);flex:none;margin-top:2px}.logistics-workspace>.ui-tabs{overflow:auto}.logistics-workspace>.ui-tabs button{white-space:nowrap}@media (max-width:1080px){.logistics-columns{grid-template-columns:1fr}.logistics-task-row{grid-template-columns:105px minmax(140px,1fr) minmax(140px,.7fr)}.logistics-task-state{grid-column:2/-1;justify-content:flex-start}}@media (max-width:700px){.logistics-overview{flex-direction:column;align-items:flex-start;padding:19px}.logistics-overview h2{font-size:17px}.logistics-counts{border-inline-start:0;border-top:1px solid var(--border);justify-content:space-between;gap:12px;width:100%;padding:14px 0 0}.logistics-counts>div{min-width:0}.logistics-counts strong{font-size:18px}.logistics-field-grid{grid-template-columns:1fr}.logistics-provider-row,.logistics-courier-row{flex-wrap:wrap;align-items:flex-start}.logistics-provider-main{width:calc(100% - 52px)}.logistics-row-actions{justify-content:flex-end;width:100%}.logistics-task-row{grid-template-columns:1fr 1fr;gap:10px}.logistics-task-destination{grid-area:2/1/auto/-1}.logistics-task-assignment{grid-column:1}.logistics-task-state{grid-column:2;justify-content:flex-end}.logistics-task-panel{overflow:visible}.logistics-list-heading{align-items:flex-start}.logistics-list-heading p{max-width:245px}}@media (prefers-reduced-motion:reduce){.logistics-days button,.logistics-provider-row,.logistics-courier-row,.logistics-task-row{transition:none}}.logistics-form-panel{border-radius:18px}.logistics-form-panel>header{padding:20px 22px}.logistics-form{gap:16px;padding:20px 22px}.logistics-editor-card{border:1px solid var(--border);background:var(--surface-subtle,#fafbfc);border-radius:16px;gap:12px;padding:15px;display:grid}.logistics-subsection-heading{align-items:center;gap:10px;display:flex}.logistics-subsection-icon{border:1px solid var(--border);background:var(--surface,#fff);width:36px;height:36px;color:var(--text-secondary);border-radius:12px;flex:0 0 36px;place-items:center;display:grid}.logistics-subsection-heading>div{gap:3px;display:grid}.logistics-subsection-heading strong{color:var(--text-primary);font-size:14px}.logistics-subsection-heading small{color:var(--text-muted);font-size:13px;line-height:1.6}.logistics-zone-list,.logistics-schedule-summary{gap:7px;display:grid}.logistics-zone-row{border:1px solid var(--border);background:var(--surface,#fff);min-height:42px;color:var(--text-secondary);border-radius:11px;align-items:center;gap:9px;padding:7px 9px;display:flex}.logistics-zone-row>svg{color:var(--text-muted);flex:none}.logistics-zone-row>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.logistics-zone-row button,.logistics-dialog-close,.logistics-draft-zones button{border:1px solid var(--border);background:var(--surface,#fff);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:10px;place-items:center;display:grid}.logistics-zone-row button:hover,.logistics-dialog-close:hover,.logistics-draft-zones button:hover{border-color:var(--border-strong);color:var(--text-primary)}.logistics-zone-empty{border:1px dashed var(--border-strong);color:var(--text-muted);border-radius:11px;margin:0;padding:12px;font-size:13px}.logistics-zone-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.logistics-zone-actions small{color:var(--text-muted);font-size:12px}.logistics-schedule-summary-row{border:1px solid var(--border);background:var(--surface,#fff);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.logistics-schedule-summary-row strong{color:var(--text-primary);flex:none;font-size:13px}.logistics-schedule-summary-row span{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.logistics-dialog{border:1px solid var(--border);background:var(--surface,#fff);width:min(660px,100vw - 28px);max-width:none;max-height:min(84vh,820px);color:var(--text-primary);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 24px 80px #14192333}.logistics-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#161a216b}.logistics-dialog-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:19px 21px;display:flex}.logistics-dialog-heading h3{margin:0;font-size:17px}.logistics-dialog-heading p{color:var(--text-muted);margin:5px 0 0;font-size:13px}.logistics-dialog-close{flex:none;width:36px;height:36px}.logistics-dialog-content{max-height:calc(84vh - 145px);padding:17px 20px;overflow:auto}.logistics-dialog-footer{border-top:1px solid var(--border);background:var(--surface-subtle,#fafbfc);justify-content:flex-end;gap:9px;padding:13px 20px;display:flex}.logistics-location-picker{gap:15px;display:grid}.logistics-location-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logistics-location-selects>.ui-field:last-child{grid-column:1/-1}.logistics-location-picker-actions{align-items:center;gap:9px;display:flex}.logistics-location-picker-actions>.ui-input-wrap{flex:1}.logistics-store-area{border:1px solid var(--border);background:var(--surface-subtle,#fafbfc);border-radius:10px;padding:9px 11px;font-size:13px}.logistics-city-results{flex-wrap:wrap;gap:6px;display:flex}.logistics-city-results button{border:1px solid var(--border);background:var(--surface,#fff);font:inherit;cursor:pointer;border-radius:999px;padding:6px 10px;font-size:13px}.logistics-draft-zones{border-top:1px solid var(--border);gap:8px;padding-top:13px;display:grid}.logistics-draft-zones>strong{font-size:14px}.logistics-draft-zones>div{border:1px solid var(--border);border-radius:10px;align-items:center;gap:7px;padding:7px;display:flex}.logistics-draft-zones>div>span{flex:1;font-size:13px}.logistics-draft-zones button{width:30px;height:30px}.logistics-draft-zones>small{color:var(--text-muted);font-size:13px}.logistics-day-filter{border:1px solid var(--border);background:var(--surface-subtle,#f7f8fa);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px;padding:4px;display:grid}.logistics-day-filter button{min-height:37px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:13px}.logistics-day-filter button.active{background:var(--text-primary);color:var(--surface,#fff);box-shadow:0 2px 7px #0000001f}.logistics-provider-day-list{gap:7px;display:grid}.logistics-provider-day{border:1px solid var(--border);background:var(--surface,#fff);border-radius:12px;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.logistics-provider-day.enabled{border-color:var(--border-strong)}.logistics-provider-day-toggle{color:var(--text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px;display:flex}.logistics-checkmark{border:1px solid var(--border-strong);color:#fff;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.logistics-provider-day.enabled .logistics-checkmark{border-color:var(--text-primary);background:var(--text-primary)}.logistics-provider-day-toggle strong{font-size:13px}.logistics-provider-day-ranges{gap:6px;display:grid}.logistics-provider-range{align-items:end;gap:8px;display:flex}.logistics-provider-range label{flex:1;gap:4px;min-width:0;display:grid}.logistics-provider-range label small{color:var(--text-muted);font-size:12px}.logistics-provider-range input[type=time]{text-align:center;font-variant-numeric:tabular-nums;direction:ltr}.logistics-day-disabled{color:var(--text-muted);padding-inline:9px;font-size:13px}.logistics-provider-day .logistics-add-range{color:var(--text-secondary)}@media (max-width:700px){.logistics-dialog{border-radius:16px;width:calc(100vw - 18px);max-height:90vh}.logistics-dialog-content{max-height:calc(90vh - 140px);padding:13px}.logistics-dialog-heading{padding:15px}.logistics-dialog-footer{padding:11px 13px}.logistics-provider-day{grid-template-columns:1fr}.logistics-provider-range{gap:5px}.logistics-provider-range .logistics-remove-range{flex:0 0 32px;width:32px}.logistics-location-selects{grid-template-columns:1fr}.logistics-location-selects>.ui-field:last-child{grid-column:auto}.logistics-location-picker-actions{flex-direction:column;align-items:stretch}}.logistics-schedule-validation{color:var(--text-muted);margin:0;font-size:13px}.logistics-operations{gap:18px;min-width:0;display:grid}.logistics-fleet-board{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 4px 18px #18274608}.logistics-fleet-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.logistics-fleet-heading>div:first-child>span{color:var(--primary);font-size:13px;font-weight:750}.logistics-fleet-heading h2{color:var(--text-primary);margin:5px 0;font-size:18px}.logistics-fleet-heading p{color:var(--text-muted);margin:0;font-size:13px}.logistics-fleet-filters{align-items:center;gap:8px;display:flex}.logistics-fleet-filters>label{border:1px solid var(--border);height:36px;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.logistics-fleet-filters input{max-width:145px;color:var(--text-primary);font:inherit;background:0 0;border:0;font-size:13px}.logistics-fleet-filters .ui-select-wrap{min-width:138px}.logistics-fleet-filters .ui-button{align-items:center;gap:6px;display:flex}.logistics-fleet-summary{border-bottom:1px solid var(--border);background:var(--surface-subtle,#fafbfd);align-items:center;gap:18px;padding:12px 20px;display:flex}.logistics-fleet-summary>span{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.logistics-fleet-summary i{background:#d5eddf;border-radius:3px;width:9px;height:9px}.logistics-fleet-summary i.busy{background:#f9d5d3}.logistics-fleet-summary i.off{background:#e7e9ee}.logistics-fleet-summary b{color:var(--text-primary);margin-inline-start:auto;font-size:13px}.logistics-fleet-grid{padding:0 18px 12px;overflow:auto}.logistics-time-ruler,.logistics-fleet-row{grid-template-columns:240px repeat(13,minmax(62px,1fr));align-items:stretch;min-width:1070px;display:grid}.logistics-time-ruler{z-index:1;background:var(--surface);padding-top:12px;position:sticky;top:0}.logistics-time-ruler span{text-align:center;color:var(--text-muted);font-variant-numeric:tabular-nums;padding:8px 2px;font-size:13px}.logistics-time-ruler span:first-child{text-align:start}.logistics-fleet-row{border-top:1px solid var(--border)}.logistics-fleet-person{align-items:center;gap:10px;min-width:0;padding:11px 10px 11px 2px;display:flex}.logistics-vehicle-icon{color:#4e64d9;background:#edf2ff;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.logistics-vehicle-icon.motorcycle,.logistics-vehicle-icon.bicycle{color:#ca7429;background:#fff3e8}.logistics-vehicle-icon.truck,.logistics-vehicle-icon.van{color:#308184;background:#ebf5f5}.logistics-fleet-person>div:nth-child(2){gap:2px;min-width:0;display:grid}.logistics-fleet-person>div:nth-child(2) strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.logistics-fleet-person>div:nth-child(2) span,.logistics-fleet-person>div:nth-child(2) small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.logistics-driver-load{text-align:end;grid-template-columns:auto auto;align-items:center;gap:2px 7px;margin-inline-start:auto;display:grid}.logistics-driver-load b{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13px}.logistics-driver-load small{color:var(--text-muted);white-space:nowrap;font-size:13px}.logistics-driver-load>span{background:#e9ebf1;border-radius:4px;grid-column:1/-1;width:74px;height:4px;display:block;overflow:hidden}.logistics-driver-load>span i{border-radius:inherit;background:linear-gradient(90deg,#50bd8a,#ecc052,#e76f69);height:100%;display:block}.logistics-hour-cells{grid-column:2/-1;grid-template-columns:repeat(13,minmax(62px,1fr));align-items:center;gap:4px;padding:10px 0;display:grid}.logistics-hour-cell{text-align:center;border:1px solid #0000;border-radius:7px;place-items:center;min-height:36px;padding:3px;display:grid}.logistics-hour-cell span{white-space:nowrap;font-size:13px;line-height:1.35}.logistics-hour-cell.free{color:#317950;background:#f0faf4;border-color:#d5eddf}.logistics-hour-cell.busy{color:#bd4f4c;background:#fff2f1;border-color:#f1d2d1}.logistics-hour-cell.off{color:#a1a6b2;background:#f5f6f8}.logistics-driver-tasks{flex-wrap:wrap;grid-column:2/-1;gap:6px;padding:0 0 10px;display:flex}.logistics-driver-tasks span{color:#5545a6;background:#f4f1ff;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:13px;display:inline-flex}.logistics-driver-tasks small{color:var(--text-muted);font-size:13px}.logistics-fleet-empty{color:var(--text-muted);text-align:center;justify-items:center;gap:8px;padding:36px 20px;display:grid}.logistics-fleet-empty svg{color:var(--primary)}.logistics-fleet-empty strong{color:var(--text-primary);font-size:13px}.logistics-fleet-empty span{font-size:13px}@media (max-width:850px){.logistics-fleet-heading{flex-direction:column;align-items:flex-start}.logistics-fleet-filters{flex-wrap:wrap;width:100%}.logistics-fleet-summary{flex-wrap:wrap;gap:10px 16px}.logistics-fleet-summary b{width:100%;margin:0}.logistics-fleet-grid{padding-inline:12px}}
.content:has(.logistics-task-dashboard)>.page-heading{display:none}.logistics-task-dashboard{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"toolbar toolbar""queue timeline""queue table";gap:12px;min-width:0;display:grid}.logistics-planning-toolbar,.logistics-timeline-panel,.logistics-mission-queue,.logistics-task-table-panel{background:#fff;border:1px solid #e4eaf0;border-radius:13px;min-width:0;overflow:hidden;box-shadow:0 2px 8px #2c405508}.logistics-planning-toolbar{grid-area:toolbar;grid-template-columns:minmax(190px,.8fr) auto minmax(360px,1.5fr);align-items:center;gap:16px;padding:14px 18px;display:grid}.logistics-planning-title>span{color:#7c8798;font-size:12px}.logistics-planning-title h2{color:#15191f;margin:2px 0;font-size:22px;font-weight:750;line-height:1.35}.logistics-planning-title p{color:#718097;margin:0;font-size:13px}.logistics-date-navigation,.logistics-planning-tools{align-items:center;gap:6px;min-width:0;display:flex}.logistics-date-navigation .ui-button{color:#39475a;border-color:#e3e9f0;border-radius:8px;min-width:36px;height:36px;padding-inline:8px}.logistics-date-navigation .ui-button:last-child{white-space:nowrap;gap:5px}.logistics-date-picker{color:#31425b;white-space:nowrap;border:1px solid #dfe6ed;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 10px;display:flex;position:relative}.logistics-date-picker input{opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.logistics-planning-search,.logistics-task-search{color:#8994a4;border:1px solid #e0e7ee;border-radius:8px;align-items:center;gap:8px;min-width:0;height:38px;padding:0 10px;display:flex}.logistics-planning-search{flex:1}.logistics-planning-search input,.logistics-task-search input{color:#253247;width:100%;min-width:0;min-height:0;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:13px}.content .logistics-planning-toolbar .logistics-planning-search input,.content .logistics-task-table-heading .logistics-task-search input{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.content .logistics-planning-toolbar .logistics-date-picker input{width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:0}.logistics-planning-tools>.ui-select-wrap{flex:0 0 165px;min-width:0}.logistics-planning-tools>.ui-select-wrap .ui-select{border-radius:8px;min-height:38px;font-size:13px}.logistics-planning-tools>.ui-button{white-space:nowrap;flex:none;gap:6px;height:38px;padding-inline:10px;font-size:13px}.logistics-timeline-panel{grid-area:timeline}.logistics-planning-section-title,.logistics-task-table-heading{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;display:flex}.logistics-planning-section-title>div:first-child{align-items:center;gap:10px;display:flex}.logistics-planning-section-title h3,.logistics-mission-queue-heading h3,.logistics-task-table-heading h3{color:#161b22;margin:0;font-size:15px;font-weight:700}.logistics-planning-section-title>div:first-child>span{color:#68768a;background:#f0f3f6;border-radius:999px;padding:3px 9px;font-size:12px}.logistics-timeline-legend{align-items:center;gap:12px;display:flex}.logistics-timeline-legend>span{color:#66758a;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.logistics-timeline-legend i{background:#e0ebf5;border-radius:50%;width:8px;height:8px}.logistics-timeline-legend i.busy{background:#7aaaff}.logistics-timeline-legend i.off{background:#a9b3c0}.logistics-timeline-scroll,.logistics-task-table-scroll{overflow:auto}.logistics-timeline-content{min-width:1000px}.logistics-timeline-ruler,.logistics-timeline-row{direction:ltr;grid-template-columns:270px minmax(720px,1fr);display:grid}.logistics-timeline-ruler{background:#fff;height:39px}.logistics-timeline-driver-head{color:#68768a;direction:rtl;align-items:center;padding-inline:15px;font-size:12px;display:flex}.logistics-hour-ruler{direction:ltr;position:relative}.logistics-hour-ruler span{color:#353d4a;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;position:absolute;bottom:7px}.logistics-timeline-row{border-top:1px solid #e8edf2;min-height:73px}.logistics-timeline-courier{direction:rtl;align-items:center;gap:8px;min-width:0;padding:7px 10px 7px 8px;display:flex}.logistics-timeline-avatar{color:#43566d;background:#e9eef3;border:1px solid #d9e1e9;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:15px;font-weight:650;display:grid}.logistics-timeline-person-copy{gap:4px;min-width:0;display:grid}.logistics-timeline-person-copy strong{color:#161b22;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.logistics-timeline-person-copy>span{color:#68768a;align-items:center;gap:5px;font-size:11px;display:flex}.logistics-timeline-person-copy .online-dot{background:#1db36e;border-radius:50%;width:8px;height:8px}.logistics-timeline-plate{flex:0 0 92px;width:92px;margin-inline-start:auto;overflow:hidden}.logistics-timeline-plate>.iran-plate{width:100%;min-height:30px;box-shadow:none;border-width:1px;border-radius:4px;padding:2px}.logistics-timeline-plate .iran-plate-mark{flex-basis:13px;padding:1px}.logistics-timeline-plate .iran-plate-mark img{height:6px}.logistics-timeline-plate .iran-plate-mark strong{font-size:5px}.logistics-timeline-plate .iran-plate-car-fields>input,.logistics-timeline-plate .iran-plate-car-fields>select,.logistics-timeline-plate .iran-plate-region input,.logistics-timeline-plate .iran-plate-motor-fields input{letter-spacing:0;min-height:0;padding:0;font-size:10px;font-weight:650}.logistics-timeline-plate .iran-plate-car-fields>select{min-width:13px}.logistics-timeline-plate .iran-plate-separator{flex-basis:1px;width:1px;margin-inline:1px}.logistics-timeline-plate .iran-plate-region{border-inline-start-width:1px;flex-basis:17%;padding:0}.logistics-timeline-plate .iran-plate-region small{font-size:5px}.logistics-timeline-plate .iran-plate.motorcycle{min-height:34px}.logistics-timeline-plate .iran-plate.motorcycle .iran-plate-mark{flex-basis:18px}.logistics-timeline-plate .iran-plate.motorcycle .iran-plate-mark img{height:6px}.logistics-timeline-plate .iran-plate.motorcycle .iran-plate-mark strong{font-size:5px}.logistics-timeline-plate .iran-plate-motor-fields{padding-inline:2px}.logistics-timeline-plate>span{color:#8792a1;font-size:11px}.logistics-timeline-track{isolation:isolate;grid-template-columns:repeat(12,minmax(0,1fr));min-height:73px;transition:background .15s;display:grid;position:relative}.logistics-timeline-track.drop-target{background:#eff6ff;box-shadow:inset 0 0 0 2px #77a9ee}.logistics-time-slot{border-inline-start:1px solid #e7edf2;min-width:0}.logistics-time-slot:last-of-type{border-inline-end:1px solid #e7edf2}.logistics-time-slot.off-hours{background:repeating-linear-gradient(135deg,#f7f9fb 0 5px,#ebeff4 5px 7px)}.logistics-off-hours-label{z-index:0;color:#64748b;pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.logistics-timeline-task{z-index:1;color:#182132;text-align:center;cursor:grab;border:1px solid;border-radius:5px;align-content:center;justify-items:center;gap:2px;min-width:66px;height:62px;padding:3px 5px;display:grid;position:absolute;top:5px;overflow:hidden}.logistics-timeline-task:active{cursor:grabbing}.logistics-timeline-task strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:750;overflow:hidden}.logistics-timeline-task small,.logistics-timeline-task>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.35;overflow:hidden}.logistics-timeline-task.in-progress{background:#dfebff;border-color:#a8c8ff}.logistics-timeline-task.delivered{background:#dff8ed;border-color:#9ee4c7}.logistics-timeline-task.reserved{background:#fff0d6;border-color:#ffd18a}.logistics-timeline-task.waiting{background:#ffe4e4;border-color:#ffc4c4}.logistics-timeline-task.neutral{background:#efe6ff;border-color:#d6c3ff}.logistics-now-line{z-index:2;pointer-events:none;border-inline-start:1px dashed #f04f54;width:1px;position:absolute;top:0;bottom:0}.logistics-now-line>b{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#f04f54;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;top:-22px;left:0;transform:translate(-50%)}.logistics-mission-queue{grid-area:queue;align-self:start;padding:12px}.logistics-mission-queue-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.logistics-mission-queue-heading>div{gap:4px;display:grid}.logistics-mission-queue-heading>div>span,.logistics-mission-hint{color:#758297;font-size:12px}.logistics-queue-count{color:#313e51;background:#edf1f6;border-radius:8px;place-items:center;width:27px;height:27px;font-size:13px;font-weight:700;display:grid}.logistics-mission-hint{margin:9px 0 10px;line-height:1.6}.logistics-add-mission.ui-button{color:#fff;background:#17191c;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;margin-bottom:10px;font-size:13px;font-weight:650;display:flex}.logistics-add-mission.ui-button:hover{background:#34383e}.logistics-mission-list{gap:7px;min-height:190px;max-height:calc(100vh - 420px);padding:1px;display:grid;overflow:auto}.logistics-mission-card{cursor:grab;background:#fff;border:1px solid #e0e7ee;border-radius:8px;gap:6px;padding:9px;display:grid}.logistics-mission-card:active{cursor:grabbing}.logistics-mission-card-top{align-items:center;gap:7px;min-width:0;display:flex}.logistics-mission-card-top>i{background:#4389ff;border-radius:3px;flex:0 0 8px;width:8px;height:8px}.logistics-mission-card-top strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:700;overflow:hidden}.logistics-mission-card-top>svg{color:#718096}.logistics-mission-card.waiting .logistics-mission-card-top>i{background:#f3515a}.logistics-mission-card.reserved .logistics-mission-card-top>i{background:#ffbd53}.logistics-mission-card.in-progress .logistics-mission-card-top>i{background:#3780fb}.logistics-mission-card.delivered .logistics-mission-card-top>i{background:#24b879}.logistics-mission-time{color:#68768a;text-align:right;direction:ltr;font-size:12px}.logistics-mission-card-bottom{justify-content:space-between;align-items:center;gap:7px;display:flex}.logistics-mission-card-bottom>span{color:#45546a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.logistics-mission-card-bottom>.ui-select-wrap{flex:0 0 82px;min-width:82px}.logistics-mission-card-bottom .ui-select{min-height:30px;padding-inline:8px;font-size:11px}.logistics-queue-empty,.logistics-task-table-empty{color:#8290a2;text-align:center;justify-items:center;gap:7px;padding:35px 15px;display:grid}.logistics-queue-empty strong{color:#334155;font-size:13px}.logistics-queue-empty span{font-size:12px;line-height:1.6}.logistics-task-table-panel{grid-area:table}.logistics-task-table-heading>div{gap:4px;display:grid}.logistics-task-table-heading>div>span{color:#7b8798;font-size:12px}.logistics-task-search{border-radius:7px;width:min(290px,40%);height:35px;padding:0 9px}.logistics-task-search input{font-size:12px}.logistics-task-filter-tabs{border-bottom:1px solid #edf0f4;align-items:center;gap:5px;padding:8px 13px;display:flex}.logistics-task-filter-tabs button{color:#68768a;min-height:29px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:flex}.logistics-task-filter-tabs button.active{color:#202a39;background:#f4f6f8;border-color:#dfe6ed;font-weight:700}.logistics-task-filter-tabs b{color:#566274;background:#e9edf2;border-radius:10px;place-items:center;min-width:19px;height:19px;padding-inline:4px;font-size:10px;display:grid}.logistics-task-table{border-collapse:collapse;white-space:nowrap;width:100%}.logistics-task-table th{color:#718097;text-align:right;background:#f8fafc;height:33px;padding:0 9px;font-size:11px;font-weight:600}.logistics-task-table td{color:#344257;border-top:1px solid #edf0f4;height:40px;padding:5px 9px;font-size:12px}.logistics-task-table tr:hover td{background:#fbfcfe}.logistics-task-table .ui-badge{font-size:11px}.logistics-task-table td>.ui-select-wrap{min-width:115px}.logistics-table-actions{align-items:center;gap:3px;display:flex}.logistics-table-actions .ui-button{white-space:nowrap;min-height:27px;padding-inline:7px;font-size:11px}.logistics-task-table-empty{padding:26px}.logistics-mission-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.logistics-mission-form-grid>.ui-field:first-child,.logistics-mission-form-grid>.ui-field:last-child{grid-column:1/-1}@media (max-width:1300px){.logistics-planning-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title date""tools tools";align-items:center}.logistics-planning-title{grid-area:title}.logistics-date-navigation{grid-area:date}.logistics-planning-tools{grid-area:tools/auto;grid-template-columns:minmax(0,1fr) minmax(150px,165px) auto;width:100%;display:grid}.logistics-task-dashboard{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:980px){.logistics-task-dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:"toolbar""timeline""queue""table"}.logistics-mission-list{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;max-height:420px}}@media (max-width:700px){.logistics-planning-toolbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""date""tools";gap:10px;padding:12px}.logistics-planning-tools{grid-template-columns:minmax(0,1fr) minmax(120px,.7fr)}.logistics-planning-tools>.ui-button{grid-column:1/-1;justify-content:center}.logistics-planning-search,.logistics-planning-tools>.ui-select-wrap{min-width:0}.logistics-planning-section-title{flex-direction:column;align-items:flex-start}.logistics-timeline-content{min-width:970px}.logistics-timeline-ruler,.logistics-timeline-row{grid-template-columns:245px minmax(720px,1fr)}.logistics-timeline-legend{flex-wrap:wrap;gap:7px}.logistics-mission-list{grid-template-columns:1fr}.logistics-task-table-heading{flex-direction:column;align-items:flex-start}.logistics-task-search{width:100%}.logistics-task-filter-tabs{overflow:auto}.logistics-task-filter-tabs button{flex:none}.logistics-mission-form-grid{grid-template-columns:1fr}.logistics-mission-form-grid>.ui-field{grid-column:auto!important}}