:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;color:#0f1c2e;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}body[dir=rtl]{text-align:right}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{border-right:1px solid #dde4ef;background:#fff;padding:16px 14px}.brand{font-size:18px;font-weight:700;margin-bottom:20px}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 11px;border-radius:8px;color:#24344b;margin-bottom:4px}.nav-link:hover,.nav-link.active{background:#e8f0ff}.content{padding:18px}.page-card{background:#fff;border:1px solid #dde4ef;border-radius:12px;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px;position:sticky;top:0;background:#f4f7fb;padding-bottom:8px;z-index:10}.topbar-actions{display:flex;align-items:center;gap:10px}.lang-switch{display:flex;gap:6px}.flow-hint{margin-bottom:14px}.box-cta{padding:11px 16px;font-size:15px;font-weight:700}.button{border:1px solid #bfd0eb;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.button.primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.form{max-width:360px;display:grid;gap:12px}.form-label{display:grid;gap:6px;margin-bottom:12px}.input{border:1px solid #bfd0eb;border-radius:8px;padding:10px;width:100%}.input-small{width:90px}.error{color:#a11a1a;font-size:14px}.success-text{color:#13733e;font-size:14px}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:20px}.muted{color:#5f718d;font-size:14px}.grid-list{display:grid;gap:8px}.quick-filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;margin:14px 0}.advanced-filters{margin:10px 0 16px}.filter-field{display:grid;gap:6px;font-size:14px}.skeleton-list{display:grid;gap:10px;margin:10px 0}.skeleton-row{height:52px;border-radius:10px;background:linear-gradient(90deg,#edf2fa,#f8fbff,#edf2fa);background-size:200% 100%;animation:pulse 1.2s linear infinite}.skeleton-line{height:14px;border-radius:6px;background:#edf2fa;margin-bottom:10px}.skeleton-line.long{width:60%}.skeleton-line.medium{width:40%}.list-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:12px;align-items:center;border:1px solid #dde4ef;border-radius:10px;background:#fbfdff;padding:10px}.request-row{width:100%;text-align:left;background:#fbfdff;cursor:pointer}.frame-thumb{width:72px;height:50px;object-fit:cover;border-radius:8px;border:1px solid #dde4ef;display:block;margin-bottom:8px}.thumb-button{border:none;background:transparent;padding:0;position:relative;cursor:zoom-in}.thumb-hover-preview{display:none;position:absolute;left:82px;top:0;border:1px solid #d8e2f0;border-radius:8px;background:#fff;padding:6px;box-shadow:0 12px 26px #0d1d3529;z-index:4}.thumb-hover-preview img{width:220px;height:160px;object-fit:contain}.thumb-button:hover .thumb-hover-preview{display:block}.frame-thumb.placeholder{display:grid;place-items:center;font-size:12px;color:#6f7f96;background:#f4f8ff}.actions-row{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:10px}.selection-summary{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;padding:10px;border:1px solid #dce6f3;border-radius:10px;background:#f7fbff;font-size:14px}.selection-actions{display:flex;gap:8px}.qty-control{display:flex;align-items:center;gap:6px}.inline-icon-button{display:inline-flex;align-items:center;justify-content:center}.channel-action{display:inline-flex;align-items:center;gap:6px}.qty-input{width:70px;text-align:center;padding:7px 6px}.qty-clamped{border-color:#df5757;box-shadow:0 0 0 2px #df57572e}.choice-active{border-color:#1d4ed8;color:#1d4ed8;font-weight:700}.confirm-line{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:14px}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;border:1px solid transparent}.status-badge.neutral{background:#eef3f8;color:#41566f;border-color:#d7e0ea}.status-badge.info{background:#e8f2ff;color:#184f9a;border-color:#bfd8ff}.status-badge.warn{background:#fff6e8;color:#9a5a18;border-color:#ffe3bf}.status-badge.success{background:#e7f8ee;color:#166838;border-color:#c1eccc}.status-badge.danger{background:#fdecec;color:#912323;border-color:#f7c9c9}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:16px}.toast{margin:12px 0;padding:10px 12px;border-radius:10px;border:1px solid transparent;font-size:14px}.toast.error{background:#fdf0f0;border-color:#f2c8c8;color:#862525}.toast.info{background:#edf5ff;border-color:#c8dbf8;color:#214b7f}.toast.success{background:#e9f8ef;border-color:#c4e7cf;color:#185e34}.toast details{margin-top:6px}.toast pre{margin:6px 0 0;white-space:pre-wrap;word-break:break-word;font-size:12px}.image-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a142480;display:grid;place-items:center;z-index:20;padding:20px}.image-preview-modal{background:#fff;border-radius:12px;border:1px solid #d7e0ee;padding:16px;display:grid;gap:10px;max-width:90vw}.image-preview-modal img{max-width:min(90vw,640px);max-height:70vh;object-fit:contain}@media (max-width: 920px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #dde4ef}.list-row{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:wrap}.quick-filters{grid-template-columns:1fr 1fr}.selection-actions{width:100%}.selection-actions .button{flex:1}}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-section-title{margin:10px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#6a7c95}.quick-filters-single{grid-template-columns:minmax(220px,320px)}.step-line{display:flex;gap:8px;margin:8px 0 10px;flex-wrap:wrap}.step-pill{border:1px solid #d6e1ef;border-radius:999px;padding:4px 10px;font-size:12px;color:#4f6380;background:#f5f9ff}.step-pill.active{background:#e6f0ff;border-color:#b9d1ff;color:#1e4f9c;font-weight:700}.order-timeline{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.timeline-step{padding:2px 8px;border-radius:999px;border:1px solid #dce6f3;font-size:11px;color:#7287a4;background:#f7fbff}.timeline-step.done{border-color:#b9d1ff;color:#204f96;background:#e8f2ff}.timeline-step.current{border-color:#7ea8ff;color:#113c82;background:#dbe9ff;font-weight:700}.list-row-order{grid-template-columns:minmax(220px,1fr) minmax(120px,180px) minmax(90px,130px) minmax(170px,220px)}.list-row-company{grid-template-columns:minmax(220px,1fr) minmax(160px,220px) minmax(110px,160px) minmax(140px,200px)}.order-actions{display:grid;gap:6px;justify-items:start}.order-completed-summary{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;border:1px solid #dce6f3;border-radius:10px;background:#f7fbff;padding:8px 10px;font-size:13px}.small{font-size:12px}.actions-row.compact{margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.form-field-full{grid-column:1 / -1}.checkbox-field{display:flex;align-items:center;gap:8px}.inline-field{min-width:180px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:12px}.photo-card{border:1px solid #d9e3f0;border-radius:10px;padding:8px;background:#fbfdff}.photo-card img{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid #e1e9f4;margin-bottom:6px}.stock-row{grid-template-columns:minmax(220px,1fr) minmax(360px,2fr)}.stock-counts{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12px}.low-stock{border-color:#f0b3b3;background:#fff5f5}.list-row-focus{border-color:#7ea8ff;box-shadow:0 0 0 2px #e1edff inset}.account-requests-layout{grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);align-items:start}.nav-link-button{border:none;background:transparent;text-align:left;cursor:pointer}.nav-link-danger{color:#b42323;margin-top:8px}.nav-link-danger:hover{background:#feecec}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#d92d20;color:#fff;font-size:11px;font-weight:700;line-height:1}.notification-trigger{display:inline-flex;align-items:center;gap:8px}.notification-dropdown{position:relative}.notification-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(420px,90vw);max-height:min(72vh,560px);overflow:auto;border:1px solid #dbe5f2;border-radius:12px;background:#fff;box-shadow:0 14px 28px #0b182e29;z-index:40;padding:10px}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.notification-dropdown-summary{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;margin-bottom:8px}.notification-dropdown-list{display:grid;gap:6px}.notification-item{width:100%;border:1px solid #e6edf7;border-radius:8px;padding:8px 9px;background:#f8fbff;text-align:left;cursor:pointer}.notification-item.unread{border-color:#b9d1ff;background:#eef5ff}.notification-item-title{font-weight:700;font-size:13px}.notification-item-message{font-size:13px;margin:3px 0}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.catalog-card{border:1px solid #dde4ef;border-radius:10px;background:#fbfdff;padding:10px;display:grid;gap:8px}.catalog-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 12px;align-items:end;margin:12px 0 10px}.catalog-toolbar-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:42px}.catalog-toolbar-material{display:grid;gap:6px;align-items:stretch;min-width:180px}.catalog-toolbar-title{font-size:12px;color:#5f718d;font-weight:600}.icon-toggle-group{display:flex;gap:8px}.icon-toggle-button{min-width:42px!important;width:42px;height:42px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.catalog-toolbar-more{justify-content:flex-start;align-self:stretch}.catalog-more-filters{opacity:.72;padding:7px 10px;font-size:12px}.catalog-cart-cta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-card .qty-control{justify-content:center}.catalog-availability{display:inline-flex}.catalog-availability .status-badge{font-size:10px;padding:2px 8px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin:12px 0}.dashboard-kpi-card{border:1px solid #d9e3f0;border-radius:10px;background:#fbfdff;padding:10px;display:grid;gap:5px}.kpi-value{font-size:20px;line-height:1.2}.kpi-delta{font-size:12px}.kpi-delta-positive{color:#166534}.kpi-delta-negative{color:#9a3412}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px;margin:12px 0}.dashboard-lists-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.dashboard-panel{border:1px solid #d9e3f0;border-radius:10px;background:#fbfdff;padding:10px}.dashboard-panel h3{margin-top:0;margin-bottom:8px}.dashboard-panel h4{margin:0 0 6px;font-size:13px}.dashboard-chart{width:100%;height:190px;display:block}.dashboard-attention-block+.dashboard-attention-block{margin-top:10px}.dashboard-row{grid-template-columns:minmax(140px,1fr) auto}.dashboard-order-row{grid-template-columns:minmax(120px,1fr) auto auto}.inline-code-wrap{display:block;white-space:pre-wrap;word-break:break-all;background:#f3f6fb;border:1px solid #d6dfec;border-radius:8px;padding:8px;font-size:12px}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px;margin:8px 0}.checkbox-row{display:flex;align-items:center;gap:8px}.packing-slip-page{max-width:980px}.packing-slip-sheet{border:1px solid #d6e1ef;border-radius:12px;padding:18px;background:#fff}.packing-slip-header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #dbe5f2;padding-bottom:10px;margin-bottom:14px}.packing-slip-meta{text-align:right;display:grid;gap:4px;font-size:13px}.packing-slip-block{margin-bottom:14px}.packing-slip-block h3{margin:0 0 6px;font-size:14px}.packing-slip-table{width:100%;border-collapse:collapse;font-size:13px}.packing-slip-table th,.packing-slip-table td{border:1px solid #d6e1ef;padding:6px 8px;text-align:left}.packing-slip-total{margin-top:8px;text-align:right}.no-print{display:flex}@media (max-width: 920px){.form-grid,.list-row-order,.list-row-company,.stock-row,.account-requests-layout,.dashboard-kpi-grid,.dashboard-charts-grid,.dashboard-lists-grid,.permissions-grid{grid-template-columns:1fr}.catalog-toolbar{grid-template-columns:repeat(2,minmax(150px,1fr));align-items:start}.catalog-toolbar-material,.catalog-toolbar-more{grid-column:1 / -1}.packing-slip-header{flex-direction:column}.packing-slip-meta{text-align:left}}@media (max-width: 1200px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 980px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.catalog-grid{grid-template-columns:1fr}.catalog-toolbar{grid-template-columns:1fr;gap:8px}.catalog-toolbar-group{min-height:38px}.icon-toggle-group{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.icon-toggle-button{width:100%;min-width:0!important;height:38px}}body[dir=rtl] .app-shell{grid-template-columns:1fr 220px}body[dir=rtl] .sidebar{border-right:none;border-left:1px solid #dde4ef}.photo-thumb-button{border:1px solid #d9dde6;background:#fff;border-radius:10px;width:176px;height:132px;padding:0;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.photo-thumb-button.primary{border-color:#1f4e9d;box-shadow:0 0 0 3px #1f4e9d33}.photo-thumb-button img{width:100%;height:100%;object-fit:cover}.candidate-image-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}@media (max-width: 920px){.photo-thumb-button{width:132px;height:98px}}@page{size:A4;margin:12mm}@media print{body{background:#fff}.sidebar,.topbar,.flow-hint,.no-print{display:none!important}.app-shell{display:block}.content{padding:0}.page-card{border:none;padding:0;background:#fff}.packing-slip-sheet{border:none;padding:0}}