@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--color-primary: #7A4B2A;--color-primary-hover: #E88C2A;--color-primary-active: #C96F18;--color-accent: #E88C2A;--color-accent-soft: #F7C98D;--color-background: #F7F2EA;--color-surface: #FFFDF8;--color-surface-soft: #FBF5ED;--color-sidebar: #4B2E1F;--color-sidebar-hover: #68432D;--color-sidebar-active: #8A522C;--color-border: #D9C0A8;--color-border-soft: #EADCCF;--color-text-primary: #3A2A20;--color-text-secondary: #5B4838;--color-text-muted: #7A6758;--color-text-subtle: #8A7466;--color-text-disabled: #B8A596;--color-text-inverse: #FFF8F0;--color-sidebar-text: #FFF8F0;--color-sidebar-text-muted: #FFF8F0;--color-sidebar-hover-text: #FFF3D6;--color-placeholder: #7A6758;--queue-title-text: #3A2A20;--queue-detail-text: #5B4838;--queue-type-text: #7A6758;--queue-footer-text: #8A7466;--sidebar-item-text: #FFF8F0;--sidebar-item-hover-text: #FFF3D6;--sidebar-item-active-bg: #8A522C;--detail-title-text: #3A2A20;--detail-section-title: #4B2E1F;--detail-body-text: #5B4838;--detail-secondary-text: #6F5A49;--detail-muted-text: #806D5D;--detail-timestamp-text: #6A5748;--detail-border: #D9C0A8;--detail-border-soft: #EADCCF;--detail-surface: #FFFDF8;--detail-surface-alt: #FBF5ED;--color-success: #5E9C61;--color-warning: #E9B949;--color-danger: #C9553D;--color-info: #5A88C8;--status-waiting-bg: #FFF3D6;--status-waiting-text: #A06700;--status-waiting-border: #E9B949;--status-resend-bg: #FFE5E0;--status-resend-text: #A53C26;--status-resend-border: #C9553D;--status-complete-bg: #E7F6E7;--status-complete-text: #3E7A46;--status-complete-border: #5E9C61;--status-pos-bg: #E7F1FF;--status-pos-text: #2F5E99;--status-pos-border: #5A88C8;--status-closed-bg: #EFE8DF;--status-closed-text: #6A5748;--status-closed-border: #B8A596;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(75, 46, 31, .06);--shadow-card: 0 8px 20px rgba(75, 46, 31, .08);--shadow-modal: 0 20px 50px rgba(75, 46, 31, .18);--font-family-main: "Noto Sans Thai", "Inter", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--control-height-sm: 36px;--control-height-md: 42px;--control-height-lg: 48px;--transition-fast: .15s ease;--transition-normal: .22s ease}html,body,#root{min-height:100%}body{margin:0;background:var(--color-background);color:var(--color-text-primary);font-family:Noto Sans Thai,Inter,sans-serif;font-size:var(--font-size-md);line-height:1.5}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700}p,li,label,td,span{color:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent)}button,input,select,textarea{font:inherit}::selection{background:var(--color-accent-soft);color:var(--color-text-primary)}.app-shell{min-height:100vh;background:var(--color-background);color:var(--color-text-primary)}.sidebar{background:var(--color-sidebar);color:var(--sidebar-item-text)}.sidebar-item,.sidebar a,.sidebar button{background:transparent;color:var(--sidebar-item-text);opacity:1;font-weight:600;border:1px solid transparent;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sidebar-item:hover{background:var(--color-sidebar-hover);color:var(--sidebar-item-hover-text)}.sidebar-item.active{background:var(--sidebar-item-active-bg);color:#fff;border-left:4px solid var(--color-accent)}.sidebar-item svg,.sidebar-item .icon{color:currentColor}.sidebar-item:disabled,.sidebar-item.disabled{background:transparent;color:#fff8f073;opacity:1;cursor:not-allowed}.page-header,.page-title,.header-title{color:var(--color-text-primary)}.header-subtitle,.header-desc{color:var(--color-text-muted);opacity:1}.card,.panel,.dashboard-card,.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover,.dashboard-card:hover,.glass-card:hover{border-color:var(--color-primary)}.queue-filter-panel{background:#fffdf8;border:1px solid #E2CDB8;border-radius:14px;padding:18px 20px;box-shadow:0 4px 14px #4b2e1f12}.queue-filter-grid{display:flex;gap:16px;align-items:center}.queue-filter-search{flex:0 0 78%}.queue-filter-select{flex:0 0 22%}.queue-tabs{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--color-border-soft);overflow-x:auto}.queue-tab{min-height:38px;padding:8px 14px;border-radius:10px 10px 0 0;color:#6a5748;font-size:14px;font-weight:600;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.queue-tab:hover{color:var(--color-primary);background:#fff3e6}.queue-tab.active{color:#7a4b2a;background:#fff7ed;border-bottom-color:#e88c2a;font-weight:800}.request-card{position:relative;background:#fffdf8;border-top:1px solid #EADCCF;border-right:1px solid #EADCCF;border-bottom:1px solid #EADCCF;border-left:5px solid var(--color-border);border-radius:14px;padding:20px 22px;box-shadow:0 3px 10px #4b2e1f12;color:var(--color-text-primary);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.request-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #4b2e1f21}.request-card--waiting{border-left:5px solid var(--status-waiting-border);background:#fffdf8}.request-card--resend-pending{border-left:5px solid var(--status-resend-border);background:#fffbfa}.request-card--received-complete{border-left:5px solid var(--status-complete-border);background:#fffdf8}.request-card--pos-updated{border-left:5px solid var(--status-pos-border);background:#fffdf8}.request-card--closed{border-left:5px solid var(--status-closed-border);background:#fffdf8}.request-card__type,.request-card .request-type{color:#7a6758;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.equipment-display-code,.request-card__number,.request-card .request-title,.request-card .request-number{color:#342218;font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.01em;margin-top:4px}.original-request-number{color:var(--queue-footer-text);font-size:11px;font-weight:500;margin-top:2px}.request-card__details,.request-card .request-meta{margin-top:16px;display:grid;gap:7px}.request-card__detail-row{color:#5b4838;font-size:14px;font-weight:500}.request-card__detail-label,.request-card .meta-label{color:#493529;font-weight:700}.request-card__footer,.request-card .request-footer{margin-top:18px;padding-top:12px;border-top:1px solid #EADCCF;display:flex;justify-content:space-between;gap:12px;color:#8a7466;font-size:12px;font-weight:500}.btn{min-height:var(--control-height-md);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover);color:#fff}button:disabled,.btn:disabled{background:#efe8df;color:var(--color-text-disabled);border-color:var(--color-border-soft);opacity:1;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input,.form-input,.form-select,.form-textarea,input,select,textarea{min-height:var(--control-height-md);background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--color-placeholder);opacity:1}select{color:var(--color-text-primary)}textarea,.form-textarea{min-height:100px;padding-top:var(--space-3)}.input:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #e88c2a29}.table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.table thead{background:var(--color-surface-soft)}.table th{color:var(--color-primary);font-weight:600;text-align:left}.table th,.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-soft);color:var(--color-text-primary)}.table tbody tr:hover{background:#fff4e8}.modal,.dialog,.modal-content{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);color:var(--color-text-primary)}.modal h1,.modal h2,.modal h3,.dialog h1,.dialog h2,.dialog h3{color:var(--color-text-primary)}.modal p,.dialog p,.modal label,.dialog label{color:var(--color-text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2a2099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.tab{color:var(--color-text-secondary);border-bottom:2px solid transparent;padding:var(--space-2) var(--space-4);font-weight:600;cursor:pointer;opacity:1}.tab:hover{color:var(--color-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-accent)}.business-status-badge,.badge{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:7px 13px;border-width:1.5px;border-style:solid;border-radius:999px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}.badge-resend-pending{background:var(--status-resend-bg)!important;color:var(--status-resend-text)!important;border-color:var(--status-resend-border)!important;border-width:2px!important;font-weight:800!important}.notification-success{background:var(--status-complete-bg);color:var(--status-complete-text);border-color:var(--status-complete-border)}.notification-warning{background:var(--status-waiting-bg);color:var(--status-waiting-text);border-color:var(--status-waiting-border)}.notification-error{background:var(--status-resend-bg);color:var(--status-resend-text);border-color:var(--status-resend-border)}.timeline-step-label,.step-label{color:var(--color-text-secondary);opacity:1;font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-2)}.timeline-step.active .step-label,.step-active .step-label{color:var(--color-primary);font-weight:700}.timeline-node{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-primary)}.timeline-node.active{border-color:var(--color-accent);background:#fff4e8}.timeline-node.complete{border-color:var(--color-success);background:var(--status-complete-bg)}.timeline-line{background:var(--color-border-soft)}.timeline-line.complete{background:var(--color-success)}.request-detail-section-title,.audit-timeline-title,.evidence-section-title,.pos-section-title{color:var(--detail-section-title);font-size:18px;font-weight:800;line-height:1.35;opacity:1}.request-detail-section-title .icon,.audit-timeline-title .icon,.evidence-section-title .icon,.pos-section-title .icon{color:var(--color-accent)}.request-detail-section,.audit-timeline-section,.pos-update-section,.evidence-section{background:var(--detail-surface);border:1px solid var(--detail-border);border-radius:14px;box-shadow:0 3px 12px #4b2e1f12;color:var(--detail-body-text);padding:20px 24px}.shortage-resolution-section{background:#fff9ed;border:1px solid #E9B949;border-radius:14px;padding:20px 24px}.shortage-resolution-section h3{color:#7a4b00;font-weight:800;font-size:18px}.shortage-resolution-section p{color:#6f5a49;font-weight:500;font-size:13px}.request-detail-section p,.request-detail-section label,.request-detail-section .description{color:var(--detail-body-text);opacity:1}.audit-event-card{border-radius:10px;border:1px solid var(--detail-border-soft);border-left-width:5px;padding:14px 16px;color:var(--detail-body-text);box-shadow:0 2px 8px #4b2e1f0d;margin-bottom:14px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.audit-event-card:hover{transform:translateY(-1px);box-shadow:0 5px 14px #4b2e1f17}.audit-event--waiting{background:#fff8e7;border-color:#e9b949;border-left-color:#e9b949}.audit-event--waiting .audit-event-title{color:#7a5200}.audit-event--packing{background:#f6f0fb;border-color:#b79acf;border-left-color:#8e63b0}.audit-event--packing .audit-event-title{color:#5d3d78}.audit-event--transit{background:#eef7ff;border-color:#8db7d9;border-left-color:#4d8fc3}.audit-event--transit .audit-event-title{color:#245a8d}.audit-event--partial{background:#fff1ed;border-color:#d77a63;border-left-color:#c9553d}.audit-event--partial .audit-event-title{color:#8c321f}.audit-event--complete{background:#edf8ee;border-color:#82b987;border-left-color:#5e9c61}.audit-event--complete .audit-event-title{color:#356d3d}.audit-event--pos{background:#eef5ff;border-color:#7ea6d1;border-left-color:#5a88c8}.audit-event--pos .audit-event-title{color:#2f5e99}.audit-event--closed{background:#f1ece6;border-color:#b8a596;border-left-color:#8a7466}.audit-event--closed .audit-event-title{color:#5f4b3c}.audit-event--removed{background:#f7f1eb;border-color:#c6af9b;border-left-color:#7a4b2a}.audit-event--removed .audit-event-title{color:#4b2e1f}.audit-event--neutral{background:#fffdf8;border-color:#d9c0a8;border-left-color:#7a6758}.audit-event--neutral .audit-event-title{color:#3a2a20}.audit-event-title,.audit-action-title{font-size:15px;font-weight:800;line-height:1.4}.audit-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--detail-secondary-text);font-size:13px;font-weight:600}.audit-status-label{color:var(--detail-secondary-text);font-weight:700}.audit-status-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:7px;border:1px solid currentColor;font-size:12px;font-weight:800;line-height:1}.status-pill-delivered,.status-pill-in-transit{background:#e7f1ff;color:#245a8d;border-color:#6b9cc8}.status-pill-received-partial{background:#fff0e8;color:#a53c26;border-color:#d77a63}.status-pill-received-complete{background:#e7f6e7;color:#356d3d;border-color:#6bae70}.status-pill-packed,.status-pill-packing{background:#f1eaf8;color:#68458c;border-color:#a98bc5}.status-pill-approved{background:#fff3d6;color:#8a5c00;border-color:#d9a928}.status-pill-closed{background:#efe8df;color:#5f4b3c;border-color:#a99584}.audit-actor{color:#493529;font-size:13px;font-weight:700}.audit-actor-role{color:#7a6758;font-size:11px;font-weight:600}.audit-timestamp{color:var(--detail-timestamp-text);font-size:12px;font-weight:600;opacity:1;white-space:nowrap}.audit-reason-box,.audit-shortage-box,.audit-note-box{margin-top:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.5}.audit-reason-box,.audit-shortage-box{background:#fff0e8;color:#7f2f1e;border-left:4px solid #C9553D}.audit-note-box{background:#fff7e6;color:#6f4a00;border-left:4px solid #E9B949}.audit-technical-details{margin-top:9px;color:#6f5a49;font-size:11px;font-weight:500}.audit-technical-details summary{color:#5b4838;font-weight:700;cursor:pointer}.request-detail-page{width:100%;max-width:1280px;margin:0 auto;padding:24px 28px 40px;box-sizing:border-box}@media (min-width: 1600px){.request-detail-page{max-width:1360px}}.request-detail-header__code{font-size:22px;line-height:1.25;font-weight:800;color:var(--detail-title-text)}.request-detail-header__reference{margin-top:4px;font-size:13px;line-height:1.4;font-weight:500;color:var(--detail-muted-text)}.request-detail-header__meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;line-height:1.5;color:var(--detail-body-text)}.workflow-timeline-card{padding:20px 22px}.workflow-timeline-title{font-size:18px;font-weight:800;margin-bottom:18px;color:var(--detail-section-title)}.workflow-timeline-scroll{overflow-x:auto;padding-bottom:8px}.workflow-timeline{min-width:760px}.timeline-step-label,.step-label{font-size:12px;line-height:1.35;font-weight:700;color:#5b4838;text-align:center}.timeline-step-time,.step-time{margin-top:4px;font-size:11px;line-height:1.3;color:#7a6758}.step-circle{width:34px;height:34px;font-size:13px;font-weight:800}.historical-event-log{margin-top:18px}.historical-event-log__title{font-size:15px;font-weight:800;margin-bottom:10px;color:var(--detail-section-title)}.historical-event-row{min-height:44px;padding:10px 14px;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:center;border:1px solid var(--detail-border-soft);border-radius:8px;background:var(--detail-surface)}.historical-event-row+.historical-event-row{margin-top:8px}.historical-event-row__action{font-size:13px;font-weight:700;line-height:1.4;color:var(--detail-title-text)}.historical-event-row__actor{margin-top:3px;font-size:12px;font-weight:500;color:var(--detail-secondary-text)}.historical-event-row__time{font-size:12px;font-weight:600;color:var(--detail-timestamp-text);white-space:nowrap}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,240px));gap:16px;align-items:start}.evidence-card{width:100%;padding:12px}.evidence-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.evidence-card__title{margin-top:9px;font-size:14px;font-weight:700;color:var(--detail-title-text)}.evidence-card__meta{margin-top:5px;font-size:12px;line-height:1.45;color:var(--detail-secondary-text)}.shortage-resolution-section,.pos-update-section{padding:18px 20px}.shortage-resolution-section h3,.pos-update-section h3{font-size:17px;line-height:1.4;font-weight:800}.shortage-resolution-section p,.pos-update-section p{font-size:14px;line-height:1.55;font-weight:500}.pos-update-section .status-message{color:#8a5c00;font-size:14px;font-weight:700}.action-button{min-height:44px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:800;line-height:1;opacity:1!important;filter:none!important;pointer-events:auto;z-index:2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #4b2e1f26;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.action-button:hover{transform:translateY(-1px)}.action-button--approve{background:#10b981;border:1px solid #059669;color:#fff!important}.action-button--approve:hover{background:#059669}.action-button--packing{background:#7a4b2a;border:1px solid #5C371E;color:#fff!important}.action-button--packing:hover{background:#633b20}.action-button--delivery-start{background:#e88c2a;border:1px solid #C96F18;color:#fff!important}.action-button--delivery-start:hover{background:#c96f18}.action-button--delivery-complete{background:#3e9c5a;border:1px solid #337F49;color:#fff!important}.action-button--delivery-complete:hover{background:#337f49}.delivery-action-button{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid #C96F18;background:#e88c2a;color:#fff!important;font-size:14px;font-weight:800;line-height:1;box-shadow:0 4px 12px #7a4b2a2e;opacity:1!important;filter:none!important;pointer-events:auto;z-index:2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.delivery-action-button:hover{background:#c96f18;border-color:#b85e0d;color:#fff!important;box-shadow:0 7px 16px #7a4b2a3d}.delivery-action-button:focus-visible{outline:3px solid rgba(232,140,42,.28);outline-offset:2px}.delivery-action-button:disabled,.delivery-action-button[disabled]{background:#e8ddd1!important;color:#7a6758!important;border:1px solid #D9C0A8!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important;filter:none!important;pointer-events:none}.delivery-action-button--start{background:#e88c2a;border-color:#c96f18;color:#fff!important}.delivery-action-button--complete{background:#3e9c5a;border-color:#337f49;color:#fff!important}.delivery-action-button--complete:hover{background:#337f49;border-color:#28663a;color:#fff!important}.delivery-action-button--ready{background:#e88c2a;border-color:#c96f18}.btn-confirm-pos{background:#3e9c5a;color:#fff;font-weight:700;min-height:42px;padding:0 16px;font-size:14px;border-radius:9px}.btn-confirm-pos:hover{background:#337f49}.btn-resend-shortage{background:#3478d4;color:#fff;font-weight:700;min-height:42px;padding:0 16px;font-size:14px}.btn-close-partial{background:#d84343;color:#fff;font-weight:700;min-height:42px;padding:0 16px;font-size:14px}.kpi-value{color:var(--color-primary);font-weight:700}.kpi-label{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted);opacity:1}.divider{border-color:var(--color-border-soft)}@media (max-width: 768px){.queue-filter-grid{flex-direction:column;align-items:stretch}.queue-filter-search,.queue-filter-select{flex:1 1 100%;width:100%}.request-card{padding:16px 18px}.request-card__number,.request-card .request-title,.request-card .request-number{font-size:17px}.card,.panel,.request-card,.dashboard-card,.glass-card{border-radius:var(--radius-md)}.btn{min-height:var(--control-height-lg)}.modal,.dialog,.modal-content{width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:var(--radius-lg)}}:root{--font-display: "Outfit", "Noto Sans Thai", sans-serif;--font-body: var(--font-family-main)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-size:16px;line-height:1.5;text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.glass{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm)}.glass-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-card:hover{background:var(--color-surface-soft);border-color:var(--color-border);box-shadow:var(--shadow-modal)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:600;line-height:1;white-space:nowrap}.badge-waiting{background:var(--status-waiting-bg)!important;color:var(--status-waiting-text)!important;border-color:var(--status-waiting-border)!important}.badge-resend-pending{background:var(--status-resend-bg)!important;color:var(--status-resend-text)!important;border-color:var(--status-resend-border)!important}.badge-received-complete{background:var(--status-complete-bg)!important;color:var(--status-complete-text)!important;border-color:var(--status-complete-border)!important}.badge-pos-updated{background:var(--status-pos-bg)!important;color:var(--status-pos-text)!important;border-color:var(--status-pos-border)!important}.badge-closed{background:var(--status-closed-bg)!important;color:var(--status-closed-text)!important;border-color:var(--status-closed-border)!important}.badge-removed{background:var(--color-surface-soft)!important;color:var(--color-text-muted)!important;border:1px dashed var(--color-border)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #e88c2a29}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-md);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface-soft);border-color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(.95)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2a2099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.modal-content{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);width:90%;max-width:600px;padding:var(--space-6);box-shadow:var(--shadow-modal)}.audit-timeline-heading{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-4);color:var(--color-primary)}.audit-event-actor{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.audit-event-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.audit-event-detail{font-size:var(--font-size-sm);line-height:1.55;color:var(--color-text-secondary);margin-top:var(--space-1)}.audit-event-timestamp{font-size:var(--font-size-xs);color:var(--color-text-muted)}.status-token{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2a20d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:fadeIn .2s ease-out}.lightbox-content{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;padding:var(--space-5);display:flex;flex-direction:column;box-shadow:var(--shadow-modal);overflow:hidden}.lightbox-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface-soft)}.workflow-timeline-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-card)}.timeline-stepper{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:var(--space-4);padding:0 var(--space-2);overflow-x:auto}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;min-width:90px;text-align:center}.step-circle{width:32px;height:32px;border-radius:50%;background:var(--color-surface-soft);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);transition:all var(--transition-fast)}.step-completed .step-circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-active .step-circle{background:var(--color-accent);border-color:var(--color-primary-hover);color:#fff;box-shadow:0 0 10px #e88c2a66}.step-warning .step-circle{background:var(--color-warning);border-color:var(--status-waiting-border);color:var(--status-waiting-text)}.step-resend .step-circle{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.step-label{font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-2);color:var(--color-text-secondary)}.step-active .step-label{color:var(--color-primary)}.step-time{font-size:11px;color:var(--color-text-muted);margin-top:2px}.timeline-connector{flex:1;height:2px;background:var(--color-border-soft);margin:0 var(--space-1);margin-bottom:24px}.timeline-connector-active{background:var(--color-success)}