*,*:before,*:after{box-sizing:border-box}:root{--font-arabic: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-navy-950: #070d19;--color-navy-900: #0a192f;--color-navy-850: #0e223d;--color-navy-800: #112240;--color-navy-700: #1d3557;--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-200: #bfdbfe;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-800: #1e40af;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a}html,body{margin:0;padding:0;min-height:100%;background-color:#f5f7fb;font-family:var(--font-arabic);color:var(--color-slate-800);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit}.font-mono{font-family:var(--font-mono);direction:ltr;display:inline-block}.shell{min-height:100vh;background:#f5f7fb;display:flex}.sidebar{width:260px;background:#0a192f;color:#dbe5f2;display:flex;flex-direction:column;flex-shrink:0;border-left:1px solid #112240}.sidebar .brand{height:72px;display:flex;gap:12px;align-items:center;padding:0 18px;border-bottom:1px solid #19304f;color:#fff;font-size:14px;font-weight:700}.sidebar .brand b{background:#2563eb;font-size:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:7px}.sidebar .brand small{font-size:10px;color:#91a5c0;display:block;margin-top:3px;font-family:Arial,sans-serif}.sidebar nav{padding:18px 10px;flex:1}.sidebar nav p{font-size:10px;color:#8ba0bd;margin:10px 10px 7px;text-transform:uppercase;letter-spacing:.5px}.sidebar nav a{font-size:13px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-radius:6px;color:#c7d3e4;margin:2px 0;cursor:pointer;text-decoration:none;transition:all .15s ease}.sidebar nav a:hover{background:#112240;color:#fff}.sidebar nav a.selected{background:#1d4ed8;color:#fff;font-weight:600}.sidebar nav a em{font-style:normal;background:#173c8c;padding:1px 7px;border-radius:20px;font-size:10px;font-family:var(--font-mono)}.sidebar nav a.nav-disabled{opacity:.55;cursor:not-allowed}.sidebar nav a.nav-disabled:hover{background:transparent;color:#c7d3e4}.sidebar nav a .soon-pill{font-size:10px;background:#1e293b;color:#94a3b8;padding:2px 7px;border-radius:999px;border:1px solid #334155}.sidebar footer{border-top:1px solid #19304f;padding:14px 16px;font-size:11px;color:#a7b6ca;display:flex;align-items:center;gap:6px}.sidebar footer .dot{display:inline-block;width:7px;height:7px;background:#22c55e;border-radius:50%}main{flex:1;min-width:0;padding:24px 32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn.btn-primary,.btn.primary{background-color:var(--color-brand-600);color:#fff;padding:9px 16px;font-size:13px;box-shadow:0 1px 2px #0f172a1a}.btn.btn-primary:hover,.btn.primary:hover{background-color:var(--color-brand-700)}.btn.btn-secondary,.btn.secondary{background-color:#fff;color:var(--color-slate-700);border-color:var(--color-slate-300);padding:8px 14px;font-size:12px}.btn.btn-secondary:hover,.btn.secondary:hover{background-color:var(--color-slate-50);color:var(--color-slate-900)}.btn.btn-outline{background:transparent;color:var(--color-brand-700);border-color:var(--color-brand-200);padding:7px 12px;font-size:12px}.btn.btn-outline:hover{background-color:var(--color-brand-50)}.btn.btn-sm{padding:6px 12px;font-size:11px}.btn.btn-xs{padding:4px 8px;font-size:11px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.status-badge .dot{width:6px;height:6px;border-radius:50%}.status-badge.status-draft{background-color:#f1f5f9;color:#475569;border-color:#cbd5e1}.status-badge.status-draft .dot{background-color:#64748b}.status-badge.status-sent{background-color:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.status-badge.status-sent .dot{background-color:#2563eb}.status-badge.status-in-production{background-color:#eef2ff;color:#4338ca;border-color:#c7d2fe}.status-badge.status-in-production .dot{background-color:#6366f1}.status-badge.status-ready-to-ship{background-color:#ecfeff;color:#0e7490;border-color:#a5f3fc}.status-badge.status-ready-to-ship .dot{background-color:#06b6d4}.status-badge.status-shipped{background-color:#f0f9ff;color:#0369a1;border-color:#bae6fd}.status-badge.status-shipped .dot{background-color:#0284c7}.status-badge.status-completed{background-color:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-badge.status-completed .dot{background-color:#10b981}.status-badge.status-pending{background-color:#fffbeb;color:#b45309;border-color:#fde68a}.status-badge.status-pending .dot{background-color:#f59e0b}.status-badge.status-cancelled{background-color:#fef2f2;color:#b91c1c;border-color:#fecaca}.status-badge.status-cancelled .dot{background-color:#ef4444}.status-badge.status-failed{background-color:#e11d48;color:#fff;border-color:#be123c}.status-badge.status-failed .dot{background-color:#fff}.overdue-badge{display:inline-flex;align-items:center;gap:4px;background-color:#e11d48;color:#fff;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;font-family:var(--font-mono)}.lead-time-pill{display:inline-block;background-color:#f8fafc;color:#334155;border:1px solid #e2e8f0;padding:2px 7px;border-radius:4px;font-size:11px;font-family:var(--font-mono)}.orders-container{display:flex;flex-direction:column;gap:18px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header .eyebrow{font-size:11px;font-weight:600;color:var(--color-slate-500);display:block}.page-header h1{font-size:22px;font-weight:700;color:var(--color-slate-900);margin:2px 0 4px}.page-header p{font-size:13px;color:var(--color-slate-500);margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-grid .kpi-card{background:#fff;border:1px solid var(--color-slate-200);border-radius:8px;padding:14px 16px;box-shadow:0 1px 2px #0f172a0a}.kpi-grid .kpi-card .kpi-label{font-size:11px;color:var(--color-slate-500);display:block}.kpi-grid .kpi-card .kpi-value{font-size:24px;font-weight:700;color:var(--color-slate-900);display:block;margin:4px 0}.kpi-grid .kpi-card .kpi-sub{font-size:11px;color:var(--color-slate-400)}.kpi-grid .kpi-card.highlight-indigo{border-right:3px solid #6366f1}.kpi-grid .kpi-card.highlight-rose{border-right:3px solid #f43f5e}.kpi-grid .kpi-card.has-alert{background:#fff1f2}.filter-panel{background:#fff;border:1px solid var(--color-slate-200);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px #0f172a0a}.filter-row{display:grid;grid-template-columns:2fr 1fr 1.2fr .8fr 1fr;gap:10px}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;right:10px;font-size:12px;pointer-events:none;opacity:.6}.search-box input{width:100%;padding:7px 30px 7px 24px;background:var(--color-slate-50);border:1px solid var(--color-slate-300);border-radius:6px;font-size:12px;color:var(--color-slate-800);outline:none}.search-box input:focus{background:#fff;border-color:var(--color-brand-500);box-shadow:0 0 0 1px var(--color-brand-500)}.search-box .clear-search{position:absolute;left:8px;background:none;border:none;cursor:pointer;font-size:11px;color:var(--color-slate-400)}.filter-select{display:flex;flex-direction:column;gap:3px}.filter-select label{font-size:10px;font-weight:600;color:var(--color-slate-500)}.filter-select select,.filter-select input{width:100%;padding:6px 8px;background:var(--color-slate-50);border:1px solid var(--color-slate-300);border-radius:6px;font-size:12px;color:var(--color-slate-800);outline:none}.filter-select select:focus,.filter-select input:focus{background:#fff;border-color:var(--color-brand-500)}.quick-chips-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-slate-100);padding-top:10px;flex-wrap:wrap;gap:10px}.quick-chips-row .chips-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-chips-row .chips-group .chips-label{font-size:11px;color:var(--color-slate-400);margin-left:4px}.quick-chips-row .chip-btn{background:var(--color-slate-100);border:1px solid var(--color-slate-200);color:var(--color-slate-700);border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.quick-chips-row .chip-btn:hover{background:var(--color-slate-200)}.quick-chips-row .chip-btn.active{background:var(--color-brand-600);color:#fff;border-color:var(--color-brand-700)}.quick-chips-row .chip-btn.chip-rose.active{background:#e11d48;border-color:#be123c}.quick-chips-row .chip-btn.chip-indigo.active{background:#4f46e5;border-color:#4338ca}.quick-chips-row .chip-btn .dot-indicator{width:5px;height:5px;border-radius:50%;background:#e11d48}.quick-chips-row .chips-actions{display:flex;align-items:center;gap:12px}.quick-chips-row .chips-actions .results-badge{font-size:11px;color:var(--color-slate-500)}.quick-chips-row .chips-actions .reset-link{background:none;border:none;color:var(--color-brand-700);font-size:11px;text-decoration:underline;cursor:pointer}.quick-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--color-slate-100)}.quick-pills .pills-label{font-size:11px;font-weight:700;color:var(--color-slate-500);margin-left:4px;display:inline-flex;align-items:center}.quick-pills .pill{font-family:inherit;font-size:11px;font-weight:600;padding:4px 10px;border-radius:9999px;border:1px solid var(--color-slate-200);background:#fff;color:var(--color-slate-700);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 2px #0f172a0a}.quick-pills .pill:hover{background:var(--color-slate-50);border-color:var(--color-slate-300);color:var(--color-slate-900)}.quick-pills .pill.active{background:var(--color-navy-900);border-color:var(--color-navy-900);color:#fff}.quick-pills .pill.pill-rose{background:#fff1f2;border-color:#fecdd3;color:#be123c}.quick-pills .pill.pill-rose:hover{background:#ffe4e6}.quick-pills .pill.pill-rose.active{background:#e11d48;border-color:#be123c;color:#fff}.quick-pills .pill.pill-indigo{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.quick-pills .pill.pill-indigo:hover{background:#e0e7ff}.quick-pills .pill.pill-indigo.active{background:#4f46e5;border-color:#4338ca;color:#fff}.quick-pills .pill.pill-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.quick-pills .pill.pill-blue:hover{background:#dbeafe}.quick-pills .pill.pill-blue.active{background:#2563eb;border-color:#1d4ed8;color:#fff}.quick-pills .pill.pill-slate{background:#f8fafc;border-color:#cbd5e1;color:#475569}.quick-pills .pill.pill-slate:hover{background:#f1f5f9}.quick-pills .pill.pill-slate.active{background:#475569;border-color:#334155;color:#fff}.quick-pills .pill.pill-amber{background:#fffbeb;border-color:#fde68a;color:#b45309}.quick-pills .pill.pill-amber:hover{background:#fef3c7}.quick-pills .pill.pill-amber.active{background:#d97706;border-color:#b45309;color:#fff}.desktop-table-card{background:#fff;border:1px solid var(--color-slate-200);border-radius:8px;overflow-x:auto;box-shadow:0 1px 2px #0f172a0a}.enterprise-table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}.enterprise-table thead tr{background:var(--color-slate-50);border-bottom:1px solid var(--color-slate-200)}.enterprise-table thead tr th{padding:10px 12px;font-size:11px;font-weight:600;color:var(--color-slate-600);white-space:nowrap}.enterprise-table tbody tr{border-bottom:1px solid var(--color-slate-100);transition:background .15s ease}.enterprise-table tbody tr:hover{background-color:#f1f5f999}.enterprise-table tbody tr.row-overdue{border-right:3px solid #f43f5e;background-color:#fef2f266}.enterprise-table tbody tr td{padding:10px 12px;vertical-align:middle}.mo-code-cell{display:flex;align-items:center;gap:5px}.mo-code-cell .order-link{font-weight:700;color:var(--color-brand-700);text-decoration:none;cursor:pointer}.mo-code-cell .order-link:hover{text-decoration:underline}.supplier-cell b{display:block;color:var(--color-slate-900);font-size:12px}.country-tag{display:inline-block;background:var(--color-slate-100);padding:2px 6px;border-radius:4px;font-size:11px;white-space:nowrap}.items-summary-cell{max-width:260px}.items-summary-cell .item-title{display:block;font-weight:600;color:var(--color-slate-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-muted{color:var(--color-slate-400)}.text-rose{color:#e11d48;font-weight:700}.text-emerald{color:#059669}.text-indigo{color:#4f46e5}.text-brand{color:var(--color-brand-700)}.actions-cell{display:flex;align-items:center;justify-content:center;gap:6px}.actions-cell .action-icon-btn{background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:4px;padding:4px 6px;font-size:12px;cursor:pointer}.actions-cell .action-icon-btn:hover{background:var(--color-brand-50);border-color:var(--color-brand-300)}.empty-state{text-align:center;padding:36px 16px}.empty-state .empty-state-content{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state .empty-state-content .empty-icon{font-size:28px}.empty-state .empty-state-content b{font-size:14px;color:var(--color-slate-700)}.empty-state .empty-state-content p{margin:0;font-size:12px;color:var(--color-slate-400)}.mobile-cards-grid{display:none;flex-direction:column;gap:12px}.mobile-order-card{background:#fff;border:1px solid var(--color-slate-200);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.mobile-order-card.card-overdue{border-right:4px solid #f43f5e}.mobile-order-card .mobile-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--color-slate-100);padding-bottom:8px}.mobile-order-card .mo-code-group{display:flex;align-items:center;gap:6px}.mobile-order-card .mobile-card-body{display:flex;flex-direction:column;gap:6px}.mobile-order-card .mobile-card-body .supplier-info{display:flex;justify-content:space-between;font-size:12px}.mobile-order-card .mobile-card-body .items-brief{background:var(--color-slate-50);padding:6px 8px;border-radius:4px;font-size:11px;display:flex;flex-direction:column;gap:2px}.mobile-order-card .mobile-card-body .dates-row{display:flex;justify-content:space-between;font-size:11px;color:var(--color-slate-600);padding-top:4px}.mobile-order-card .mobile-card-body .dates-row small{color:var(--color-slate-400);display:block;font-size:10px}.mobile-order-card .mobile-card-footer{display:flex;gap:8px;border-top:1px solid var(--color-slate-100);padding-top:8px}.drawer-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100}.order-details-drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(720px,100vw);background:#fff;z-index:101;display:flex;flex-direction:column;box-shadow:-5px 0 25px #00000026;animation:slideIn .25s ease-out}.order-details-drawer .drawer-header{background:var(--color-navy-900);color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.order-details-drawer .drawer-header .drawer-title-group{display:flex;align-items:center;gap:12px}.order-details-drawer .drawer-header .drawer-title-group h3{margin:0;font-size:14px;font-weight:700;color:#fff}.order-details-drawer .drawer-header .drawer-title-group .drawer-subtitle{font-size:11px;color:var(--color-slate-300)}.order-details-drawer .drawer-header .drawer-mo-badge{background:var(--color-brand-600);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.order-details-drawer .drawer-header .drawer-close-btn{background:none;border:none;color:var(--color-slate-400);font-size:18px;cursor:pointer}.order-details-drawer .drawer-header .drawer-close-btn:hover{color:#fff}.order-details-drawer .sent-order-protection-banner{background:#eff6ff;border-bottom:1px solid #bfdbfe;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.order-details-drawer .sent-order-protection-banner .banner-content{display:flex;align-items:flex-start;gap:8px}.order-details-drawer .sent-order-protection-banner .banner-content .lock-icon{font-size:16px}.order-details-drawer .sent-order-protection-banner .banner-content b{font-size:12px;color:#1e3a8a;display:block}.order-details-drawer .sent-order-protection-banner .banner-content p{font-size:11px;color:#3b82f6;margin:2px 0 0}.order-details-drawer .status-progression-bar{background:var(--color-slate-50);border-bottom:1px solid var(--color-slate-200);padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.order-details-drawer .status-progression-bar .timeline-step{display:flex;flex-direction:column;align-items:center;gap:3px}.order-details-drawer .status-progression-bar .timeline-step .step-circle{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--color-slate-300);color:var(--color-slate-400);display:grid;place-items:center;font-size:10px;font-weight:700}.order-details-drawer .status-progression-bar .timeline-step .step-name{font-size:9px;font-weight:600;color:var(--color-slate-500)}.order-details-drawer .status-progression-bar .timeline-step.step-active .step-circle{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff;box-shadow:0 0 0 3px #2563eb33}.order-details-drawer .status-progression-bar .timeline-step.step-active .step-name{color:var(--color-brand-700);font-weight:700}.order-details-drawer .status-progression-bar .step-connector{flex:1;height:2px;background:var(--color-slate-200);margin:0 6px 12px}.order-details-drawer .drawer-tabs{display:flex;background:#fff;border-bottom:1px solid var(--color-slate-200);padding:0 12px}.order-details-drawer .drawer-tabs button{padding:10px 14px;font-size:12px;font-weight:600;color:var(--color-slate-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer}.order-details-drawer .drawer-tabs button:hover{color:var(--color-slate-800)}.order-details-drawer .drawer-tabs button.active{color:var(--color-brand-700);border-bottom-color:var(--color-brand-700)}.order-details-drawer .drawer-body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:16px}.order-details-drawer .drawer-section{display:flex;flex-direction:column;gap:10px}.order-details-drawer .drawer-section .section-title{font-size:12px;font-weight:700;color:var(--color-slate-800);margin:0;display:flex;justify-content:space-between;align-items:center}.order-details-drawer .drawer-section .section-title .count-pill{font-size:10px;background:var(--color-slate-100);padding:2px 6px;border-radius:10px;color:var(--color-slate-600)}.order-details-drawer .milestones-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.order-details-drawer .milestones-grid .milestone-box{background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:6px;padding:8px 10px;font-size:11px}.order-details-drawer .milestones-grid .milestone-box small{color:var(--color-slate-400);display:block;margin-bottom:2px}.order-details-drawer .milestones-grid .milestone-box b{color:var(--color-slate-800)}.order-details-drawer .drawer-items-wrap{border:1px solid var(--color-slate-200);border-radius:6px;overflow-x:auto}.order-details-drawer .drawer-table{width:100%;border-collapse:collapse;font-size:11px}.order-details-drawer .drawer-table thead tr{background:var(--color-slate-100)}.order-details-drawer .drawer-table thead tr th{padding:8px 10px;text-align:right;color:var(--color-slate-600)}.order-details-drawer .drawer-table tbody tr{border-top:1px solid var(--color-slate-100)}.order-details-drawer .drawer-table tbody tr td{padding:8px 10px;vertical-align:top}.order-details-drawer .item-detail-name{display:flex;flex-direction:column;gap:2px}.order-details-drawer .item-detail-name .spec-note{color:var(--color-slate-500);font-family:var(--font-mono);font-size:10px}.order-details-drawer .item-detail-name .desc-note{color:var(--color-slate-400);font-size:10px}.order-details-drawer .instructions-box,.order-details-drawer .notes-box{background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:6px;padding:10px;font-size:11px}.order-details-drawer .instructions-box p,.order-details-drawer .notes-box p{margin:0;color:var(--color-slate-700);line-height:1.5;font-family:var(--font-mono)}.order-details-drawer .instructions-box small,.order-details-drawer .notes-box small{font-weight:700;color:var(--color-slate-500);display:block;margin-bottom:4px}.order-details-drawer .image-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.order-details-drawer .image-gallery-grid .gallery-card{border:1px solid var(--color-slate-200);border-radius:6px;overflow:hidden;background:#fff}.order-details-drawer .image-gallery-grid .gallery-card .thumbnail-wrapper{position:relative;height:100px;background:var(--color-slate-900);display:grid;place-items:center}.order-details-drawer .image-gallery-grid .gallery-card .thumbnail-wrapper img{width:100%;height:100%;object-fit:cover}.order-details-drawer .image-gallery-grid .gallery-card .thumbnail-wrapper .image-tag{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:9px;padding:1px 4px;border-radius:3px}.order-details-drawer .image-gallery-grid .gallery-card .gallery-card-info{padding:6px 8px;font-size:10px}.order-details-drawer .image-gallery-grid .gallery-card .gallery-card-info b{display:block;color:var(--color-slate-800)}.order-details-drawer .image-gallery-grid .gallery-card .gallery-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.order-details-drawer .email-flag-badge{background:#eff6ff;color:#1d4ed8;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:600}.order-details-drawer .docs-list{display:flex;flex-direction:column;gap:6px}.order-details-drawer .docs-list .doc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--color-slate-200);border-radius:6px;background:var(--color-slate-50)}.order-details-drawer .docs-list .doc-item .doc-icon-wrap{font-size:20px}.order-details-drawer .docs-list .doc-item .doc-details{flex:1}.order-details-drawer .docs-list .doc-item .doc-details b{font-size:11px;color:var(--color-slate-800);display:block}.order-details-drawer .docs-list .doc-item .doc-details .doc-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--color-slate-500)}.order-details-drawer .docs-list .doc-item .doc-details .doc-key{color:var(--color-slate-400)}.order-details-drawer .audit-timeline{border-right:2px solid var(--color-slate-200);padding-right:14px;display:flex;flex-direction:column;gap:16px}.order-details-drawer .audit-timeline .audit-event{position:relative;font-size:11px}.order-details-drawer .audit-timeline .audit-event .event-marker{position:absolute;right:-20px;top:0;color:var(--color-slate-400)}.order-details-drawer .audit-timeline .audit-event .event-marker.active{color:var(--color-brand-600)}.order-details-drawer .audit-timeline .audit-event .event-marker.warn{color:#e11d48;right:-22px;font-size:12px}.order-details-drawer .audit-timeline .audit-event .event-header{display:flex;justify-content:space-between;margin-bottom:2px}.order-details-drawer .audit-timeline .audit-event p{margin:0;color:var(--color-slate-500)}.order-details-drawer .drawer-footer{background:var(--color-slate-50);border-top:1px solid var(--color-slate-200);padding:12px 18px;display:flex;align-items:center;justify-content:flex-end;gap:8px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-backdrop{position:fixed;inset:0;background:#0f172a99;z-index:120}.form-modal-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:20px;z-index:121}.form-modal{background:#fff;width:min(980px,100%);max-height:92vh;border-radius:10px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;overflow:hidden}.form-modal .modal-header{background:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-slate-200)}.form-modal .modal-header h2{margin:0;font-size:18px;color:var(--color-slate-900)}.form-modal .modal-header .close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-slate-400)}.form-modal .order-number-banner{background:#eff6ff;border-bottom:1px solid #bfdbfe;padding:8px 22px;display:flex;align-items:center;gap:10px}.form-modal .order-number-banner .banner-badge{background:var(--color-brand-600);color:#fff;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:700}.form-modal .order-number-banner .banner-text{font-size:12px;font-weight:600;color:#1e3a8a}.form-modal .validation-errors-alert{background:#fef2f2;border-bottom:1px solid #fecaca;padding:10px 22px;font-size:11px;color:#b91c1c}.form-modal .validation-errors-alert ul{margin:4px 0 0;padding-right:18px}.form-modal .modal-body{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:20px}.form-modal .form-section{border-bottom:1px solid var(--color-slate-100);padding-bottom:18px}.form-modal .form-section:last-child{border:none;padding-bottom:0}.form-modal .form-section-title{font-size:13px;font-weight:700;color:var(--color-slate-800);margin:0 0 10px}.form-modal .section-hint{font-size:11px;color:var(--color-slate-500);margin:-6px 0 10px}.form-modal .section-title-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.form-modal .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-modal .form-group{display:flex;flex-direction:column;gap:4px}.form-modal .form-group.col-span-2{grid-column:span 2}.form-modal .form-group.col-span-3{grid-column:span 3}.form-modal .form-group label{font-size:11px;font-weight:600;color:var(--color-slate-600)}.form-modal .form-group input,.form-modal .form-group select,.form-modal .form-group textarea{padding:7px 10px;border:1px solid var(--color-slate-300);border-radius:6px;font-size:12px;outline:none;background:#fff}.form-modal .form-group input:focus,.form-modal .form-group select:focus,.form-modal .form-group textarea:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 1px var(--color-brand-500)}.form-modal .editable-table-wrap{border:1px solid var(--color-slate-200);border-radius:6px;overflow-x:auto}.form-modal .editable-items-table{width:100%;border-collapse:collapse;font-size:11px}.form-modal .editable-items-table thead tr{background:var(--color-slate-50);border-bottom:1px solid var(--color-slate-200)}.form-modal .editable-items-table thead tr th{padding:8px 10px;text-align:right;color:var(--color-slate-600)}.form-modal .editable-items-table tbody tr{border-bottom:1px solid var(--color-slate-100)}.form-modal .editable-items-table tbody tr td{padding:6px 8px}.form-modal .input-sm{width:100%;padding:5px 7px;border:1px solid var(--color-slate-300);border-radius:4px;font-size:11px;outline:none}.form-modal .input-sm:focus{border-color:var(--color-brand-500)}.form-modal .btn-row-remove{background:none;border:none;color:var(--color-slate-400);cursor:pointer;font-size:14px}.form-modal .btn-row-remove:hover:not(:disabled){color:#e11d48}.form-modal .btn-row-remove:disabled{opacity:.2;cursor:not-allowed}.form-modal .items-table-summary{display:flex;justify-content:space-between;align-items:center;background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-top:none;border-radius:0 0 6px 6px;padding:8px 12px;font-size:11px}.form-modal .items-table-summary .grand-total{display:flex;align-items:center;gap:6px;font-size:12px}.form-modal .items-table-summary .grand-total b{font-size:14px}.form-modal .upload-dropzone{border:2px dashed var(--color-slate-300);border-radius:8px;padding:16px;text-align:center;background:var(--color-slate-50);cursor:pointer;transition:all .15s ease}.form-modal .upload-dropzone:hover{border-color:var(--color-brand-500);background:var(--color-brand-50)}.form-modal .upload-dropzone .hidden-file-input{display:none}.form-modal .upload-dropzone .dropzone-content{display:flex;flex-direction:column;align-items:center;gap:4px}.form-modal .upload-dropzone .dropzone-content .upload-cloud-icon{font-size:24px}.form-modal .upload-dropzone .dropzone-content b{font-size:12px;color:var(--color-slate-800)}.form-modal .upload-dropzone .dropzone-content small{font-size:10px;color:var(--color-slate-400)}.form-modal .sub-heading{font-size:11px;font-weight:700;color:var(--color-slate-700);margin:12px 0 6px}.form-modal .form-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.form-modal .form-gallery-grid .form-gallery-card{border:1px solid var(--color-slate-200);border-radius:6px;overflow:hidden;background:#fff}.form-modal .form-gallery-grid .form-gallery-card .thumb-preview{position:relative;height:85px;background:var(--color-slate-900);display:grid;place-items:center}.form-modal .form-gallery-grid .form-gallery-card .thumb-preview img{width:100%;height:100%;object-fit:cover}.form-modal .form-gallery-grid .form-gallery-card .thumb-preview .remove-att-btn{position:absolute;top:4px;left:4px;background:#e11d48d9;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;cursor:pointer;font-size:10px}.form-modal .form-gallery-grid .form-gallery-card .thumb-details{padding:5px 6px;font-size:10px}.form-modal .form-gallery-grid .form-gallery-card .thumb-details span{display:block;font-weight:600}.form-modal .email-checkbox-label{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--color-slate-600);margin-top:4px;cursor:pointer}.form-modal .form-docs-list{display:flex;flex-direction:column;gap:6px}.form-modal .form-docs-list .form-doc-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--color-slate-200);border-radius:6px;background:#fff}.form-modal .form-docs-list .form-doc-row .doc-icon{font-size:18px}.form-modal .form-docs-list .form-doc-row .doc-info{flex:1}.form-modal .form-docs-list .form-doc-row .doc-info b{font-size:11px;display:block}.form-modal .modal-footer{background:var(--color-slate-50);border-top:1px solid var(--color-slate-200);padding:12px 22px;display:flex;gap:10px}.toast-notification{position:fixed;bottom:24px;left:24px;background:var(--color-navy-950);color:#fff;padding:10px 18px;border-radius:6px;box-shadow:0 10px 25px #0003;font-size:12px;display:flex;align-items:center;gap:8px;z-index:200;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.filter-row{grid-template-columns:1fr 1fr}.filter-row .search-box{grid-column:span 2}}@media(max-width:768px){.desktop-table-card{display:none}.mobile-cards-grid{display:flex}.filter-row{grid-template-columns:1fr}.filter-row .search-box{grid-column:span 1}.form-grid{grid-template-columns:1fr}.form-grid .col-span-2,.form-grid .col-span-3{grid-column:span 1}.order-details-drawer{width:100vw}.form-modal{max-height:98vh;border-radius:12px 12px 0 0}.form-modal-container{padding:0;align-items:flex-end}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:6px;display:inline-block}.skeleton-cell{height:18px;width:80%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:4px}.skeleton-row td{padding:14px 12px;border-bottom:1px solid #f1f5f9}.skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px}.skeleton-card .skeleton-line{height:16px;border-radius:4px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.api-error-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:14px 20px;margin-bottom:20px;box-shadow:0 1px 3px #ef444414}.api-error-banner .error-content{display:flex;align-items:center;gap:12px}.api-error-banner .error-content .error-icon{font-size:1.4rem;flex-shrink:0}.api-error-banner .error-content .error-text{font-size:.92rem;font-weight:500;line-height:1.4}.api-error-banner .btn-retry{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.api-error-banner .btn-retry:hover{background-color:#b91c1c}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;background:#fff;border-radius:12px;border:1px dashed #cbd5e1;margin:16px 0}.empty-state-card .empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.85}.empty-state-card .empty-state-title{font-size:1.15rem;font-weight:700;color:var(--color-slate-800);margin-bottom:8px}.empty-state-card .empty-state-desc{font-size:.9rem;color:var(--color-slate-500);max-width:440px;line-height:1.5;margin-bottom:20px}.empty-state-card .empty-actions{display:flex;gap:10px}.input-invalid{border-color:#ef4444!important;background-color:#fffafb!important;box-shadow:0 0 0 2px #ef444426!important}.table-input-invalid{border-color:#ef4444!important;background-color:#fef2f2!important}.field-error-msg{display:flex;align-items:center;gap:4px;color:#dc2626;font-size:.78rem;font-weight:600;margin-top:5px;animation:fadeIn .2s ease-in}.table-field-error{color:#dc2626;font-size:.7rem;font-weight:600;margin-top:2px;white-space:nowrap}.items-error-banner{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:8px 14px;border-radius:6px;font-size:.82rem;font-weight:600;margin-bottom:12px}.badge-staging{display:inline-flex;align-items:center;gap:4px;background-color:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:12px;font-size:.72rem;font-weight:600;padding:2px 8px}.badge-persisted{display:inline-flex;align-items:center;gap:4px;background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0;border-radius:12px;font-size:.72rem;font-weight:600;padding:2px 8px}.r2-key-badge{font-family:var(--font-mono);font-size:.75rem;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px;direction:ltr;display:inline-block}.spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle;margin-left:6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;z-index:1060;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}.modal-dialog{background:#fff;border-radius:14px;width:100%;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0f172a59,0 0 0 1px #0000000f;overflow:hidden;color:#1e293b}.modal-dialog.modal-lg{max-width:960px}.modal-dialog.modal-md{max-width:620px}.modal-dialog.modal-sm{max-width:440px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid var(--color-slate-200);background:var(--color-slate-50);flex-shrink:0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-slate-900)}.modal-header p{margin:.3rem 0 0;font-size:.85rem;color:var(--color-slate-500)}.modal-header .close-btn{background:transparent;border:1px solid var(--color-slate-300);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;font-size:1.1rem;color:var(--color-slate-500);cursor:pointer;transition:all .15s ease}.modal-body{padding:1.5rem 1.75rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.15rem 1.75rem;border-top:1px solid var(--color-slate-200);background:var(--color-slate-50);flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem}@media(max-width:680px){.form-grid{grid-template-columns:1fr}}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}@media(max-width:900px){.form-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.form-grid-3{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.4rem;width:100%}.form-group label{font-size:.875rem;font-weight:700;color:#1e293b;letter-spacing:-.01em;display:flex;align-items:center;gap:.3rem}.form-group .required{color:#e11d48;font-weight:800}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group input[type=date],.form-group input[type=url],.form-group input[type=tel],.form-group input[type=password],.form-group input:not([type]),.form-group select,.form-group textarea{width:100%;height:44px;padding:.65rem 1rem;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;font-size:.95rem;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group input[type=url]:focus,.form-group input[type=tel]:focus,.form-group input[type=password]:focus,.form-group input:not([type]):focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb24}.form-group input[type=text]::placeholder,.form-group input[type=email]::placeholder,.form-group input[type=number]::placeholder,.form-group input[type=date]::placeholder,.form-group input[type=url]::placeholder,.form-group input[type=tel]::placeholder,.form-group input[type=password]::placeholder,.form-group input:not([type])::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input[type=text]:disabled,.form-group input[type=email]:disabled,.form-group input[type=number]:disabled,.form-group input[type=date]:disabled,.form-group input[type=url]:disabled,.form-group input[type=tel]:disabled,.form-group input[type=password]:disabled,.form-group input:not([type]):disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.form-group textarea{height:auto;min-height:90px;padding:.75rem 1rem;resize:vertical;line-height:1.55}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#f43f5e;background:#fff1f2}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 3px #f43f5e26}.form-group .error-msg{color:#e11d48;font-size:.775rem;font-weight:600;margin-top:.2rem}.input-error{border-color:#f43f5e!important;background-color:#fff1f2!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:38px;padding:0 1.15rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .18s cubic-bezier(.16,1,.3,1);text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn.btn-primary{background:#2563eb;border-color:#1d4ed8;color:#fff;box-shadow:0 1px 3px #2563eb40}.btn.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 10px #2563eb59}.btn.btn-secondary{background:#fff;border-color:#cbd5e1;color:#334155}.btn.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn.btn-success{background:#059669;border-color:#047857;color:#fff;box-shadow:0 1px 3px #05966940}.btn.btn-success:hover:not(:disabled){background:#047857;box-shadow:0 4px 10px #05966959}.btn.btn-danger{background:#dc2626;border-color:#b91c1c;color:#fff}.btn.btn-danger:hover:not(:disabled){background:#b91c1c}.btn.btn-sm{height:32px;padding:0 .8rem;font-size:.8rem;border-radius:6px}.btn.btn-icon{width:34px;height:34px;padding:0;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.95rem}.btn.btn-icon:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopUp{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{position:fixed;inset:0;z-index:1060;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto;animation:modalFadeIn .2s ease-out}.modal-dialog,.modal-card{background:#fff!important;border-radius:14px;width:100%;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0f172a59,0 0 0 1px #0000000f;overflow:hidden;animation:modalPopUp .25s cubic-bezier(.16,1,.3,1);color:#1e293b}.modal-dialog.modal-xl,.modal-card.modal-xl{max-width:1460px;width:96vw}.modal-dialog.modal-lg,.modal-card.modal-lg{max-width:1080px;width:92vw}.modal-dialog.modal-md,.modal-card.modal-md{max-width:720px;width:90vw}.modal-dialog.modal-sm,.modal-card.modal-sm{max-width:480px;width:90vw}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.35rem 2rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.modal-header h2{margin:0;font-size:1.35rem;font-weight:800;color:#0f172a}.modal-header p{margin:.35rem 0 0;font-size:.875rem;color:#64748b}.modal-header .close-btn{background:transparent;border:1px solid #cbd5e1;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;font-size:1.15rem;color:#64748b;cursor:pointer;transition:all .15s ease}.modal-header .close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.modal-body{padding:1.75rem 2rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.4rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;padding:1.25rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.drawer-backdrop{position:fixed;inset:0;z-index:1050;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modalFadeIn .2s ease-out}.details-drawer{position:fixed;top:0;left:0;bottom:0;width:480px;max-width:95vw;background:#fff;z-index:1051;display:flex;flex-direction:column;box-shadow:5px 0 25px #0000002e;animation:drawerSlideInLeft .25s cubic-bezier(.16,1,.3,1);color:#1e293b;overflow:hidden}.details-drawer .drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.details-drawer .drawer-header .drawer-title-block{display:flex;flex-direction:column;gap:.35rem}.details-drawer .drawer-header .drawer-title-block .order-type-tag{font-size:.75rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.05em}.details-drawer .drawer-header .drawer-title-block h2{margin:0;font-size:1.25rem;font-weight:800;color:#0f172a}.details-drawer .drawer-header .drawer-title-block .drawer-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.2rem}.details-drawer .drawer-tab-content,.details-drawer .drawer-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.details-drawer .drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}@keyframes drawerSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.content-block{display:flex;flex-direction:column;gap:.4rem}.content-block h4{margin:0;font-size:.85rem;font-weight:700;color:#475569}.content-block .instructions-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem 1rem;font-size:.875rem;line-height:1.5;color:#1e293b}.meta-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.meta-info-grid .meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem .95rem;display:flex;flex-direction:column;gap:.25rem}.meta-info-grid .meta-item .meta-label{font-size:.75rem;font-weight:700;color:#64748b}.meta-info-grid .meta-item b{font-size:.925rem;color:#0f172a}@media(max-width:640px){.modal-backdrop{padding:.5rem;align-items:flex-end}.modal-dialog,.modal-card{max-height:92vh;width:100%!important;max-width:100%!important;border-radius:14px 14px 0 0}.modal-dialog.modal-xl,.modal-dialog.modal-lg,.modal-dialog.modal-md,.modal-dialog.modal-sm,.modal-card.modal-xl,.modal-card.modal-lg,.modal-card.modal-md,.modal-card.modal-sm{max-width:100%!important;width:100%!important}.modal-header{padding:1rem 1.15rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:1rem 1.15rem;gap:1rem}.modal-footer{padding:.85rem 1.15rem;flex-wrap:wrap}.modal-footer .btn{flex:1 1 auto}.details-drawer{width:100vw!important;max-width:100vw!important}.table-responsive,.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.page-header-actions{flex-direction:column;align-items:stretch;gap:.75rem}.page-header-actions .btn{width:100%}.search-filter-card{padding:1rem .85rem}.search-filter-card .search-input-wrap{width:100%}}