:root{color:#212529;background:#f4f4f5;font-family:-apple-system,system-ui,sans-serif}body{margin:0;padding:20px}.container{max-width:900px;margin:0 auto}h2{margin-top:0}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #ddd;padding:8px}th{background:#f8f9fa}.header-actions{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;overflow-x:auto;box-shadow:0 2px 4px #0000001a}.badge{background:#e9ecef;border-radius:12px;padding:4px 8px;font-size:12px;display:inline-block}.badge.ORDER{color:#004085;background:#cce5ff}.badge.GREETING{color:#155724;background:#d4edda}.badge.PRICE_INQUIRY{color:#856404;background:#fff3cd}.badge.PROVIDE_NAME{color:#383d41;background:#e2e3e5}.badge.pending_approval{color:#856404;background:#fff3cd;border:1px solid #ffeeba;font-weight:700}.badge.approved{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.badge.rejected{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.badge.draft_quantity,.badge.draft_date,.badge.draft_address{color:#6c757d;background:#e2e3e5}.badge-small{padding:2px 6px;font-size:.65em}.form-group{margin-bottom:10px}.form-group label{color:#495057;margin-bottom:4px;font-size:.85em;font-weight:700;display:block}.form-control{box-sizing:border-box;border:1px solid #ced4da;border-radius:4px;width:100%;padding:6px}.btn-danger{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:6px 12px;font-size:.85em;transition:all .2s}.btn-danger:hover{background:#c82333}.btn-outline-danger{color:#dc3545;cursor:pointer;background:0 0;border:1px solid #dc3545;border-radius:4px;padding:4px 8px;font-size:.75em;transition:all .2s}.btn-outline-danger:hover{color:#fff;background:#dc3545}.btn-success{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;padding:4px 8px;font-size:.75em;font-weight:700;transition:all .2s}.btn-success:hover{background:#218838}.refresh-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:8px 16px;font-size:1em;font-weight:700}.refresh-btn:hover{background:#0056b3}.chat-group{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:15px}.chat-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-radius:8px;outline:none;justify-content:space-between;align-items:center;margin:0;padding:12px 16px;list-style:none;transition:background .2s;display:flex}.chat-header::-webkit-details-marker{display:none}.chat-header:hover{background:#e9ecef}.chat-group[open] .chat-header{border-bottom:1px solid #dee2e6;border-bottom-right-radius:0;border-bottom-left-radius:0}.chat-header strong{color:#212529;font-size:1.1em}.chat-header span{color:#6c757d;font-size:.9em}.chat-body-container{background:#fff;border-radius:0 0 8px 8px;flex-flow:wrap;display:flex;overflow:hidden}.chat-main{border-right:1px solid #dee2e6;flex-direction:column;flex:2;min-width:300px;display:flex}.chat-messages{background:#fff;flex-direction:column;gap:12px;max-height:400px;padding:16px;display:flex;overflow-y:auto}.chat-reply-box{background:#f8f9fa;border-top:1px solid #dee2e6;gap:8px;padding:10px;display:flex}.chat-reply-input{border:1px solid #ced4da;border-radius:4px;outline:none;flex:1;padding:8px}.chat-reply-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;padding:8px 16px;transition:all .2s}.chat-reply-btn:hover{background:#218838}.message-row{flex-direction:column;margin-bottom:8px;display:flex}.message-row.inbound{align-items:flex-start}.message-row.outbound{align-items:flex-end}.message-bubble{white-space:pre-wrap;color:#111b21;border-radius:18px;width:fit-content;max-width:80%;padding:10px 14px;font-size:.95em;line-height:1.4}.inbound .message-bubble{background:#f1f3f5;border-bottom-left-radius:4px}.outbound .message-bubble{background:#dcf8c6;border-bottom-right-radius:4px}.message-meta{color:#868e96;align-items:center;gap:8px;margin-top:4px;font-size:.75em;display:flex}.outbound .message-meta{flex-direction:row-reverse;margin-right:4px}.inbound .message-meta{margin-left:4px}