@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}body{min-height:100vh}body::-webkit-scrollbar{width:7px;height:7px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:var(--color-primary)}body::-webkit-scrollbar-thumb:hover{opacity:.7}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none;color:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:root{--color-primary: #D9DF34;--color-primary-dark: #c4ca2e;--color-primary-darker: #a8ad27;--color-primary-darkest: #8c9020;--color-primary-light: #2a2d1a;--color-primary-lighter: #1f2116;--color-secondary: #94a3b8;--color-secondary-dark: #64748b;--color-secondary-light: #cbd5e1;--color-success: #22c55e;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--color-status-received-bg: #95dbfa;--color-status-received-card-bg: #95dbfa;--color-status-received-bg-darker: #5BA3C7;--color-status-received-text: #222531;--color-status-received-border: #4A8BAD;--color-status-booked-bg: #fdde67;--color-status-booked-card-bg: #fdde67;--color-status-booked-bg-darker: #D4B94A;--color-status-booked-text: #222531;--color-status-booked-border: #A8923B;--color-status-complete-bg: #c8a0ff;--color-status-complete-card-bg: #c8a0ff;--color-status-complete-bg-darker: #A07DD4;--color-status-complete-text: #222531;--color-status-complete-border: #7A5CA8;--color-status-paid-bg: #b6f36b;--color-status-paid-card-bg: #b6f36b;--color-status-paid-bg-darker: #8BC74F;--color-status-paid-text: #222531;--color-status-paid-border: #5F8F35;--color-status-cancelled-bg: #ff9b61;--color-status-cancelled-card-bg: #ff9b61;--color-status-cancelled-bg-darker: #D47A4A;--color-status-cancelled-text: #222531;--color-status-cancelled-border: #A85C35;--color-white: #0f1419;--color-black: #ffffff;--color-gray-50: #222531;--color-gray-100: #323645;--color-gray-200: #2a3142;--color-gray-300: #3d4556;--color-gray-400: #6b7280;--color-gray-500: #9ca3af;--color-gray-600: #d1d5db;--color-gray-700: #e5e7eb;--color-gray-800: #f3f4f6;--color-gray-900: #f9fafb;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-card: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body{background:linear-gradient(135deg,#0f1419,#1a1f2e);color:#e5e7eb}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-gray-50)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}strong,b{font-weight:var(--font-weight-bold)}small{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-right{text-align:right}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;border-radius:var(--radius-2xl);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800);border-color:var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-300)}.btn-danger{background-color:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);border:1px solid var(--color-error)}.btn-danger:hover:not(:disabled){background-color:var(--color-error);color:var(--color-white)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-success) 80%,black)}.btn-sm{padding:.375rem .75rem;font-size:var(--font-size-xs)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--font-size-base)}.btn-outline{background-color:transparent;border-color:var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-700)}.btn-link{background-color:transparent;color:var(--color-primary);padding:0}.btn-link:hover:not(:disabled){color:var(--color-primary-dark);text-decoration:underline}.btn-full{width:100%}.form-group:not(:last-child){margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:.75rem;font-size:1rem;line-height:1.5;color:var(--color-gray-800);background-color:var(--color-gray-100);border:1px solid var(--color-gray-400);border-radius:var(--radius-2xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 10%,transparent)}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-error)}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-600)}.form-hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.form-textarea{min-height:120px;resize:vertical}.form-checkbox,.form-radio{width:1rem;height:1rem;margin-right:var(--spacing-sm);border:1px solid var(--color-gray-300);cursor:pointer}.form-checkbox{border-radius:var(--radius-sm)}.form-radio{border-radius:var(--radius-full)}.form-checkbox:checked,.form-radio:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-label,.radio-label{display:flex;align-items:center;font-size:var(--font-size-sm);cursor:pointer}.input-group{display:flex}.input-group .form-input{border-radius:0}.input-group .form-input:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.input-group-addon{display:flex;align-items:center;padding:.625rem .75rem;font-size:var(--font-size-sm);background-color:var(--color-gray-100);border:1px solid var(--color-gray-300)}.input-group-addon:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-right:none}.input-group-addon:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-left:none}.autocomplete-wrapper{position:relative}.autocomplete-results{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:200px;overflow-y:auto;background:var(--color-white);border:1px solid var(--color-gray-300);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;display:none}.autocomplete-results.active{display:block}.autocomplete-item{padding:.625rem .75rem;cursor:pointer;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-gray-100)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.highlighted{background-color:var(--color-gray-50)}.autocomplete-item-name{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.autocomplete-item-company{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.autocomplete-no-results{padding:.625rem .75rem;font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],textarea,select{background-color:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-800);border-radius:var(--radius-2xl)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=date]::placeholder,textarea::placeholder,select::placeholder{color:var(--color-gray-400)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}.input-sm{padding:.375rem .625rem;font-size:var(--font-size-xs)}.input-md{padding:.625rem .75rem;font-size:var(--font-size-sm)}.input-lg{padding:.875rem 1rem;font-size:var(--font-size-base)}.input-with-icon{position:relative}.input-with-icon input,.input-with-icon .form-input{padding-left:2.5rem}.input-with-icon .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.input-with-icon .input-icon svg{width:18px;height:18px}.input-with-icon.icon-right input,.input-with-icon.icon-right .form-input{padding-left:.75rem;padding-right:2.5rem}.input-with-icon.icon-right .input-icon{left:auto;right:.75rem}.input-flex{flex:1;min-width:0}.input-inline{background:transparent;border:1px solid transparent;padding:.25rem .5rem;border-radius:var(--radius-sm)}.input-inline:hover{background:var(--color-gray-50)}.input-inline:focus{background:var(--color-white);border-color:var(--color-primary)}.input-search{padding-left:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%239CA3AF' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center}.input-success{border-color:var(--color-success)!important}.input-success:focus{outline:none;border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 15%,transparent)}.input-error{border-color:var(--color-error)!important}.input-error:focus{outline:none;border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 15%,transparent)}.input-warning{border-color:var(--color-warning)!important}.input-warning:focus{outline:none;border-color:var(--color-warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-warning) 15%,transparent)}select,.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236B7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}input[type=number].no-spinners{-moz-appearance:textfield}input[type=number].no-spinners::-webkit-outer-spin-button,input[type=number].no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card,.stat-card,.info-card,.broker-card{background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-card);box-shadow:none;padding:var(--spacing-lg)}.card-header{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.card-body{padding:0}.card-footer{padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.top-navbar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl)}.navbar-left{display:flex;align-items:center;gap:var(--spacing-xl)}.navbar-right{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-logo a{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none}.nav-menu{display:flex;gap:var(--spacing-md)}.nav-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);border-radius:var(--radius-md);transition:all var(--transition-fast);border:none;background:none;cursor:pointer;text-decoration:none}.nav-link:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-link.active{background-color:var(--color-primary);color:var(--color-white)}.nav-user{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.nav-user-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-sm)}.nav-user-dropdown{position:relative}.navbar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-md) 0}.navbar-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.dropdown{position:relative}.dropdown-toggle{cursor:pointer;background:none;border:none;padding:var(--spacing-xs);display:flex;align-items:center;color:var(--color-gray-700);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.dropdown-toggle:hover{background-color:var(--color-gray-100)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1100;display:none}.dropdown-menu.show,.dropdown.open .dropdown-menu{display:block}.dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-700);transition:background-color var(--transition-fast);border:none;background:none;width:100%;text-align:left;cursor:pointer;text-decoration:none}.dropdown-item:hover{background-color:var(--color-gray-100)}.dropdown-divider{height:1px;margin:var(--spacing-xs) 0;background-color:var(--color-gray-200)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--color-gray-50)}.data-table th{padding:var(--spacing-md) .75rem;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);white-space:nowrap;background:var(--color-gray-100)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--color-gray-900)}.data-table tbody tr{transition:all var(--transition-base)}.data-table tbody tr:hover{background:var(--color-gray-100)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--color-primary-light)}.data-table td{padding:var(--spacing-md) .75rem;font-size:var(--font-size-sm);color:var(--color-gray-900);vertical-align:middle}.data-table td.actions{white-space:nowrap}.data-table td.actions .btn{padding:.375rem .75rem;font-size:.75rem;margin-right:.5rem}.data-table td.actions .btn:last-child{margin-right:0}.table-container{border:1px solid var(--color-gray-300);border-radius:var(--radius-2xl);overflow:hidden}.sort-icon-inline{margin-left:.25rem;vertical-align:text-bottom;opacity:.4;transition:transform .2s ease,opacity .2s ease}th.sortable:hover .sort-icon-inline{opacity:.7}th.sortable.sort-asc .sort-icon-inline{opacity:1;transform:rotate(0)}th.sortable.sort-desc .sort-icon-inline{opacity:1;transform:rotate(180deg)}.table-responsive{overflow-x:auto}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.capacitor-app .modal{align-items:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 2rem)}.modal.active{opacity:1;visibility:visible}.modal.active .modal-content{transform:scale(1) translateY(0);opacity:1}.modal.active .modal-content::-webkit-scrollbar{width:7px;height:7px}.modal.active .modal-content::-webkit-scrollbar-track{background:transparent}.modal.active .modal-content::-webkit-scrollbar-thumb{background:var(--color-primary)}.modal.active .modal-content::-webkit-scrollbar-thumb:hover{opacity:.7}.capacitor-app:not(.android) .modal.active .modal-content{transition:none}.modal-content{background-color:var(--color-gray-50);padding:1.5rem 2rem 2rem;border-radius:var(--radius-card);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.95) translateY(-10px);opacity:0;transition:transform .3s ease,opacity .3s ease}.capacitor-app .modal-content{max-height:none}.modal-content::-webkit-scrollbar-track{margin-block:var(--radius-card)}.modal-content .form-section{background-color:var(--color-gray-100)}@media(max-width:768px){.modal-content{padding:1.5rem;max-width:95%}}.modal-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--color-gray-500);transition:var(--transition-base);padding:.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}@media(hover:none){.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-800)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2,.modal-header h3{margin:0;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);display:flex;align-items:center}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}@media(max-width:768px){.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}#send-message-modal .modal-header{border:none;margin-bottom:0}.modal-header-broker{display:flex;align-items:center;gap:1rem}.modal-header-broker h3{margin:0}.modal-content.broker-swapping{transition:transform .12s ease,opacity .12s ease}.modal.active .modal-content.broker-swap-hidden{transform:scale(.97) translateY(6px);opacity:0}.modal-content .data-table{min-width:0;width:100%;table-layout:fixed}.modal-content .data-table th,.modal-content .data-table td{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);text-align:center;white-space:nowrap}.badge-primary{background-color:var(--color-primary);color:#fff}.badge-secondary{background-color:var(--color-gray-200);color:var(--color-gray-600)}.badge-success{background-color:var(--color-success);color:#fff}.badge-danger{background-color:var(--color-error);color:#fff}.badge-warning{background-color:var(--color-warning);color:var(--color-gray-900)}.badge-info{background-color:var(--color-info);color:#fff}.badge-status-received{background-color:var(--color-status-received-bg);color:var(--color-status-received-text)}.badge-status-booked{background-color:var(--color-status-booked-bg);color:var(--color-status-booked-text)}.badge-status-complete{background-color:var(--color-status-complete-bg);color:var(--color-status-complete-text)}.badge-status-paid{background-color:var(--color-status-paid-bg);color:var(--color-status-paid-text)}.badge-status-cancelled{background-color:var(--color-status-cancelled-bg);color:var(--color-status-cancelled-text)}.messages-container{background:var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.messages-list{max-height:400px;overflow-y:auto;padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-md)}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.messages-list::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}.messages-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.message-item{display:flex;flex-direction:column;max-width:70%;margin-bottom:1rem}.message-item:last-child{margin-bottom:0}.message-item.message-admin{margin-left:auto;align-items:flex-end}.message-item.message-admin .message-bubble{background:var(--color-primary);color:var(--color-gray-50);border-radius:var(--radius-2xl) var(--radius-2xl) 4px var(--radius-2xl)}.message-item.message-admin .message-content-text{color:#fff}.message-item.message-admin .message-meta{margin-left:0;margin-right:0}.message-item.message-broker{margin-right:auto;align-items:flex-start}.message-item.message-broker .message-bubble{background:var(--color-gray-100);color:var(--color-gray-800);border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-2xl) 4px}.message-item.message-broker .message-content-text{color:var(--color-gray-700)}.message-item.message-broker .message-meta{margin-right:0;margin-left:0}.message-bubble{padding:.875rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5;word-wrap:break-word}.message-bubble.sent{background-color:var(--color-primary);color:var(--color-white)}.message-bubble.received{background-color:var(--color-gray-200);color:var(--color-gray-800)}.message-text{font-size:.9375rem;line-height:1.5;margin:0}.message-content-text{font-size:.875rem;line-height:1.5}.message-time,.message-meta{font-size:.75rem;color:var(--color-gray-500);margin-top:.375rem;display:flex;align-items:center;gap:.25rem}.message-time svg,.message-meta svg{width:14px;height:14px}.message-checkmark,.read-checkmark{flex-shrink:0;width:14px;height:14px;margin-left:.25rem}.message-checkmark.double-check,.read-checkmark.double-check{color:var(--color-primary-dark)}.message-checkmark .check-second,.read-checkmark .check-second{opacity:.5;transform:translate(-2px)}.message-checkmark.is-read .check-second,.read-checkmark.is-read .check-second{opacity:1}.message-input-form{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200);align-items:center}.message-input-form input[type=text],.message-input-form .message-input{flex:1;padding:.75rem;border:1px solid var(--color-gray-300);width:100%;font-size:.9375rem}.message-input-form input[type=text]:focus,.message-input-form .message-input:focus{outline:none;border-color:var(--color-primary)}.message-input-form button{padding:.75rem 1.5rem;white-space:nowrap}@media(max-width:768px){.message-input-form{flex-direction:column}.message-input-form button{width:100%}}.message-textarea{flex:1;resize:vertical;min-height:42px;max-height:120px}.message-send-btn{background-color:var(--color-primary);color:#fff;border:none;padding:.75rem;border-radius:var(--radius-3xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);color:var(--color-gray-50)}.message-send-btn:hover{background-color:var(--color-primary-darker)}.message-thread-container{background:var(--color-gray-50);border-radius:var(--radius-2xl);margin-bottom:1.5rem;max-height:400px;overflow-y:auto;margin-top:1.5rem;padding:1rem;border:1px solid var(--color-gray-200)}.message-thread-container #message-thread{display:flex;flex-direction:column}.message-thread-container::-webkit-scrollbar{width:7px;height:7px}.message-thread-container::-webkit-scrollbar-track{background:transparent}.message-thread-container::-webkit-scrollbar-thumb{background:var(--color-primary)}.message-thread-container::-webkit-scrollbar-thumb:hover{opacity:.7}.message-form-actions{display:flex;gap:.75rem;align-items:center;width:100%}@media(max-width:968px){.message-form-actions{flex-wrap:wrap}.message-form-actions .btn{width:100%}}.message-empty{text-align:center;padding:2rem;color:var(--color-gray-500);font-style:italic}.conversation-list{max-height:500px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.conversation-list::-webkit-scrollbar{width:7px;height:7px}.conversation-list::-webkit-scrollbar-track{background:transparent}.conversation-list::-webkit-scrollbar-thumb{background:var(--color-primary)}.conversation-list::-webkit-scrollbar-thumb:hover{opacity:.7}.conversation-item{padding:1rem;border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:1rem}.conversation-item:hover{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.conversation-item.active{background:var(--color-gray-300);border-left:3px solid var(--color-primary)}.conversation-item:last-child{border-bottom:none}.conversation-item .conversation-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:1rem}.conversation-item .conversation-details{flex:1}.conversation-item .conversation-details .broker-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:.25rem}.conversation-item .conversation-details .last-message{font-size:.875rem;color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item .conversation-meta{text-align:right}.conversation-item .conversation-meta .message-time{font-size:.75rem;color:var(--color-gray-500)}.conversation-item .conversation-meta .unread-badge{display:inline-block;background:var(--color-error);color:#fff;font-size:.75rem;font-weight:var(--font-weight-bold);padding:.125rem .5rem;border-radius:var(--radius-full);margin-top:.25rem}.message-list-item{background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.message-list-item:hover{background-color:var(--color-gray-50)}.message-list-item.unread{background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);border-left-color:var(--color-primary)}.messages-layout{border-radius:var(--radius-2xl)}.conversation-thread,.conversation-panel{background:var(--color-gray-50)}.template-item-inline{border-radius:var(--radius-2xl)}#show-templates-main-btn{border-radius:var(--radius-2xl);background:var(--color-gray-50)}.notification-container{position:fixed;top:calc(env(safe-area-inset-top,0px) + .5rem);left:0;right:0;z-index:2000;display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:480px;margin:0 auto;padding:0 1rem;pointer-events:none}.notification{display:flex;align-items:flex-start;gap:.75rem;width:100%;box-sizing:border-box;padding:1rem 1.25rem;background:var(--color-gray-50);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0006,0 2px 10px #0000004d;pointer-events:auto;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.notification.show{transform:translateY(0);opacity:1}.notification.hiding{transform:translateY(-100%);opacity:0}.notification-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-icon svg{width:14px;height:14px;stroke-width:2.5}.notification-content{flex:1;min-width:0}.notification-title{font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 .25rem;line-height:1.3}.notification-message{font-size:.875rem;color:var(--color-gray-600);margin:0;line-height:1.4}.notification-close{flex-shrink:0;background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-gray-400);transition:color var(--transition-fast);margin:-.25rem -.25rem -.25rem 0}.notification-close:hover{color:var(--color-gray-600)}.notification-close svg{width:18px;height:18px}.notification-badge{background-color:var(--color-error);color:#fff}.notification-success .notification-icon{background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success)}.notification-error{border-left:4px solid var(--color-error)}.notification-error .notification-icon{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error)}.notification-warning{border-left:4px solid var(--color-warning)}.notification-warning .notification-icon{background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning)}.notification-info{border-left:4px solid var(--color-primary)}.notification-info .notification-icon{background:var(--color-primary-light);color:var(--color-primary-dark)}.notification-confirm .notification-icon{background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning)}.notification-actions{display:flex;gap:.5rem;margin-top:.75rem}.notification-actions .btn{padding:.5rem 1rem;font-size:.8125rem}@media(max-width:480px){.notification-container{max-width:100%;padding:0 .5rem}.notification{padding:.875rem 1rem}.notification-actions{flex-direction:column}.notification-actions .btn{width:100%}}.custom-select{position:relative;width:100%}.custom-select select{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.custom-select-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--color-gray-100);border:1px solid var(--color-gray-400);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-fast)}.custom-select-display:hover{border-color:var(--color-gray-500)}.custom-select.open .custom-select-display{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.custom-select-value{flex:1;color:var(--color-gray-800);font-size:var(--font-size-sm)}.custom-select-value.placeholder{color:var(--color-gray-400)}.custom-select-arrow{width:20px;height:20px;color:var(--color-gray-500);transition:transform var(--transition-fast);flex-shrink:0}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;z-index:1050;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.custom-select.open .custom-select-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-option{padding:.75rem 1rem;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;transition:background-color var(--transition-fast)}.custom-select-option:hover{background-color:var(--color-gray-200)}.custom-select-option.selected{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);font-weight:var(--font-weight-medium)}.custom-select-option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.custom-select-option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.custom-select-option-desc{font-weight:400;color:var(--color-gray-500);font-size:.8125rem;margin-left:8px;font-style:italic}.custom-select--sm .custom-select-display,.custom-select--sm .custom-select-option{padding:.5rem .75rem}.custom-select--lg .custom-select-display{padding:1rem 1.25rem}.custom-select--lg .custom-select-option{padding:.875rem 1.25rem}.datepicker{position:relative;display:inline-block;width:100%}.datepicker__wrapper{position:absolute;z-index:9999;background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--radius-2xl);box-shadow:0 10px 25px #0000004d;padding:var(--spacing-md);min-width:280px;width:100%}.datepicker__container{font-size:var(--font-size-sm)}.datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.datepicker__prev,.datepicker__next{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:1.25rem;font-weight:700;text-decoration:none}.datepicker__prev:hover,.datepicker__next:hover{background:var(--color-surface-hover);color:var(--color-text)}.datepicker__prev.is-disabled,.datepicker__next.is-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.datepicker__title{font-weight:var(--font-weight-medium)}.datepicker__title>span{display:block;color:transparent!important;font-size:0!important;line-height:0!important;height:auto}.datepicker__title>span select{position:relative!important;opacity:0!important;width:auto!important;height:auto!important;cursor:pointer;font-size:var(--font-size-sm)!important}.datepicker__title>span select:focus{outline:none;border-color:var(--color-primary)}.datepicker__cal{width:100%;border-collapse:collapse}.datepicker__cal th{padding:var(--spacing-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:uppercase}.datepicker__cal td{padding:2px;text-align:center}.datepicker__day{cursor:pointer;transition:all var(--transition-fast)}.datepicker__day>div{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 auto;border-radius:var(--radius-md);color:var(--color-text)}.datepicker__day:hover>div{background:var(--color-surface-hover)}.datepicker__day.is-today>div{border:1px solid var(--color-primary)}.datepicker__day.is-selected>div{background:var(--color-primary);color:var(--color-white)}.datepicker__day.is-highlighted>div{background:rgba(var(--color-primary-rgb),.2)}.datepicker__day.is-disabled{cursor:not-allowed}.datepicker__day.is-disabled>div{color:var(--color-text-muted);opacity:.4}.datepicker__day.is-disabled:hover>div{background:transparent}.datepicker__day.is-otherMonth>div{color:var(--color-text-muted);opacity:.5}.datepicker__day.is-weekend>div{color:var(--color-text-secondary)}.datepicker__daynum{font-size:var(--font-size-sm)}.datepicker__time{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.datepicker__label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.datepicker__field select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm)}.datepicker__field select:focus{outline:none;border-color:var(--color-primary)}.datepicker.is-inline .datepicker__wrapper{position:relative;display:block;box-shadow:none;border:1px solid var(--color-border)}.file-input{position:relative;display:flex;align-items:center;gap:var(--spacing-md);width:100%}.file-input input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-input-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.625rem 1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background-color:var(--color-gray-100);border:1px solid var(--color-gray-400);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.file-input-button:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-500)}.file-input-button svg{width:16px;height:16px;flex-shrink:0}.file-input input[type=file]:focus+.file-input-button{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.file-input-text{flex:1;font-size:var(--font-size-sm);color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-input-text.has-file{color:var(--color-primary)}.file-input-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px dashed var(--color-gray-400);border-radius:var(--radius-lg);background-color:var(--color-gray-100);cursor:pointer;transition:all var(--transition-fast);text-align:center}.file-input-dropzone input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-input-dropzone:hover,.file-input-dropzone.dragover{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}.file-input-dropzone.has-file{border-style:solid;border-color:var(--color-success);background-color:color-mix(in srgb,var(--color-success) 10%,transparent)}.file-input-dropzone-icon{width:48px;height:48px;color:var(--color-gray-500)}.file-input-dropzone.has-file .file-input-dropzone-icon{color:var(--color-success)}.file-input-dropzone-text{font-size:var(--font-size-sm);color:var(--color-gray-400)}.file-input-dropzone-text strong{color:var(--color-primary)}.file-input-dropzone-hint{font-size:var(--font-size-xs);color:var(--color-gray-500)}.file-input-dropzone-filename{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-300);margin-top:var(--spacing-xs)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-fluid{width:100%;max-width:none}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-md) * -.5)}.col{flex:1 0 0%;padding:0 calc(var(--spacing-md) * .5)}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.two-columns{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.two-columns>.form-group{width:50%}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-auto{margin-left:auto}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.mr-0{margin-right:0}.mr-auto{margin-right:auto}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.text-white{color:var(--color-white)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.border-gray-200{border-color:var(--color-gray-200)}.border-primary{border-color:var(--color-primary)}.text-primary-dark{color:var(--color-primary-dark)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.border{border:1px solid var(--color-gray-200)}.border-t{border-top:1px solid var(--color-gray-200)}.border-b{border-bottom:1px solid var(--color-gray-200)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.pointer-events-none{pointer-events:none}.text-dark{color:var(--color-gray-800)!important}.empty-state{text-align:center;padding:2rem;font-size:.875rem;color:var(--color-gray-500)}.empty-state-sm{text-align:center;padding:1rem;color:var(--color-gray-500)}.icon-mr{margin-right:.5rem}.icon-mr-sm{margin-right:.25rem}.icon-text{margin-right:.5rem;vertical-align:text-bottom}.badge-sm{font-size:.75rem;padding:.25rem .5rem}.flex-1{flex:1}.flex-center{display:flex;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-gap{display:flex;gap:.75rem;align-items:flex-end}.input-flex,.spacer{flex:1}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.clickable{cursor:pointer}.required{color:var(--color-error)}.form-group-mb{margin-bottom:1rem}.gap-075{gap:.75rem}.min-w-150{min-width:150px}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.button-actions{display:flex;gap:1rem;margin-top:2rem}.auth-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.auth-card{width:100%;max-width:440px;background-color:var(--color-gray-100);border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;padding:1.5rem;border:1px solid var(--color-gray-200);box-sizing:border-box}.auth-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-300)}.auth-logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0 auto var(--spacing-sm);width:160px}.auth-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500)}.auth-form{margin-bottom:var(--spacing-md)}.auth-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-500);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-300);margin-top:var(--spacing-lg)}.auth-footer a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none;transition:var(--transition-base)}.auth-footer a:hover{color:var(--color-primary-dark);text-decoration:underline}body.auth-body{background:linear-gradient(135deg,var(--color-white) 0%,#1a1f2e 100%);width:100%;overflow-x:hidden}.auth-brand-name{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin:0}.auth-tagline{font-size:.875rem;color:var(--color-gray-500);margin:.5rem 0 0;font-weight:500}.auth-logo-svg rect{fill:var(--color-primary)}.capacitor-app .auth-container{align-items:flex-start;justify-content:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 2rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 2rem)}.dashboard-layout{min-height:100vh}.dashboard-main{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.dashboard-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-md) var(--spacing-xl);margin-bottom:var(--spacing-xl)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-label{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.info-box{padding:1rem;background-color:var(--color-gray-50);border:2px solid;border-radius:var(--radius-2xl)}.info-box-label{font-size:1rem;margin-bottom:.25rem}.info-box-value{font-size:1.5rem;font-weight:var(--font-weight-bold)}.info-box-value-sm{font-size:1.25rem;font-weight:var(--font-weight-bold)}.info-box-referrals{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}.info-box-referrals .info-box-label,.info-box-referrals .info-box-value{color:var(--color-gray-900)}.info-box-pending{background-color:color-mix(in srgb,var(--color-status-received-bg) 20%,transparent);border-color:var(--color-status-received-border)}.info-box-pending .info-box-label,.info-box-pending .info-box-value{color:var(--color-gray-900)}.info-box-earnings{background-color:color-mix(in srgb,var(--color-status-paid-bg) 20%,transparent);border-color:var(--color-status-paid-border)}.info-box-earnings .info-box-label,.info-box-earnings .info-box-value{color:var(--color-gray-900)}.stat-box{background-color:var(--color-gray-100);border-color:var(--color-gray-200)}.stat-box .stat-value{color:var(--color-gray-900)}.stat-box .stat-label{color:var(--color-gray-500)}.section-label{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.detail-label{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.detail-value{color:var(--color-gray-800)}.subtitle{color:var(--color-gray-600);font-size:.875rem;margin-top:.25rem;margin-bottom:0}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);background-color:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.avatar-xs{width:40px;height:40px;font-size:1rem}.avatar-sm{width:60px;height:60px;font-size:1.5rem}.avatar-md{width:80px;height:80px;font-size:2rem}.empty-state{color:var(--color-gray-500)}hr,.divider{border-color:var(--color-gray-200)}.grid-section{background-color:var(--color-gray-100)}.section-wrapper,.page-section{background-color:var(--color-gray-100);box-shadow:none;border-radius:var(--radius-card);padding:2rem;margin-bottom:2rem}.dashboard-overview .overview-card{background-color:var(--color-gray-100);border-color:var(--color-gray-200)}.tab-content{background-color:transparent}.btn-icon-sm{width:32px;height:32px;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-300);background:var(--color-gray-200);color:var(--color-gray-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.btn-icon-sm:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.btn-icon-sm.delete-template-btn,.btn-icon-sm.delete-template-btn-inline{color:var(--color-error);border-color:var(--color-error)}.btn-icon-sm.delete-template-btn:hover,.btn-icon-sm.delete-template-btn-inline:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.btn-icon-sm.save-template-btn,.btn-icon-sm.save-inline-template{display:none;background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-icon-sm.save-template-btn:hover,.btn-icon-sm.save-inline-template:hover{background:color-mix(in srgb,var(--color-success) 80%,black);border-color:color-mix(in srgb,var(--color-success) 80%,black)}.btn-icon-sm.cancel-template-btn,.btn-icon-sm.cancel-inline-template{display:none}.filter-btn{background-color:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-600)}.filter-btn:hover{background-color:var(--color-gray-200)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.card-header{background-color:var(--color-gray-50);border-bottom-color:var(--color-gray-200)}.card-header h3,.card-header h4{color:var(--color-gray-900)}.text-muted{color:var(--color-gray-500)!important}.text-secondary{color:var(--color-gray-600)!important}.pagination-info{color:var(--color-gray-500)}.pagination-select{background-color:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-700)}.search-box{background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.chart-container{background-color:var(--color-gray-100);border-color:var(--color-gray-200)}.broker-item,.broker-card{background-color:var(--color-gray-200);border-color:var(--color-gray-400);border-radius:var(--radius-2xl)}.broker-item:hover,.broker-card:hover{background-color:var(--color-gray-50);border-color:var(--color-primary)}.broker-item .broker-name,.broker-card .broker-name{color:var(--color-gray-900)}.broker-item .broker-company,.broker-item .broker-email,.broker-card .broker-company,.broker-card .broker-email{color:var(--color-gray-500)}.broker-modal-header{background-color:var(--color-gray-50)}.broker-modal-name{color:var(--color-gray-900)}.broker-modal-company{color:var(--color-gray-500)}.broker-contact-details .detail-label{color:var(--color-gray-400)}.broker-contact-details .detail-value{color:var(--color-gray-700)}.alert-icon{color:var(--color-gray-500)}.alert-icon:hover{color:var(--color-gray-700)}.w9-document-section,.payment-info-section{background-color:var(--color-gray-100);border-radius:var(--radius-2xl);border-color:var(--color-gray-200);min-height:73px}.w9-missing,.payment-missing{color:var(--color-gray-500)}.w9-missing svg,.payment-missing svg{color:var(--color-gray-400)}.w9-uploaded svg,.payment-configured svg{color:var(--color-success)}.w9-filename,.payment-method-type{color:var(--color-gray-800)}.w9-date,.payment-account-info{color:var(--color-gray-500)}.btn-copy-payment{width:32px;height:32px;border-radius:10px;border:1px solid var(--color-gray-300);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);margin-left:auto;flex-shrink:0}.btn-copy-payment:hover{background:var(--color-gray-200);color:var(--color-gray-800);border-color:var(--color-gray-400)}.btn-copy-payment.copied{background:#fff;border-color:var(--color-success);color:var(--color-white)}.form-section,.referral-table-container{border-radius:var(--radius-2xl)}.conversation-list{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.broker-dashboard-body{margin:0;padding:0;background:var(--color-gray-900);font-family:var(--font-family)}.broker-dashboard-body,.broker-dashboard-body .dashboard-top-nav{background:var(--color-gray-900)}.broker-dashboard-body .btn{font-size:var(--font-size-md);padding:var(--spacing-md)}.broker-dashboard-body .btn-outline{color:var(--color-gray-50)}.broker-dashboard-body .hamburger-menu span{background-color:var(--color-gray-50)}.broker-dashboard-body .notification-bell svg{color:var(--color-gray-50)}.broker-dashboard-body .dashboard-top-nav{border-color:var(--color-gray-700)}.broker-dashboard-body input,.broker-dashboard-body textarea,.broker-dashboard-body .custom-select-display{background-color:transparent;color:var(--color-gray-50)}.broker-dashboard-body .custom-select-value{color:var(--color-gray-50)}.broker-dashboard-body .btn-secondary{background-color:transparent;color:var(--color-gray-50);border-color:var(--color-gray-700)}.broker-dashboard-body .mobile-menu-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-gray-900);box-shadow:var(--shadow-lg);max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:999}.broker-dashboard-body .mobile-menu-dropdown.active{max-height:400px}.broker-dashboard-body .mobile-menu-user{padding:1rem 1.5rem;background-color:var(--color-gray-700)}.broker-dashboard-body .mobile-menu-user .user-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-50);font-size:var(--font-size-base)}.broker-dashboard-body .mobile-menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:var(--font-size-base);color:var(--color-gray-50);text-decoration:none;transition:background-color var(--transition-fast);background:none;border:none;width:100%;text-align:left;cursor:pointer}.broker-dashboard-body .mobile-menu-item svg{flex-shrink:0}.broker-dashboard-body .mobile-menu-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.broker-dashboard-body .menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.broker-dashboard-body .menu-backdrop.active{opacity:1;pointer-events:all}.broker-dashboard-body .broker-dashboard-container{max-width:100%;margin:0 auto;padding:0 1rem 1rem}.broker-dashboard-body .hero-section{position:relative;background-image:url(/build/assets/hero-CuusvTUr.png);background-size:cover;background-position:center right;background-repeat:no-repeat;min-height:500px;padding:2rem 1.5rem;color:#fff;margin:0 auto 1.5rem -1rem;width:calc(100% + 2rem)}.broker-dashboard-body .hero-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,#000000e6,#00000080 70%,#0000)}.broker-dashboard-body .hero-section{display:flex;flex-direction:column;justify-content:flex-end}.broker-dashboard-body .hero-content{position:relative;z-index:2}.broker-dashboard-body .hero-content .hero-services{color:#fff}.broker-dashboard-body .hero-content .hero-services h2{font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:1.5rem;color:#fff}.broker-dashboard-body .hero-content .hero-trust-badges{display:grid;grid-template-columns:.8fr 1fr 1fr .8fr;margin:2rem 0}.broker-dashboard-body .hero-content .hero-trust-badges .trust-badge:not(:first-child){border-left:1px solid rgba(255,255,255,.5);padding-left:.7rem}.broker-dashboard-body .hero-content .hero-trust-badges .trust-value{display:block;font-size:1.2rem;font-weight:var(--font-weight-bold);line-height:1.2}.broker-dashboard-body .hero-content .hero-trust-badges .trust-label{display:block;font-size:.6875rem;color:#ffffffd9;margin-top:.25rem;line-height:1.3}.broker-dashboard-body .dashboard-intro{margin-top:1rem}.broker-dashboard-body .dashboard-title{font-size:1.75rem;font-weight:var(--font-weight-bold);margin-bottom:1rem;color:var(--color-gray-50)}.broker-dashboard-body .dashboard-subtitle{font-size:1rem;margin-bottom:1.5rem;color:var(--color-gray-50)}.broker-dashboard-body .hero-perks{list-style:none;padding:0;margin:-.5rem 0 1rem;position:relative;height:1.4em}.broker-dashboard-body .hero-perks li{position:absolute;top:0;left:0;width:100%;font-size:.9rem;color:var(--color-gray-50);line-height:1.4;text-align:left;opacity:0;transition:opacity .6s ease}.broker-dashboard-body .hero-perks li.active{opacity:1}.broker-dashboard-body #profileSettingsForm .form-section{background-color:var(--color-gray-300)}.broker-dashboard-body #profileSettingsForm .form-section input,.broker-dashboard-body #profileSettingsForm .form-section .custom-select-value,.broker-dashboard-body #profileSettingsForm .form-section label,.broker-dashboard-body #profileSettingsForm .form-section h3{color:var(--color-gray-900)}.broker-dashboard-body #profileSettingsForm .file-input-button{margin-bottom:.5rem}.broker-dashboard-body .services-list{list-style:none;padding:0;margin:0}.broker-dashboard-body .services-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8rem}.broker-dashboard-body .services-list li svg{flex-shrink:0}.broker-dashboard-body .btn-new-referral{box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.broker-dashboard-body .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.broker-dashboard-body .section-header h2{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-50);margin:0}.broker-dashboard-body .section-wrapper{background-color:var(--color-gray-500);border-radius:var(--radius-3xl);padding:.5rem 1.25rem;margin-top:2rem}.broker-dashboard-body .status-cards{display:flex;flex-direction:column;gap:1rem}.broker-dashboard-body .status-card{border-radius:var(--radius-3xl);overflow:hidden}.broker-dashboard-body .status-card .referral-notes-label,.broker-dashboard-body .status-card .referral-notes-text,.broker-dashboard-body .status-card .referral-detail-row,.broker-dashboard-body .status-card .status-card-content svg,.broker-dashboard-body .status-card .referral-mini-meta,.broker-dashboard-body .status-card .referral-client-name,.broker-dashboard-body .status-card .loading-text,.broker-dashboard-body .status-card .expand-btn,.broker-dashboard-body .status-card .status-description,.broker-dashboard-body .status-card .status-label,.broker-dashboard-body .status-card .status-count{color:inherit}.broker-dashboard-body .status-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;cursor:pointer;transition:background-color var(--transition-fast)}.broker-dashboard-body .status-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.broker-dashboard-body .status-info{flex:1}.broker-dashboard-body .status-label{font-size:1.2rem;font-weight:var(--font-weight-bold);margin-bottom:.25rem}.broker-dashboard-body .status-description{font-size:.8125rem;color:var(--color-gray-600)}.broker-dashboard-body .status-count{font-size:1.5rem;font-weight:var(--font-weight-bold)}.broker-dashboard-body .expand-btn{flex-shrink:0;background:none;border:none;cursor:pointer;transition:transform var(--transition-fast);color:inherit}.broker-dashboard-body .status-card-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal);padding:0 1.25rem}.broker-dashboard-body .status-card-content svg{display:inline-block;vertical-align:-.1rem;margin-right:5px}.broker-dashboard-body .status-card-content .referral-detail-row{margin-bottom:.4rem;margin-top:.875rem}.broker-dashboard-body .status-card-content .referral-notes-label{font-size:14px}.broker-dashboard-body .status-card.expanded .expand-btn{transform:rotate(180deg)}.broker-dashboard-body .status-card.expanded .status-card-content{max-height:1000px;padding:1.25rem}.broker-dashboard-body .referral-card-modal,.broker-dashboard-body .referral-mini-card{border-radius:var(--radius-2xl);margin-bottom:1.25rem;overflow:hidden;transition:all var(--transition-fast);background-color:var(--color-gray-800)}.broker-dashboard-body .referral-card-modal:last-child,.broker-dashboard-body .referral-mini-card:last-child{margin-bottom:0}.broker-dashboard-body .referral-card-modal.expanded,.broker-dashboard-body .referral-card-modal:hover,.broker-dashboard-body .referral-mini-card.expanded,.broker-dashboard-body .referral-mini-card:hover{background-color:var(--color-gray-700)}.broker-dashboard-body .referral-card-modal.expanded .chevron-icon,.broker-dashboard-body .referral-mini-card.expanded .chevron-icon{transform:rotate(180deg)}.broker-dashboard-body .referral-mini-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem;cursor:pointer}.broker-dashboard-body .referral-mini-details{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 .875rem}.broker-dashboard-body .referral-mini-card.expanded .referral-mini-details{padding:0 .875rem .875rem}.broker-dashboard-body .referral-notes-section{margin-top:1rem;padding-top:1rem;border-top:1px solid}.broker-dashboard-body .referral-client-name{font-weight:var(--font-weight-semibold);font-size:1rem}.broker-dashboard-body .referral-mini-meta{font-size:14px;margin-top:3px}.broker-dashboard-body .referral-mini-status{display:inline-block;margin-right:5px;color:inherit}.broker-dashboard-body .referral-commission{font-weight:var(--font-weight-bold);font-size:1rem}.broker-dashboard-body .mini-chevron-icon{transition:transform .3s ease;color:var(--color-gray-500);flex-shrink:0}.broker-dashboard-body .status-received{border:2px solid var(--color-status-received-card-bg);color:var(--color-status-received-text)}.broker-dashboard-body .status-received .status-icon{background-color:var(--color-status-received-bg)}.broker-dashboard-body .status-received .referral-notes-section{border-color:var(--color-status-received-border)}.broker-dashboard-body .status-booked{border:2px solid var(--color-status-booked-card-bg);color:var(--color-status-booked-text)}.broker-dashboard-body .status-booked .status-icon{background-color:var(--color-status-booked-bg)}.broker-dashboard-body .status-booked .referral-notes-section{border-color:var(--color-status-booked-border)}.broker-dashboard-body .status-complete{border:2px solid var(--color-status-complete-card-bg);color:var(--color-status-complete-text)}.broker-dashboard-body .status-complete .status-icon{background-color:var(--color-status-complete-bg)}.broker-dashboard-body .status-complete .referral-notes-section{border-color:var(--color-status-complete-border)}.broker-dashboard-body .status-cancelled{border:2px solid var(--color-status-cancelled-card-bg);color:var(--color-status-cancelled-text)}.broker-dashboard-body .status-cancelled .status-icon{background-color:var(--color-status-cancelled-bg)}.broker-dashboard-body .status-cancelled .referral-notes-section{border-color:var(--color-status-cancelled-border)}.broker-dashboard-body .stats-summary{border-radius:var(--radius-3xl);padding:.5rem .5rem 1.5rem;margin-top:1em}.broker-dashboard-body .stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem}.broker-dashboard-body .stat-item:not(:last-child){border-bottom:1px solid var(--color-gray-300)}.broker-dashboard-body .stat-label{font-size:1rem;color:var(--color-gray-50);margin:0}.broker-dashboard-body .stat-value{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-gray-50)}.broker-dashboard-body .messages-section{padding:1.25rem;margin:0;border:2px solid var(--color-gray-400);background-color:transparent}.broker-dashboard-body .messages-section .section-header{margin-bottom:0;color:var(--color-gray-50)}.broker-dashboard-body .messages-section .section-header h2{color:var(--color-gray-50)}.broker-dashboard-body .messages-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.broker-dashboard-body .messages-content.expanded{max-height:600px}.broker-dashboard-body .messages-content .messages-list{margin-top:1.25rem;min-height:460px}.broker-dashboard-body .messages-content .messages-list::-webkit-scrollbar{width:7px;height:7px}.broker-dashboard-body .messages-content .messages-list::-webkit-scrollbar-track{background:transparent}.broker-dashboard-body .messages-content .messages-list::-webkit-scrollbar-thumb{background:var(--color-primary)}.broker-dashboard-body .messages-content .messages-list::-webkit-scrollbar-thumb:hover{opacity:.7}.broker-dashboard-body .messages-content .messages-list{padding-left:0;background-color:var(--color-gray-900)}.broker-dashboard-body .messages-content .message-input-form{border:0;flex-direction:row;padding:1.25rem 0 0}.broker-dashboard-body .messages-content .message-input-form button{aspect-ratio:1/1;width:48px;height:48px;padding:0}.broker-dashboard-body .messages-content .message-item{max-width:85%}.broker-dashboard-body .messages-content .message-item.message-admin{margin-left:0;margin-right:auto;align-items:flex-start}.broker-dashboard-body .messages-content .message-item.message-admin .message-bubble{background:var(--color-gray-300);color:#fff;border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-2xl) 4px}.broker-dashboard-body .messages-content .message-item.message-broker{margin-right:0;margin-left:auto;align-items:flex-end}.broker-dashboard-body .messages-content .message-item.message-broker .message-bubble{color:var(--color-gray-50);background:var(--color-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 4px var(--radius-2xl)}.broker-dashboard-body .loading-text{text-align:center;padding:2rem;margin:0}.broker-dashboard-body .refer-colleague-section{padding:1.5rem;background:var(--color-primary);color:var(--color-gray-50);border-radius:var(--radius-3xl);box-shadow:var(--shadow-sm)}.broker-dashboard-body .refer-content{text-align:center}.broker-dashboard-body .refer-content h2{font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:.75rem;color:var(--color-gray-50)}.broker-dashboard-body .refer-content p{font-size:.9375rem;opacity:.95;margin-bottom:1.5rem;line-height:1.6}.broker-dashboard-body .btn-invite{background-color:var(--color-gray-300);color:var(--color-primary);padding:.875rem 3rem;border-radius:var(--radius-full);border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.broker-dashboard-body .btn-invite:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(min-width:768px){.broker-dashboard-body .broker-dashboard-container{max-width:600px}}@media(min-width:1024px){.broker-dashboard-body .broker-dashboard-container{max-width:800px}}.broker-dashboard-body .modal-content{background-color:var(--color-gray-900)}.broker-dashboard-body .modal-content .modal-body,.broker-dashboard-body .modal-content .modal-close,.broker-dashboard-body .modal-content h2,.broker-dashboard-body .modal-content h3{color:var(--color-gray-50)}.broker-dashboard-body .modal-header{border:0;padding-bottom:0}.broker-dashboard-body .referrals-modal .modal-content{max-width:600px}.broker-dashboard-body .referrals-modal .filter-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.broker-dashboard-body .referrals-modal .filter-controls input[type=text],.broker-dashboard-body .referrals-modal .filter-controls select{width:100%}.broker-dashboard-body .referral-card-header-modal{display:flex;align-items:center;padding:1rem;cursor:pointer;transition:background var(--transition-base)}.broker-dashboard-body .referral-card-main{flex:1}.broker-dashboard-body .referral-card-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-50);margin-bottom:.25rem}.broker-dashboard-body .referral-card-date{font-size:.875rem;color:var(--color-gray-50);display:flex;align-items:center;gap:.5rem}.broker-dashboard-body .referral-card-right{display:flex;align-items:center;gap:.75rem}.broker-dashboard-body .referral-card-status{text-align:right}.broker-dashboard-body .referral-card-commission{font-weight:var(--font-weight-semibold);color:var(--color-gray-50);font-size:1rem}.broker-dashboard-body .chevron-icon{transition:transform var(--transition-base);color:var(--color-gray-400)}.broker-dashboard-body .referral-card-details-modal{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1rem}.broker-dashboard-body .referral-card-modal.expanded .referral-card-details-modal{padding:1rem}.broker-dashboard-body .referral-card-detail-row{display:flex;gap:.5rem;margin-bottom:.625rem;color:var(--color-gray-50);font-size:.875rem}.broker-dashboard-body .referral-card-detail-row svg{flex-shrink:0;margin-top:2px}.broker-dashboard-body .referral-card-notes-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-gray-50)}.broker-dashboard-body .referral-card-notes-label{font-weight:var(--font-weight-medium);color:var(--color-gray-50);margin-bottom:.375rem;font-size:.875rem}.broker-dashboard-body .referral-card-notes-text{color:var(--color-gray-50);font-size:.875rem;line-height:1.5}.broker-dashboard-body .form-message{padding:.875rem 1rem;border-radius:var(--radius-md);color:#fff;margin-bottom:1rem;font-size:.875rem}.broker-dashboard-body .form-message.success{background:var(--color-success)}.broker-dashboard-body .form-message.error{background:var(--color-error)}.broker-dashboard-body .empty-state{text-align:center;padding:2rem 1rem;color:var(--color-gray-500)}.broker-dashboard-body .text-error{color:var(--color-error)}.broker-dashboard-body .text-muted{color:var(--color-gray-500)}.broker-dashboard-body #invite-modal .modal-content{max-width:400px}.broker-dashboard-body .invite-intro{margin-bottom:1.5rem;font-size:.9375rem;line-height:1.5}.broker-dashboard-body .invite-section{background-color:var(--color-gray-300);color:var(--color-gray-700);padding:1.25rem;border-radius:var(--radius-3xl);margin-bottom:1.5rem}.broker-dashboard-body .invite-section--benefits{background-color:transparent;border:1px solid var(--color-primary)}.broker-dashboard-body .invite-section:last-child{margin-bottom:0}.broker-dashboard-body .invite-section--benefits{background-color:var(--color-primary)}.broker-dashboard-body .invite-section--benefits>*,.broker-dashboard-body .invite-section--benefits .benefit-icon{color:var(--color-gray-50)}.broker-dashboard-body .invite-section-title{font-size:1rem;font-weight:var(--font-weight-semibold);margin-bottom:.5rem}.broker-dashboard-body .invite-section-desc{font-size:.875rem;color:inherit;margin-bottom:1rem;line-height:1.5}.broker-dashboard-body .invite-input{margin-bottom:.75rem;font-size:.875rem;color:var(--color-gray-900)}.broker-dashboard-body .benefit-item{display:flex;gap:.75rem;margin:1.5rem 0 1rem}.broker-dashboard-body .benefit-item:last-child{margin-bottom:0}.broker-dashboard-body .benefit-icon{flex-shrink:0;margin-top:2px}.broker-dashboard-body .benefit-title{font-weight:var(--font-weight-semibold);font-size:.9375rem;margin-bottom:.25rem}.broker-dashboard-body .benefit-desc{font-size:.8125rem;line-height:1.4}@media(min-width:768px){.broker-dashboard-body .referrals-modal .modal-content{max-width:800px}.broker-dashboard-body .referrals-modal .filter-controls{flex-direction:row}.broker-dashboard-body .referrals-modal .filter-controls input[type=text]{flex:1}.broker-dashboard-body .referrals-modal .filter-controls select{min-width:180px;width:auto}.broker-dashboard-body .referral-card-header-modal{padding:1rem 1.25rem}.broker-dashboard-body .referral-card-details-modal{padding:0 1.25rem}.broker-dashboard-body .referral-card-modal.expanded .referral-card-details-modal{padding:1.25rem}}.broker-dashboard-body .file-upload-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--color-success);border-radius:var(--radius-2xl);margin-bottom:.75rem;font-size:.875rem;color:var(--color-success)}.broker-dashboard-body .file-upload-status svg{flex-shrink:0}.broker-dashboard-body .file-download-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;margin-left:auto}.broker-dashboard-body .file-download-link:hover{text-decoration:underline}.broker-dashboard-body .file-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.broker-dashboard-body .file-input-wrapper input[type=file]{font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.broker-dashboard-body .spin{animation:spin 1s linear infinite}.broker-dashboard-body .btn-sm{padding:.375rem .75rem;font-size:.8125rem;display:inline-flex;align-items:center}.broker-dashboard-body label{margin-bottom:.4rem;display:inline-block}.broker-dashboard-body .form-section-danger{border:1px solid #fca5a5;background-color:#fef2f21a;border-radius:var(--radius-md);padding:1.5rem;margin-top:1rem}.broker-dashboard-body .form-section-danger h3{color:#f87171;margin-bottom:1rem}.broker-dashboard-body .form-section-description{color:var(--color-gray-400);margin-bottom:1rem;line-height:1.6}.broker-dashboard-body .form-section-note{font-size:.875rem;color:var(--color-gray-500);margin-bottom:1rem}.broker-dashboard-body .btn-danger{background-color:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;width:100%;border-radius:var(--radius-2xl);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base)}.broker-dashboard-body .btn-danger:hover{background-color:#b91c1c}#openNewReferralBtn{width:100%}.app-download-banner{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#1a1f2e,#2a3142);padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.app-download-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.app-download-text{display:flex;flex-direction:column;gap:.125rem}.app-download-text strong{color:#fff;font-size:1.2rem}.app-download-text span{color:#9ca3af;font-size:1rem}.app-download-links{display:flex;gap:.5rem}.app-store-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#000;color:#fff;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s;white-space:nowrap;border:1px solid rgba(255,255,255,.2)}.app-store-badge .badge-text{display:flex;flex-direction:column;line-height:1.1}.app-store-badge .badge-text small{font-size:.5rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.app-store-badge:hover{opacity:.85}.app-store-badge.apple-badge svg{margin-top:-2px}.app-download-close{background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1}.app-download-close:hover{color:#fff}.admin-dashboard-container{margin:0 auto;padding:2rem .5rem}@media(max-width:768px){.admin-dashboard-container{padding:1rem}}.dashboard-header{margin-bottom:2rem}.dashboard-header .dashboard-title{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:.5rem}.dashboard-header .dashboard-subtitle{color:var(--color-gray-600);font-size:1rem}@media(max-width:768px){.dashboard-header .dashboard-title{font-size:1.5rem}.dashboard-header .dashboard-subtitle{font-size:.875rem}}.stat-card-primary{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff}.stat-card-primary .stat-label{color:#ffffffe6}.stat-card-primary .stat-value{color:#fff}.stat-card-blue{background:var(--color-status-received-bg)}.stat-card-blue .stat-label,.stat-card-blue .stat-value{color:var(--color-status-received-text)}.stat-card-green{background:var(--color-status-booked-bg)}.stat-card-green .stat-label,.stat-card-green .stat-value{color:var(--color-status-booked-text)}.stat-card-orange{background:var(--color-status-complete-bg)}.stat-card-orange .stat-label,.stat-card-orange .stat-value{color:var(--color-status-complete-text)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}.tab-content{display:none}.tab-content.active{display:block}.conversation-empty{text-align:center;padding:2rem;color:var(--color-gray-500)}.broker-rank-left{display:flex;align-items:center;gap:1rem}.top-brokers-list{display:grid;gap:1rem}.tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--color-gray-200);overflow-x:auto;flex-wrap:nowrap}.tab-navigation::-webkit-scrollbar{height:4px}.tab-navigation::-webkit-scrollbar-track{background:var(--color-gray-100)}.tab-navigation::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:2px}.tab-button{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:var(--transition-base);white-space:nowrap;position:relative;bottom:-2px}.tab-button:hover{color:var(--color-primary-dark);background:var(--color-gray-50)}.tab-button.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.tab-button{padding:.75rem 1rem;font-size:.875rem}}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.admin-stats-grid{grid-template-columns:1fr;gap:1rem}}.overview-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem}.overview-section .section-header h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.overview-section .section-header .section-actions{display:flex;gap:.75rem}@media(max-width:768px){.overview-section .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.overview-section .section-header .section-actions{width:100%;justify-content:flex-end}}.card-item,.broker-card,.brokers-list .broker-item,.referrals-list .referral-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-gray-200);border:1px solid var(--color-gray-400);border-radius:var(--radius-2xl);transition:all var(--transition-base);cursor:pointer}.card-item:hover,.broker-card:hover,.brokers-list .broker-item:hover,.referrals-list .referral-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.card-item .card-item-info,.broker-card .card-item-info,.broker-card .broker-card-info,.brokers-list .broker-item .card-item-info,.brokers-list .broker-item .broker-info,.referrals-list .referral-item .card-item-info,.referrals-list .referral-item .referral-info{flex:1}.card-item .card-item-info .card-item-name,.broker-card .card-item-info .card-item-name,.broker-card .broker-card-info .card-item-name,.broker-card .broker-card-info .broker-card-name,.brokers-list .broker-item .card-item-info .card-item-name,.brokers-list .broker-item .broker-info .card-item-name,.brokers-list .broker-item .broker-info .broker-name,.referrals-list .referral-item .card-item-info .card-item-name,.referrals-list .referral-item .referral-info .card-item-name,.referrals-list .referral-item .referral-info .referral-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:.25rem}.card-item .card-item-info .card-item-meta,.broker-card .card-item-info .card-item-meta,.broker-card .broker-card-info .card-item-meta,.broker-card .broker-card-info .broker-card-company,.brokers-list .broker-item .card-item-info .card-item-meta,.brokers-list .broker-item .broker-info .card-item-meta,.brokers-list .broker-item .broker-info .broker-company,.referrals-list .referral-item .card-item-info .card-item-meta,.referrals-list .referral-item .referral-info .card-item-meta,.referrals-list .referral-item .referral-info .referral-meta{font-size:.875rem;color:var(--color-gray-600)}.card-item .card-item-stats,.broker-card .card-item-stats,.broker-card .broker-card-stats,.brokers-list .broker-item .card-item-stats,.brokers-list .broker-item .broker-stats,.referrals-list .referral-item .card-item-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.card-item .card-item-stats span,.broker-card .card-item-stats span,.broker-card .broker-card-stats span,.brokers-list .broker-item .card-item-stats span,.brokers-list .broker-item .broker-stats span,.referrals-list .referral-item .card-item-stats span{font-size:.875rem;color:var(--color-gray-600)}.card-item .card-item-stats span strong,.broker-card .card-item-stats span strong,.broker-card .broker-card-stats span strong,.brokers-list .broker-item .card-item-stats span strong,.brokers-list .broker-item .broker-stats span strong,.referrals-list .referral-item .card-item-stats span strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.card-item .card-item-stats .earnings strong,.broker-card .card-item-stats .earnings strong,.broker-card .broker-card-stats .earnings strong,.brokers-list .broker-item .card-item-stats .earnings strong,.brokers-list .broker-item .broker-stats .earnings strong,.referrals-list .referral-item .card-item-stats .earnings strong{color:var(--color-primary-dark)}@media(max-width:768px){.card-item,.broker-card,.brokers-list .broker-item,.referrals-list .referral-item{flex-direction:column;align-items:flex-start;gap:.75rem}.card-item .card-item-stats,.broker-card .card-item-stats,.broker-card .broker-card-stats,.brokers-list .broker-item .card-item-stats,.brokers-list .broker-item .broker-stats,.referrals-list .referral-item .card-item-stats{width:100%;align-items:flex-start}}.card-list,.brokers-list,.referrals-list{display:flex;flex-direction:column;gap:.75rem}.referrals-list .referral-item .referral-status{display:flex;align-items:center;gap:1rem}.referrals-list .referral-item .referral-status .referral-amount{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);min-width:4rem;text-align:right}.brokers-list .broker-item .broker-stats .broker-earnings strong{color:var(--color-primary-dark)}.charts-section{background:var(--color-gray-100);padding:2rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:2rem}.charts-section h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-gray-200)}.charts-section canvas{max-height:300px}@media(max-width:768px){.charts-section{padding:1.5rem}.charts-section canvas{max-height:250px}}.top-brokers-section{background:var(--color-gray-100);padding:2rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.top-brokers-section h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-gray-200)}.broker-rank-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-gray-200);transition:var(--transition-base)}.broker-rank-item:hover{background:var(--color-gray-50)}.broker-rank-item:last-child{border-bottom:none}.broker-rank-item .rank-number{width:2rem;height:2rem;background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:.875rem}.broker-rank-item .broker-info{flex:1;margin-left:1rem}.broker-rank-item .broker-info .broker-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.broker-rank-item .broker-info .broker-email{font-size:.875rem;color:var(--color-gray-600)}.broker-rank-item .broker-stats{text-align:right}.broker-rank-item .broker-stats .referrals-count{font-size:.875rem;color:var(--color-gray-600)}.broker-rank-item .broker-stats .total-commission{font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.admin-table-card{background:var(--color-gray-100);padding:2rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.admin-table-card .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-table-card .table-header h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.admin-table-card .table-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-table-card .table-controls input[type=text],.admin-table-card .table-controls select{flex:1;min-width:200px}@media(max-width:768px){.admin-table-card .table-controls{flex-direction:column}.admin-table-card .table-controls input[type=text],.admin-table-card .table-controls select{width:100%}}@media(max-width:768px){.admin-table-card{padding:1rem;overflow-x:auto}}.add-broker-form{display:grid;gap:1.5rem}.add-broker-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-toggle{position:relative;display:inline-block;width:50px;height:26px}.status-toggle input{opacity:0;width:0;height:0}.status-toggle .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-300);transition:var(--transition-base);border-radius:26px}.status-toggle .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-base);border-radius:50%}.status-toggle input:checked+.toggle-slider{background-color:var(--color-success)}.status-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.loading-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:absolute;inset:0;background:#0f1419cc;display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10}.form-section{background:var(--color-gray-50);padding:1.5rem;border-radius:var(--radius-2xl);margin-bottom:1.5rem}.form-section .form-section-title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 1rem;display:flex;align-items:center}.modal-lg{max-width:800px;width:90%}.modal-md{max-width:600px;width:90%}.broker-management-container{background:var(--color-gray-100);padding:2rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.tab-header,.broker-management-header,.referral-management-header,.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tab-header h2,.broker-management-header h2,.referral-management-header h2,.messages-header h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}@media(max-width:768px){.tab-header,.broker-management-header,.referral-management-header,.messages-header{flex-direction:column;align-items:flex-start;gap:1rem}}.broker-management-count{font-size:.875rem;color:var(--color-gray-600);margin-bottom:1.5rem;padding-left:.5rem}.broker-management-list{display:flex;flex-direction:column;gap:1rem}.broker-card .broker-card-main{display:flex;justify-content:space-between;align-items:center;width:100%}.referral-management-container{background:var(--color-gray-100);padding:2rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.broker-management-controls,.referral-management-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.broker-management-controls input[type=text],.referral-management-controls input[type=text]{flex:1;min-width:200px}.broker-management-controls select,.referral-management-controls select{flex:0 0 auto;width:auto;min-width:120px}.broker-management-controls .custom-select,.referral-management-controls .custom-select{width:auto;min-width:120px}.broker-management-controls input[type=date],.broker-management-controls .form-group:has(input[type=date]),.referral-management-controls input[type=date],.referral-management-controls .form-group:has(input[type=date]){flex:0 0 auto;width:auto;min-width:140px}@media(max-width:768px){.broker-management-controls,.referral-management-controls{flex-direction:column}.broker-management-controls input[type=text],.broker-management-controls select,.broker-management-controls input[type=date],.broker-management-controls .form-group:has(input[type=date]),.referral-management-controls input[type=text],.referral-management-controls select,.referral-management-controls input[type=date],.referral-management-controls .form-group:has(input[type=date]){width:100%;min-width:0}}.broker-management-controls .custom-select.active .custom-select-display,.referral-management-controls .custom-select.active .custom-select-display{color:var(--color-primary);border-color:var(--color-primary)}.broker-management-controls .custom-select.active .custom-select-display .custom-select-value,.referral-management-controls .custom-select.active .custom-select-display .custom-select-value{color:var(--color-primary)}.broker-management-controls .custom-select.active .custom-select-display svg,.referral-management-controls .custom-select.active .custom-select-display svg{stroke:var(--color-primary)}.date-filter-wrapper{position:relative}.date-filter-toggle{display:flex;align-items:center;gap:.5rem;white-space:nowrap;background-color:var(--color-gray-100);color:var(--color-gray-800);border-color:var(--color-gray-400);padding:.75rem 1rem}.date-filter-toggle svg{flex-shrink:0}.date-filter-toggle.active{color:var(--color-primary);border-color:var(--color-primary)}.date-filter-dropdown{position:absolute;top:calc(100% + .5rem);left:0;z-index:100;background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--radius-2xl);box-shadow:0 10px 25px #00000026;padding:1rem;display:none;min-width:280px;overflow:visible}.date-filter-dropdown.show{display:block}.date-filter-dropdown .datepicker__wrapper{width:auto!important;min-width:280px}.date-filter-inputs{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.date-filter-field{flex:1;position:relative}.date-filter-field label{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.025em}.date-filter-field .form-input,.date-filter-field .datepicker{width:100%}#clear-date-filter{width:100%;text-align:center;padding:.5rem;font-size:.8125rem}.referral-table thead{background-color:var(--color-gray-50)}.referral-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background-color:inherit}.referral-table th svg{opacity:.5;display:inline-block}.referral-table tbody tr{cursor:pointer;border-bottom:1px solid var(--color-gray-300)}.referral-table tbody tr:hover{background-color:var(--color-gray-50)}.referral-table td .client-info .client-name{font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin-bottom:.25rem}.referral-table td .client-info .client-contact{font-size:.75rem;color:var(--color-gray-500)}.referral-table td.commission-amount{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-gray-200);flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:var(--color-gray-600)}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-select{width:auto;min-width:130px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}.pagination-buttons{display:flex;align-items:center;gap:.25rem}.pagination-buttons .btn{min-width:36px;padding:.5rem;display:flex;align-items:center;justify-content:center}.pagination-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:0 .5rem;color:var(--color-gray-400)}@media(max-width:640px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:space-between}.pagination-info{text-align:center}}.messages-container{background:var(--color-gray-100);padding:2rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.messages-layout{display:grid;grid-template-columns:320px 1fr;gap:0;height:700px;overflow:hidden;border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl)}@media(max-width:968px){.messages-layout{grid-template-columns:1fr;height:calc(100vh - 160px);min-height:400px}}@media(max-width:968px){.messages-layout.mobile-thread-open .conversation-sidebar{display:none}.messages-layout.mobile-thread-open .conversation-panel{display:flex}.messages-layout:not(.mobile-thread-open) .conversation-panel{display:none}}.conversation-sidebar{border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;background:var(--color-gray-50);min-width:0}@media(max-width:968px){.conversation-sidebar{border-right:none}}.conversation-back-btn{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-gray-600);margin-right:.25rem;border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.conversation-back-btn:hover{background-color:var(--color-gray-200)}.conversation-back-btn svg{width:20px;height:20px}@media(max-width:968px){.conversation-back-btn{display:flex;align-items:center;justify-content:center}}.conversation-list{flex:1;overflow-y:auto;max-height:none;border:0;border-top-right-radius:0;border-bottom-right-radius:0}.conversation-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;cursor:pointer;transition:all var(--transition-base);border-left:3px solid transparent;position:relative}.conversation-item.active{background:var(--color-gray-300);border-left-color:var(--color-primary-dark)}.conversation-item.active .conversation-unread{display:none}.conversation-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:var(--font-weight-bold);flex-shrink:0}.conversation-content{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conversation-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:.75rem;color:var(--color-gray-500);white-space:nowrap}.conversation-preview{font-size:.875rem;color:var(--color-gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-unread{width:8px;height:8px;border-radius:50%;background:var(--color-info);flex-shrink:0;margin-top:.5rem}.conversation-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.conversation-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:.875rem}.conversation-active{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.conversation-panel-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50);flex-shrink:0}.conversation-panel-name{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.conversation-panel-email{font-size:.875rem;color:var(--color-gray-600)}.conversation-thread{flex:1;overflow-y:auto;padding:1.5rem;background:var(--color-gray-50);display:flex;flex-direction:column;gap:1rem;min-height:0}.conversation-thread::-webkit-scrollbar{width:7px;height:7px}.conversation-thread::-webkit-scrollbar-track{background:transparent}.conversation-thread::-webkit-scrollbar-thumb{background:var(--color-primary)}.conversation-thread::-webkit-scrollbar-thumb:hover{opacity:.7}.conversation-input-container{padding:1.5rem;border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);flex-shrink:0}.send-message-form{display:flex;gap:.75rem}.btn-icon{width:42px;height:42px;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-300);background:var(--color-gray-200);color:var(--color-gray-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.btn-icon:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.btn-icon.btn-icon-primary{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.btn-icon.btn-icon-primary:hover{background:var(--color-primary-darker);border-color:var(--color-primary-darker)}.broker-selection-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);margin-bottom:.75rem;transition:all var(--transition-base)}.broker-selection-item:hover{background:var(--color-gray-50)}.broker-checkbox{width:18px;height:18px;cursor:pointer;flex-shrink:0}.broker-selection-label{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer;margin:0}.broker-selection-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:var(--font-weight-bold);flex-shrink:0}.broker-selection-name{font-weight:var(--font-weight-medium);color:var(--color-gray-900);font-size:.875rem}.broker-selection-email{font-size:.75rem;color:var(--color-gray-600);margin-top:.125rem}.broker-selection-container{max-height:280px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:.5rem}.broker-selection-loading,.broker-selection-no-results{padding:1.5rem;text-align:center;color:var(--color-gray-500);font-size:.875rem}.selected-count{font-size:.875rem;color:var(--color-primary);font-weight:var(--font-weight-medium);padding:.5rem 0}.broker-selection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;margin-bottom:.5rem}.select-all-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;-webkit-user-select:none;user-select:none}.select-all-label:hover{color:var(--color-gray-900)}.broker-count-badge{font-size:.75rem;color:var(--color-gray-500)}.templates-section{background:var(--color-gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:1.5rem;margin-top:1.5rem}.templates-section-header{margin-bottom:1.5rem}.templates-section-header h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:.5rem}.templates-section-header h3 svg{color:var(--color-primary-dark)}.templates-list-inline{display:flex;flex-direction:column;gap:.75rem}.template-item-inline{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-gray-50);border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.template-item-inline:hover:not(.editing){background:var(--color-primary-light);border-color:var(--color-primary)}.template-item-inline:hover:not(.editing) .template-text-inline{cursor:pointer}.template-item-inline.editing{background:var(--color-gray-200);border-color:var(--color-primary)}.template-item-inline.editing .template-content-inline{display:flex;flex:1;gap:.75rem}.template-item-inline.editing .template-actions-inline .edit-template-btn-inline,.template-item-inline.editing .template-actions-inline .delete-template-btn-inline{display:none}.template-item-inline.editing .template-actions-inline .save-inline-template,.template-item-inline.editing .template-actions-inline .cancel-inline-template{display:flex}.template-content-inline{flex:1;color:var(--color-gray-700);font-size:.875rem}.template-text-inline{cursor:pointer}.template-actions-inline{display:flex;gap:.5rem;align-items:center}.save-inline-template{white-space:nowrap}.template-add-section{display:flex;gap:.75rem;margin-bottom:1.5rem}.template-add-section input{flex:1}.templates-list{display:flex;flex-direction:column;gap:.75rem}.template-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all var(--transition-base);cursor:pointer}.template-item:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.template-item[data-editable=true]{background:var(--color-gray-50)}.template-item[data-editable=true] .template-content input{display:block}.template-item[data-editable=true] .template-content .template-text,.template-item[data-editable=true] .template-actions .edit-template-btn,.template-item[data-editable=true] .template-actions .delete-template-btn{display:none}.template-item[data-editable=true] .template-actions .save-template-btn,.template-item[data-editable=true] .template-actions .cancel-template-btn{display:flex}.template-content{flex:1}.template-content .template-text{font-size:.875rem;color:var(--color-gray-900);line-height:1.5}.template-content input{display:none;width:100%;padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem}.template-actions{display:flex;gap:.5rem}.conversation-avatar-sm{width:40px;height:40px;font-size:1rem}.sort-icon{margin-left:.25rem;vertical-align:text-bottom}.broker-modal-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:flex-start}.broker-modal-avatar-section{display:flex;align-items:center;gap:1rem}.broker-contact-details{display:flex;gap:1rem;margin-top:7px}.broker-modal-name{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:.25rem}.broker-modal-company{color:var(--color-gray-600)}.w9-document-section{border-radius:var(--radius-2xl);padding:1rem;display:flex}.w9-status{display:flex;align-items:center;gap:.75rem;width:100%}.w9-status svg{flex-shrink:0}.w9-missing{color:var(--color-gray-500)}.w9-missing svg{color:var(--color-gray-400)}.w9-uploaded svg{color:var(--color-success)}.w9-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.w9-filename{font-weight:var(--font-weight-medium);color:var(--color-gray-900);font-size:.875rem}.w9-date{color:var(--color-gray-500);font-size:.75rem}.payment-info-section{border-radius:var(--radius-2xl);padding:1rem}.payment-status{display:flex;align-items:center;gap:.75rem}.payment-status svg{flex-shrink:0}.payment-missing{color:var(--color-gray-500)}.payment-missing svg{color:var(--color-gray-400)}.payment-configured svg{color:var(--color-success)}.payment-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.payment-method-type{font-weight:var(--font-weight-medium);color:var(--color-gray-900);font-size:.875rem}.payment-account-info{color:var(--color-gray-500);font-size:.75rem}.broker-status-section{padding-top:1rem;border-top:1px solid var(--color-gray-200)}.broker-status-section .custom-select-display{padding-top:.5rem;padding-bottom:.5rem}.broker-status-dropdown{width:100%}.broker-status-dropdown.status-inactive{border:2px solid #f97316!important;background-color:#fff7ed}.btn-block{width:100%}.avatar-gray{background:var(--color-gray-700)}.avatar-olive-1{background:#7c8a7e}.avatar-olive-2{background:#6d7c6f}.avatar-olive-3{background:#8a9d83}.avatar-olive-4{background:#7a8a72}.info-note{background:transparent;border:1px solid var(--color-success);padding:12px;border-radius:6px;margin-bottom:16px;color:var(--color-success)}.info-note p{font-size:.875rem;margin:0}@media(max-width:990px){.dashboard-main{padding:0}.dashboard-main .admin-stats-grid{margin-bottom:1rem}.dashboard-main .overview-section .section-header .section-actions{justify-content:space-between;flex-direction:row-reverse}.dashboard-main .page-section{padding:1.5rem}.dashboard-main .button-actions,.dashboard-main .broker-modal-header{flex-direction:column}.dashboard-main .broker-contact-details{margin-top:1.5rem;flex-direction:column}.dashboard-main .grid-2,.dashboard-main .grid-3{grid-template-columns:1fr}.dashboard-main .pagination-buttons{justify-content:center}.dashboard-main .two-columns,.dashboard-main .w9-status{flex-direction:column;align-items:flex-start}.dashboard-main .two-columns>.form-group{width:100%;margin-top:0}.dashboard-main .two-columns>.form-group:not(:last-child){margin-bottom:0}.dashboard-main .btn{font-size:var(--font-size-md)}.dashboard-main .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-main .table-container .data-table{width:150%}.dashboard-main .table-container::-webkit-scrollbar{width:7px;height:7px}.dashboard-main .table-container::-webkit-scrollbar-track{background:transparent}.dashboard-main .table-container::-webkit-scrollbar-thumb{background:var(--color-primary)}.dashboard-main .table-container::-webkit-scrollbar-thumb:hover{opacity:.7}.dashboard-main .form-group{margin-top:var(--spacing-lg)}.dashboard-main .broker-card .broker-card-main{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-main .pagination-controls{flex-direction:column-reverse}.dashboard-main .referral-management-controls{display:block}.dashboard-main .referral-management-controls .date-filter-wrapper{font-size:var(--font-size-sm)}.dashboard-main .referral-management-controls .custom-select{top:-3px}.dashboard-main .referral-management-controls .custom-select,.dashboard-main .referral-management-controls .date-filter-wrapper{width:48%;display:inline-block;margin-top:1rem}.dashboard-main .broker-selection-container::-webkit-scrollbar{width:7px;height:7px}.dashboard-main .broker-selection-container::-webkit-scrollbar-track{background:transparent}.dashboard-main .broker-selection-container::-webkit-scrollbar-thumb{background:var(--color-primary)}.dashboard-main .broker-selection-container::-webkit-scrollbar-thumb:hover{opacity:.7}.dashboard-main .messages-header{flex-direction:row;align-items:center}.dashboard-main .messages-layout{max-height:calc(100vh - 225px);overflow-y:auto}.dashboard-main .messages-layout::-webkit-scrollbar{width:7px;height:7px}.dashboard-main .messages-layout::-webkit-scrollbar-track{background:transparent}.dashboard-main .messages-layout::-webkit-scrollbar-thumb{background:var(--color-primary)}.dashboard-main .messages-layout::-webkit-scrollbar-thumb:hover{opacity:.7}}.settings-container{max-width:1200px;margin:0 auto;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:.5rem}.settings-header p{color:var(--color-gray-600)}.settings-message{margin-bottom:1.5rem;display:none}.settings-grid{display:grid;gap:2rem}.settings-card{background:var(--color-gray-100);padding:2rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.settings-card-title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-gray-200)}.settings-card-danger{border:1px solid #fecaca;background-color:#fef2f2}.settings-card-danger .settings-card-title{color:#dc2626;border-bottom-color:#fecaca}.settings-card-description{color:var(--color-gray-600);margin-bottom:1rem;line-height:1.6}.settings-card-note{font-size:.875rem;color:var(--color-gray-500);margin-bottom:1.5rem}.settings-form{display:grid;gap:1.5rem}.settings-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.settings-form-group label{display:block;font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:.5rem}.settings-form-group input,.settings-form-group select,.settings-form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:1rem}.settings-form-group textarea{resize:vertical}.settings-form-actions{display:flex;justify-content:flex-end}.settings-submit-btn{padding:.75rem 2rem}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-md)}.notification-item-content .notification-item-title{font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin-bottom:.25rem}.notification-item-content .notification-item-description{font-size:.875rem;color:var(--color-gray-600)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-300);transition:var(--transition-base);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-base);border-radius:50%}.account-info-container{display:none}.account-info-help{font-size:.75rem;color:var(--color-gray-500);margin-top:.5rem}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row label{font-size:.875rem;color:var(--color-gray-700)}.saved-items-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-gray-200)}.saved-items-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:1rem}.saved-items-list{display:grid;gap:1rem}.saved-item{padding:1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center}.saved-item-info .saved-item-name{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.saved-item-info .saved-item-details{font-size:.875rem;color:var(--color-gray-600);margin-top:.25rem}.saved-item-badge{background:var(--color-primary);color:#fff;margin-left:.5rem;font-size:.75rem}.saved-item-remove-btn{padding:.5rem 1rem;font-size:.875rem;background:var(--color-error);color:#fff}.saved-item-view-btn{padding:.5rem 1rem;font-size:.875rem}.file-upload-area{border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);padding:2rem;text-align:center;cursor:pointer}.file-upload-icon{font-size:3rem;color:var(--color-gray-400);margin-bottom:1rem}.file-upload-text{color:var(--color-gray-700);font-weight:var(--font-weight-medium);margin-bottom:.5rem}.file-upload-hint{font-size:.875rem;color:var(--color-gray-500)}.file-name-display{margin-top:1rem;font-size:.875rem;color:var(--color-gray-600)}.settings-back-section{margin-top:2rem;text-align:center}.settings-back-btn{padding:.75rem 2rem;background:var(--color-gray-200);color:var(--color-gray-700)}#profileSettingsForm h3{margin-bottom:1.5rem;font-size:var(--font-size-xl)}#profileSettingsForm .payment-method-group,#profileSettingsForm .form-group:last-child{margin-bottom:0}#profileSettingsForm .checkbox-label{align-items:flex-start;gap:10px;margin-bottom:1.25rem}#profileSettingsForm .form-group-checkbox:last-child .checkbox-label{margin-bottom:0}#profileSettingsForm .checkbox-text strong{font-size:1rem}#profileSettingsForm .checkbox-text small{display:block}#profileSettingsForm input[type=checkbox]{margin-top:4px}.landing-page{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.landing-logo{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color-gray-200)}.landing-logo img{height:70px}.landing-logo span{font-size:1rem;color:var(--color-gray-800)}.landing-hero{flex:1;align-items:center}.landing-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0}.landing-hero-content h1{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:1.5rem;line-height:1.2}.landing-hero-content p{font-size:1.125rem;color:var(--color-gray-500);margin-bottom:2rem;line-height:1.6}.landing-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.landing-feature-item{display:flex;align-items:center;gap:1rem}.landing-feature-item svg{color:var(--color-primary);flex-shrink:0}.landing-feature-item span{color:var(--color-gray-600)}.landing-login-card{background:var(--color-gray-100);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200)}.landing-login-card h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:.5rem}.landing-login-card>p{color:var(--color-gray-500);margin-bottom:2rem;font-size:.875rem}.landing-status-message{padding:.75rem;background-color:var(--color-success);color:#fff;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.landing-remember-me{margin-bottom:1.5rem}.landing-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.landing-checkbox-label span{font-size:.875rem;color:var(--color-gray-600)}.landing-form-actions{display:flex;flex-direction:column;gap:1rem}.landing-forgot-password{text-align:center;font-size:.875rem;color:var(--color-primary);text-decoration:none}.landing-forgot-password:hover{color:var(--color-primary-dark);text-decoration:underline}.landing-signup-prompt{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-300);text-align:center;font-size:.875rem;color:var(--color-gray-500)}.landing-signup-prompt a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none;margin-left:.25rem}.landing-signup-prompt a:hover{color:var(--color-primary-dark);text-decoration:underline}.landing-footer{padding:2rem 0;margin-top:4rem}.landing-footer-content{text-align:center;color:var(--color-gray-500);font-size:.875rem}@media(max-width:768px){.landing-hero-grid{grid-template-columns:1fr;padding:1.5rem 0;gap:2rem}.landing-hero-content h1{font-size:1.75rem}.landing-hero-content p{font-size:1rem}.landing-logo{margin-bottom:1.5rem;padding-bottom:1rem}.landing-logo img{height:50px}.landing-login-card{padding:1.5rem}.landing-footer{margin-top:2rem;padding:1.5rem 0}}.dashboard-top-nav{border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:1000;padding-top:var(--safe-area-top, 0px);background-color:var(--color-white)}.dashboard-nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto}.dashboard-nav-left{display:flex;align-items:flex-end;gap:.75rem}.dashboard-logo .logo-image{height:60px;width:auto}.dashboard-nav-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}.dashboard-nav-center{flex:1;display:flex;justify-content:center;padding:0 2rem}.dashboard-tabs{display:flex;gap:1.5rem}.dashboard-tab-button{position:relative;background-color:transparent;border:1px solid transparent;padding:.5rem 1.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:var(--radius-2xl)}.dashboard-tab-button:hover{background-color:var(--color-gray-100);color:var(--color-gray-800)}.dashboard-tab-button.active{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.tab-badge{position:absolute;top:.125rem;right:0rem;background-color:var(--color-error);color:#fff;font-size:.625rem;font-weight:var(--font-weight-bold);padding:.125rem .375rem;border-radius:var(--radius-full);min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.dashboard-nav-right{display:flex;align-items:center;gap:1rem}.dashboard-logout-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem 1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error);cursor:pointer;border-radius:var(--radius-2xl);transition:all var(--transition-fast)}.dashboard-logout-btn:hover{background-color:color-mix(in srgb,var(--color-error) 15%,transparent)}.dashboard-logout-btn svg{width:20px;height:20px}.notification-bell{position:relative;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-gray-600)}.notification-bell:hover{color:var(--color-gray-800)}.notification-bell .notification-badge{position:absolute;top:.25rem;right:.25rem;background-color:var(--color-error);color:#fff;font-size:.75rem;font-weight:var(--font-weight-semibold);padding:.125rem .375rem;border-radius:var(--radius-full);min-width:18px;text-align:center}.hamburger-menu{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:5px;width:40px;height:40px;justify-content:center;align-items:center;position:relative;z-index:1001}.hamburger-menu span{display:block;width:24px;height:2px;background-color:var(--color-gray-600);transition:all .3s ease;transform-origin:center}.hamburger-menu.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.admin-dashboard,.admin-layout{background-color:var(--color-white)}.admin-sidebar{background-color:var(--color-white);border-right-color:var(--color-gray-200)}.admin-main{background-color:var(--color-white)}.admin-header{background-color:var(--color-white);border-bottom-color:var(--color-gray-200)}.admin-nav-item{color:var(--color-gray-500)}.admin-nav-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-800)}.admin-nav-item.active{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-left-color:var(--color-primary)}.admin-logo{color:var(--color-gray-900)}.admin-user-info{background-color:var(--color-gray-50);border-top-color:var(--color-gray-200)}.admin-user-info .user-name{color:var(--color-gray-800)}.admin-user-info .user-role{color:var(--color-gray-500)}.admin-hamburger{display:none;background:none;border:none;padding:.5rem;cursor:pointer;flex-direction:column;gap:5px;width:40px;height:40px;justify-content:center;align-items:center;z-index:1001}.admin-hamburger span{display:block;width:24px;height:2px;background-color:var(--color-gray-600);transition:all .3s ease;transform-origin:center}.admin-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.admin-hamburger.active span:nth-child(2){opacity:0}.admin-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.admin-mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);box-shadow:var(--shadow-lg);max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:999;border-top:1px solid var(--color-gray-200)}.admin-mobile-menu.active{max-height:400px}.admin-mobile-menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background:none;border:none;border-radius:0;width:100%;text-align:left;cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}.admin-mobile-menu-item svg{width:20px;height:20px;flex-shrink:0}.admin-mobile-menu-item:hover{background-color:var(--color-gray-50);color:var(--color-gray-900)}.admin-mobile-menu-item.active{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:transparent}.admin-mobile-badge{background-color:var(--color-error);color:#fff;font-size:.7rem;font-weight:var(--font-weight-bold);padding:.125rem .4rem;border-radius:var(--radius-full);min-width:18px;text-align:center;margin-left:auto}.admin-mobile-divider{height:1px;background-color:var(--color-gray-200);margin:.25rem 0}.admin-mobile-logout{color:var(--color-error)}.admin-mobile-logout:hover{background-color:color-mix(in srgb,var(--color-error) 8%,transparent);color:var(--color-error)}.admin-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.admin-menu-backdrop.active{opacity:1;pointer-events:all}@media(max-width:1024px){.dashboard-nav-center{display:none}.admin-top-nav{position:relative}.admin-hamburger{display:flex}}@media(max-width:768px){.dashboard-nav-container{padding:1rem}.dashboard-nav-left{flex:1}.admin-top-nav .dashboard-logout-btn{display:none}.dashboard-logo .logo-image{height:40px}}.capacitor-app{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-color:#fff;touch-action:manipulation}.capacitor-app *{touch-action:manipulation}.capacitor-app input,.capacitor-app textarea,.capacitor-app [contenteditable]{-webkit-user-select:text;user-select:text}.capacitor-app .dashboard-nav-container{padding-top:.5rem}html.capacitor-app:has(.auth-body){background-color:#1a1a2e}html.capacitor-app:has(.broker-dashboard-body){background-color:#fff}html.capacitor-app:has(.broker-dashboard-body) body{background-color:#fff}