@charset "UTF-8";.btn{border:1px solid transparent;border-radius:6px;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.06em;line-height:1.25;padding:var(--space-3) var(--space-5);text-transform:uppercase;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--color-accent-red);box-shadow:none;color:#fff}.btn-primary:hover:not(:disabled){background:#d40011}.btn-primary:active:not(:disabled){background:#c40011}.btn-secondary{background:transparent;border-color:#11182726;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:#eb00130f;border-color:#eb001366;color:var(--color-accent-red)}.btn-secondary:active:not(:disabled){background:#eb00131a}.btn-danger{background:var(--color-danger-strong);box-shadow:none;color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#8f000c}.btn-danger:active:not(:disabled){background:#7a000a}.table-wrapper{background:var(--color-bg-surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),inset 0 3px 0 0 var(--card-top-accent);overflow:auto;transition:box-shadow var(--transition-base)}.wom-table{border-collapse:collapse;min-width:760px;width:100%}.wom-table th,.wom-table td{border-bottom:1px solid var(--color-border-default);font-size:var(--font-size-sm);line-height:1.45;padding:var(--space-4) var(--space-4);text-align:left;transition:background var(--transition-base);vertical-align:top}.wom-table th{background:#e8ecf2;color:#334155;font-size:var(--font-size-sm);font-weight:700;letter-spacing:.02em;text-transform:none}.wom-table tbody tr{transition:background var(--transition-base)}.wom-table tbody tr:hover{background:#0f0fff0f}.wom-table tbody tr:last-child td{border-bottom:none}html[data-theme=dark] .wom-table th{background:#1a2030;color:#e2e8f0}html[data-theme=dark] .wom-table tbody tr:hover{background:#0f0fff1a}.form-row{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0f0fff8c;box-shadow:0 0 0 3px #0f0fff26;outline:none}.status-chip{border-radius:999px;display:inline-flex;font-size:var(--font-size-xs);font-weight:700;max-width:18rem;overflow:hidden;padding:var(--space-1) var(--space-3);text-overflow:ellipsis;transition:background var(--transition-base),color var(--transition-base);white-space:nowrap}.status-ok{background:#0f0fff14;color:#0a0ac4}.status-info{background:#0f0fff1a;color:var(--color-primary-blue)}.status-pending{background:#1118270f;color:var(--color-text-secondary)}.status-calm{background:#1118270f;color:#64748b;font-weight:600}html[data-theme=dark] .status-calm{background:#ffffff0f;color:#94a3b8}.status-warning{background:#eb00131a;color:#b8000f;font-weight:700}html[data-theme=dark] .status-warning{background:#eb001324;color:#fca5a5}html[data-theme=dark] .status-ok{background:#818cf83d;color:#eef2ff}html[data-theme=dark] .status-info{background:#818cf82e;color:#c7d2fe}html[data-theme=dark] .status-pending{background:#ffffff14;color:#cbd5e1}.status-critical{background:#eb001314;color:#b8000f}html[data-theme=dark] .status-critical{background:#eb001329;color:#fecaca}.pagination{align-items:center;display:flex;gap:var(--space-2);justify-content:flex-end;padding-top:var(--space-4)}.page-item{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.page-item:hover:not(.active){border-color:#0f0fff59;color:var(--color-primary-blue)}.page-item.active{background:var(--color-primary-blue);border-color:var(--color-primary-blue);box-shadow:none;color:var(--color-text-inverse)}.modal-backdrop{align-items:center;background:#0b0b0f8c;display:flex;inset:0;justify-content:center;position:fixed}.modal{background:var(--color-bg-surface);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),0 24px 48px #0000001f;max-width:520px;padding:var(--space-6);width:90%}.drawer{background:var(--color-bg-surface);border-left:1px solid var(--color-border-default);box-shadow:-8px 0 24px #0000001a;height:100%;padding:var(--space-6);position:fixed;right:0;top:0;width:min(420px,100%)}:root{--color-primary-blue: #0f0fff;--color-accent-red: #eb0013;--color-danger-strong: #b30010;--color-bg-default: #f4f6fa;--color-bg-surface: #ffffff;--color-bg-muted: #eceff4;--color-text-primary: #111827;--color-text-secondary: #475569;--color-text-inverse: #ffffff;--color-border-default: #e2e8f0;--shell-sidebar-bg: #f1f5f9;--shell-header-bg: #ffffff;--shell-border-subtle: rgba(15, 23, 42, .1);--shell-app-title-color: #0f172a;--shell-nav-text: #334155;--shell-nav-text-hover: #0f172a;--shell-nav-hover-overlay: rgba(15, 15, 255, .08);--shell-nav-active-bg: linear-gradient(90deg, rgba(15, 15, 255, .12) 0%, rgba(235, 0, 19, .08) 100%);--shell-nav-active-text: #0f172a;--shell-nav-disabled: #94a3b8;--shell-header-title-color: #0f172a;--shell-breadcrumb-muted: #64748b;--shell-breadcrumb-current: #0f172a;--shell-separator-color: rgba(15, 23, 42, .22);--shell-profile-name: #0f172a;--shell-profile-role: #475569;--shell-label-muted: #64748b;--shell-select-bg: #ffffff;--shell-select-border: rgba(15, 23, 42, .14);--shell-select-color: #0f172a;--shell-theme-toggle-bg: #ffffff;--shell-theme-toggle-border: rgba(15, 23, 42, .14);--shell-theme-toggle-color: #334155;--shell-menu-toggle-border: rgba(15, 23, 42, .18);--shell-menu-toggle-color: #334155;--shell-menu-toggle-hover-bg: rgba(15, 15, 255, .08);--shell-theme-toggle-hover-bg: rgba(15, 15, 255, .08);--font-family-base: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.625rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: .875rem;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-card: 0 6px 20px rgba(0, 0, 0, .08);--shadow-primary-glow: none;--transition-base: .18s ease;--card-border: rgba(0, 0, 0, .06);--card-top-accent: rgba(15, 15, 255, .4)}html[data-theme=dark]{--color-bg-default: #0e1016;--color-bg-surface: #161a22;--color-bg-muted: #1e232e;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-border-default: #2a3142;--shadow-card: 0 10px 32px rgba(0, 0, 0, .45);--card-border: rgba(255, 255, 255, .1);--card-top-accent: rgba(15, 15, 255, .45);--shell-sidebar-bg: #0b0b0f;--shell-header-bg: #111217;--shell-border-subtle: rgba(255, 255, 255, .08);--shell-app-title-color: #e5e7eb;--shell-nav-text: #cbd5e1;--shell-nav-text-hover: #f8fafc;--shell-nav-hover-overlay: rgba(255, 255, 255, .06);--shell-nav-active-bg: linear-gradient(90deg, rgba(15, 15, 255, .18) 0%, rgba(235, 0, 19, .12) 100%);--shell-nav-active-text: #ffffff;--shell-nav-disabled: #6b7280;--shell-header-title-color: #f9fafb;--shell-breadcrumb-muted: #9ca3af;--shell-breadcrumb-current: #e5e7eb;--shell-separator-color: rgba(255, 255, 255, .28);--shell-profile-name: #ffffff;--shell-profile-role: #d1d5db;--shell-label-muted: #9ca3af;--shell-select-bg: #1a1b22;--shell-select-border: rgba(255, 255, 255, .12);--shell-select-color: #e5e7eb;--shell-theme-toggle-bg: rgba(255, 255, 255, .06);--shell-theme-toggle-border: rgba(255, 255, 255, .14);--shell-theme-toggle-color: #e5e7eb;--shell-menu-toggle-border: rgba(255, 255, 255, .2);--shell-menu-toggle-color: #e5e7eb;--shell-menu-toggle-hover-bg: rgba(255, 255, 255, .08);--shell-theme-toggle-hover-bg: rgba(255, 255, 255, .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-default)}button,input,select,textarea{font-family:inherit}h1,h2,h3{letter-spacing:.01em}h1,h2{font-weight:700}h3{font-weight:600}.card,.table-wrapper,.table-card{background:var(--color-bg-surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),inset 0 3px 0 0 var(--card-top-accent);transition:box-shadow var(--transition-base)}.wom-table th.sortable:after{color:var(--color-text-secondary);content:" \2195";font-size:var(--font-size-xs)}html[data-theme=dark] app-login-page .login-page{background:radial-gradient(100% 70% at 0% 0%,rgba(15,15,255,.1) 0%,transparent 52%),linear-gradient(180deg,#08090d,#12151c)}html[data-theme=dark] app-login-page .login-card{border-color:var(--card-border);box-shadow:0 12px 40px #00000073}html[data-theme=dark] app-dispatch-shortage-summary-page .icon-action{background:#4f52e8}html[data-theme=dark] app-dispatch-shortage-summary-page .icon-action:hover{background:#3d40c4}html[data-theme=dark] app-procurement-part-mapping-page .mapping-icon-btn--view,html[data-theme=dark] app-procurement-part-mapping-page .mapping-icon-btn--edit,html[data-theme=dark] app-procurement-group-management-page .mapping-icon-btn--view,html[data-theme=dark] app-procurement-group-management-page .mapping-icon-btn--edit,html[data-theme=dark] app-admin-group-management-page .mapping-icon-btn--view,html[data-theme=dark] app-admin-group-management-page .mapping-icon-btn--edit{background:#4f52e8}html[data-theme=dark] app-procurement-part-mapping-page .mapping-icon-btn--view:hover,html[data-theme=dark] app-procurement-part-mapping-page .mapping-icon-btn--edit:hover,html[data-theme=dark] app-procurement-group-management-page .mapping-icon-btn--view:hover,html[data-theme=dark] app-procurement-group-management-page .mapping-icon-btn--edit:hover,html[data-theme=dark] app-admin-group-management-page .mapping-icon-btn--view:hover,html[data-theme=dark] app-admin-group-management-page .mapping-icon-btn--edit:hover{background:#3d40c4}html[data-theme=dark] app-procurement-part-mapping-page .mapping-icon-btn--delete{background:#d40012}html[data-theme=dark] app-procurement-part-mapping-page .mapping-icon-btn--delete:hover{background:var(--color-danger-strong)}html[data-theme=dark] app-pending-procurements-page .toggle-btn.active{background:#0f0fff29;border-color:#a5b4fc73;color:#c7d2fe}html[data-theme=dark] app-pending-procurements-page .cell-input,html[data-theme=dark] app-pending-procurements-page .cell-select{background:var(--color-bg-muted);border-color:var(--color-border-default);color:var(--color-text-primary)}html[data-theme=dark] app-pending-procurements-page .assigned-pill{border-color:#ffffff1f}
