:root{--color-primary: #00aeef;--color-secondary: #ffa94d;--color-dark: #1c1c1e;--color-light: #f2f2f2;--color-white: #ffffff;--color-red: #dc3545}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-light);margin:0;padding:20px 0;color:var(--color-dark);min-height:100vh;display:flex;flex-direction:column;width:100vw;box-sizing:border-box;font-size:15px}.modal-content .input-group input[type=text],.modal-content .input-group input[type=number],.modal-content .input-group input[type=datetime-local],.modal-content .input-group textarea,.modal-content .input-group select{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1em;box-sizing:border-box;color:var(--color-dark);background-color:var(--color-white);transition:border-color .2s,box-shadow .2s;height:44px;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-content .input-group input:focus,.modal-content .input-group textarea:focus,.modal-content .input-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef33}.icon-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.modal-content .form-select{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;background-color:#fff}.modal-content .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef33}#root{max-width:1200px;margin:0 auto;flex-grow:1}h2{color:var(--color-dark);border-bottom:2px solid var(--color-primary);padding-bottom:10px;margin-top:0;margin-bottom:20px;font-weight:600}form{background:var(--color-white);padding:25px 30px;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-bottom:40px;display:flex;flex-direction:column;gap:15px;border-top:5px solid var(--color-secondary)}form label{display:block;margin-bottom:5px;font-weight:700}form input[type=text],form input[type=number],form input[type=datetime-local],form textarea,form input[type=tel],form select{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1em;box-sizing:border-box;color:var(--color-dark);background-color:var(--color-white);transition:border-color .2s,box-shadow .2s;height:44px;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;vertical-align:middle}form input:focus,form textarea:focus,form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef33}button{padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-size:.92em;font-weight:600;text-transform:none;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 3px 7px #00000014}button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}button.primary{background-color:var(--color-primary);color:var(--color-white)}button.primary:hover{background-color:#008cc7}button.secondary{background-color:var(--color-white);color:var(--color-dark);border:1px solid #d1d5db}button.secondary:hover{background-color:#f8fafc;border-color:#9ca3af}button[type=submit]{background-color:var(--color-primary);color:var(--color-white)}button[type=submit]:hover{background-color:#008cc7}button[type=button]{background-color:#6c757d;color:#fff}button[type=button]:hover{background-color:#5a6268}table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 4px 15px #00000014;border-radius:12px;overflow:hidden;background-color:var(--color-white)}th,td{border-bottom:1px solid #e0e0e0;padding:12px 14px;text-align:left}th{background-color:var(--color-dark);color:var(--color-white);text-transform:none;letter-spacing:.3px;font-size:14px;font-weight:600}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#e9ecef}.money-table{border:1px solid rgba(0,0,0,.06);background:linear-gradient(180deg,#fff,#fbfbfb)}.money-table thead th{background:linear-gradient(180deg,#0f172a,#1f2937);position:sticky;top:0;z-index:1}.money-table tbody tr{transition:background-color .15s ease,transform .05s ease}.money-table tbody tr:hover{background-color:#f0f7ff}.money-table td,.money-table th{padding:14px 18px}.money-table td:last-child,.money-table th:last-child{text-align:right}.money-table .totals-cell{font-weight:700;color:#0f172a}.money-table .amount{font-variant-numeric:tabular-nums}.money-table .status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.85em;font-weight:700;background:#eef2ff;color:#3730a3}.status-badge.ready{background:#e8f5e9;color:#1b5e20}.status-badge.draft{background:#e3f2fd;color:#0d47a1}.status-badge.pending{background:#fff8e1;color:#8d6e63}.status-badge.paid{background:#e6fffb;color:#00695c}.badge{display:inline-block;padding:2px 6px;border-radius:6px;font-weight:600;font-size:.72rem;line-height:1}.badge--admin{background:#1e88e5;color:#fff}.badge--seller{background:#6a1b9a;color:#fff}.badge--buyer{background:#2e7d32;color:#fff}.badge--live{background:#e91e63;color:#fff}@media (max-width: 640px){.sm-hidden{display:none!important}.col-actions{white-space:nowrap}}.money-table input[type=text],.money-table input[type=number]{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box;color:var(--color-dark);background-color:var(--color-white);transition:border-color .2s,box-shadow .2s}.money-table input[type=text]:focus,.money-table input[type=number]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f326}.stripe-link{color:#635bff;font-weight:600;text-decoration:none}.stripe-link:hover{color:#4b43d0;text-decoration:underline}.stripe-link.secondary{color:#8a7cff}.stripe-link.secondary:hover{color:#7a6fee}img.thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0}td button.icon-btn.edit{background-color:var(--color-secondary);color:var(--color-dark)}td button.icon-btn.edit:hover{background-color:#e6913e}td button.icon-btn.delete{background-color:var(--color-red);color:var(--color-white)}td button.icon-btn.delete:hover{background-color:#c82333}td button.icon-btn.view{background-color:var(--color-primary);color:var(--color-white)}td button.icon-btn.view:hover{background-color:#008cc7}.modal{display:none;position:fixed;z-index:9999;transform:none!important;left:0;top:0;width:100%;height:100%;background-color:#0009;justify-content:center;align-items:center;overflow:auto}.modal.is-active{display:flex}.modal-content{background-color:var(--color-white);color:var(--color-dark);margin:20px;padding:25px 30px;border-radius:8px;width:85%;max-width:800px;position:relative;box-shadow:0 5px 15px #0000004d;animation:slideIn .3s ease-out;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:20px;color:var(--color-primary)}.modal-content .close-button{color:#aaa;position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;cursor:pointer}.modal-content .close-button:hover,.modal-content .close-button:focus{color:#000;text-decoration:none;cursor:pointer}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}#categoryList{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;border:1px solid #eee;border-radius:8px;background-color:var(--color-light)}#categoryList li{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #ddd;transition:all .2s ease-in-out;border-left:4px solid transparent}#categoryList li:last-child{border-bottom:none}#categoryList li:hover{background-color:#f0f0f0;box-shadow:0 2px 8px #00000014;transform:translateY(-1px);border-left-color:var(--color-primary)}.category-name{font-weight:600;color:var(--color-dark);flex-grow:1}.category-actions{display:flex;gap:5px;align-items:center}.icon-btn{background:var(--color-light);border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:5px 8px;font-size:1em;color:var(--color-dark);transition:all .2s ease;display:flex;justify-content:center;align-items:center;min-width:30px;min-height:30px}.icon-btn:hover{background-color:#e0e0e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.icon-btn.edit-category-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.icon-btn.delete-category-btn:hover{color:var(--color-red);border-color:var(--color-red)}.auction-header{background-color:var(--color-dark);color:var(--color-white);padding:15px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 4px 8px #0000001a;position:sticky;top:0;z-index:1000;transition:padding .3s ease,background-color .3s ease,height .3s ease}.auction-header .logo{height:40px;width:auto;vertical-align:middle;border-radius:8px;margin-bottom:5px;transition:width .3s ease,height .3s ease}.auction-header h1{margin:0;font-size:1.8em;font-weight:600;display:flex;align-items:center;gap:10px;transition:font-size .3s ease,margin .3s ease,padding .3s ease,line-height .3s ease;transform:translateZ(0)}.btn-primary{transition:padding .3s ease,font-size .3s ease}.auction-footer{background-color:var(--color-dark);color:var(--color-white);text-align:center;padding:20px;margin-top:40px;border-top-left-radius:15px;border-top-right-radius:15px;box-shadow:0 -4px 8px #0000001a}.filter-controls .filter-button{background-color:var(--color-light);color:var(--color-dark);border:1px solid #ccc;box-shadow:none}.filter-controls .filter-button:hover{background-color:#e0e0e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.filter-controls .filter-button.is-active{box-shadow:0 4px 8px #00000026;transform:translateY(0)}.filter-controls .filter-button.is-active.primary{background-color:var(--color-primary);color:var(--color-white)}.filter-controls .filter-button.is-active.secondary{background-color:var(--color-secondary);color:var(--color-dark)}td.actions-cell{display:flex;justify-content:center;align-items:center;gap:5px}form input[readonly],form input[disabled]{background-color:#e9ecef;border:1px dashed #a0a0a0;color:#6c757d;cursor:not-allowed}.whatsapp-input-group{display:flex;gap:10px;align-items:flex-start}.whatsapp-input-group .whatsapp-field{flex:1;display:flex;flex-direction:column}.whatsapp-input-group .whatsapp-field:first-child{flex:.4}.form-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.form-actions-group{display:flex;gap:10px}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;vertical-align:middle;margin:0}.form-row{display:flex;gap:20px;align-items:flex-end}.form-row>div{flex:1}form textarea[name=description]{height:120px}form input[type=text],form input[type=number],form input[type=datetime-local],form textarea,form select{padding:15px;min-height:50px}form ::placeholder{color:#999;font-size:.95em}.custom-file-upload{border:1px solid #ccc;display:inline-block;padding:12px 20px;cursor:pointer;background-color:#f9f9f9;border-radius:8px;transition:background-color .3s;font-weight:600}.custom-file-upload:hover{background-color:#e9e9e9}.custom-file-upload i{margin-right:8px}.image-preview .image-actions{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:space-around;align-items:center;opacity:0;transition:opacity .3s;border-radius:8px}.image-preview:hover .image-actions{opacity:1}.image-preview .image-actions button{background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:5px;box-shadow:none;text-transform:none}.image-preview .image-actions button:hover{transform:scale(1.1)}.modal-content input[type=text],.modal-content input[type=number]{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1em;box-sizing:border-box;color:var(--color-dark);background-color:var(--color-white);transition:border-color .2s,box-shadow .2s;height:44px;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;vertical-align:middle;margin-bottom:15px}.modal-content input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef33}.money-table a,.money-table a:visited,.money-table a[href^="tel:"]{text-decoration:none;color:inherit}.livehub-player .livehub-overlay .lh-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.livehub-player .livehub-overlay .lh-mute-btn:hover{background:#000000a6}.livehub-player .livehub-overlay .lh-mute-btn:active{transform:scale(.98)}.livehub-main{grid-template-columns:1fr}@media (min-width: 1100px){.livehub-main{grid-template-columns:2fr 1fr;align-items:start}}.livehub-controls .input-group .form-select,.livehub-controls .input-group input[type=text],.livehub-controls .input-group input[type=number],.livehub-controls .input-group input[type=datetime-local],.livehub-controls .input-group textarea,.livehub-controls .input-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box;color:var(--color-dark);background-color:var(--color-white);transition:border-color .2s,box-shadow .2s}.livehub-controls .input-group .form-select:focus,.livehub-controls .input-group input:focus,.livehub-controls .input-group textarea:focus,.livehub-controls .input-group select:focus{border-color:#5c6bc0;outline:none;box-shadow:0 0 0 3px #5c6bc026}.livehub-controls .subtle-hint{font-size:12px;color:#6b7280;margin-top:6px}.livehub-create .create-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .26s ease,opacity .2s ease}.livehub-create .create-body.open{max-height:600px;opacity:1}.livehub-create .inline-tip{font-size:13px;color:#374151;background:#f3f4f6;border:1px dashed #e5e7eb;padding:8px 10px;border-radius:8px;margin-top:10px}.livehub-create .input-group input[type=text],.livehub-create .input-group input[type=number],.livehub-create .input-group input[type=datetime-local],.livehub-create .input-group textarea,.livehub-create .input-group select{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box;color:var(--color-dark);background-color:var(--color-white);transition:border-color .2s,box-shadow .2s}.livehub-create .input-group input:focus,.livehub-create .input-group textarea:focus,.livehub-create .input-group select:focus{border-color:#5c6bc0;outline:none;box-shadow:0 0 0 3px #5c6bc026}.live-chat-container{background:var(--color-white);border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;height:600px;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a}.live-chat-header{background:linear-gradient(135deg,var(--color-primary),#0099cc);color:#fff;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.live-chat-header .header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.live-chat-header h3{margin:0;font-size:18px;font-weight:600;color:#fff;border:none;padding:0}.live-chat-meta{display:flex;align-items:center;gap:12px;font-size:12px;opacity:.9}.connection-status.online{color:#10b981}.connection-status.offline{color:#ef4444}.streaming-indicator{color:#fbbf24;font-weight:600}.host-controls{margin-top:12px}.quick-messages{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.quick-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s}.quick-btn:hover{background:#ffffff40;border-color:#fff6}.announcement-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.announcement-btn:hover{background:#ffffff4d;border-color:#ffffff80}.announcement-form{margin-top:12px;padding:12px;background:#ffffff1a;border-radius:8px}.announcement-form input{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffffe6;color:var(--color-dark);font-size:14px;margin-bottom:8px}.announcement-actions{display:flex;gap:8px}.announcement-actions button{padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.announcement-actions button[type=submit]{background:#10b981;color:#fff}.announcement-actions button[type=submit]:hover{background:#059669}.announcement-actions button[type=button]{background:#fff3;color:#fff}.announcement-actions button[type=button]:hover{background:#ffffff4d}.live-chat-messages{flex:1;overflow-y:auto;padding:16px;background:#f9fafb}.chat-loading,.chat-empty-state{text-align:center;padding:40px 20px;color:#6b7280;font-size:14px}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-message{margin-bottom:16px;padding:12px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.user-name{font-weight:600;color:var(--color-dark);font-size:14px}.user-role{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.user-role.admin{background:#dc2626;color:#fff}.user-role.host{background:var(--color-primary);color:#fff}.message-type.announcement{background:#f59e0b;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.message-time{font-size:11px;color:#9ca3af;margin-left:auto}.message-content{font-size:14px;line-height:1.4;color:var(--color-dark)}.chat-message.system-message{background:#f3f4f6;border-color:#d1d5db}.chat-message.announcement-message{background:#fef3c7;border-color:#fbbf24;border-left:4px solid #f59e0b}.chat-message.admin-message{background:#fee2e2;border-color:#fca5a5;border-left:4px solid #dc2626}.chat-message.host-message{background:#dbeafe;border-color:#93c5fd;border-left:4px solid var(--color-primary)}.chat-message.own-message{background:#ecfdf5;border-color:#a7f3d0;border-left:4px solid #10b981}.chat-message.question-message{background:#fefce8;border-color:#fde047;border-left:4px solid #eab308}.chat-message.question-message .message-content{color:#a16207;font-weight:500}.chat-message.user-message{background:#fff;border-color:#e5e7eb}.live-chat-input{padding:16px;background:#fff;border-top:1px solid #e5e7eb}.chat-form{display:flex;gap:8px;margin-bottom:12px}.chat-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.chat-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef1a}.chat-send-btn{padding:10px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.chat-send-btn:hover:not(:disabled){background:#09c}.chat-send-btn:disabled{background:#9ca3af;cursor:not-allowed}.quick-messages{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.quick-btn{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-btn:hover{background:#e5e7eb;border-color:#9ca3af}.char-count{text-align:right;font-size:11px;color:#9ca3af}@media (max-width: 768px){.live-chat-container{height:500px}.quick-messages{flex-direction:column}.quick-btn{text-align:left}.announcement-actions{flex-direction:column}}