@charset "UTF-8";.nav-item-container{display:inline-block;position:relative}.dropdown-container{position:relative;z-index:1000}.dropdown-toggle{align-items:center;display:flex!important;gap:.5rem}.dropdown-arrow{height:1rem;transition:transform .2s ease;width:1rem}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;left:0;margin-top:.25rem;min-width:200px;overflow:visible;position:absolute;top:100%;white-space:nowrap;z-index:99999}.dropdown-menu-item{background:#fff;border:none;color:#374151;cursor:pointer;display:block;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu-item:hover{background-color:#f3f4f6;color:#1f2937}.dropdown-menu-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.dropdown-menu-item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.agent-mobile-submenu{background-color:#f8fafc;border-left:3px solid #3b82f6;border-radius:.375rem;margin-left:1rem;margin-top:.5rem;overflow:hidden}.agent-mobile-submenu-item{background:#0000;border:none;color:#4b5563;cursor:pointer;display:block;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.agent-mobile-submenu-item:hover{background-color:#e0f2fe;color:#0f172a}.agent-mobile-menu-item.dropdown-toggle{align-items:center;display:flex;justify-content:space-between}.agent-mobile-menu-item .dropdown-arrow{height:1rem;transition:transform .2s ease;width:1rem}.agent-mobile-menu-item .dropdown-arrow.open{transform:rotate(180deg)}.agent-layout-wrapper{min-height:100vh;overflow-x:hidden;position:relative}.agent-background-decoration{bottom:0;left:0;opacity:.7;pointer-events:none;position:fixed;right:0;top:0;transition:background .3s ease;z-index:0}@media (max-width:1024px){.agent-background-decoration{display:none}}.agent-layout-content{background-color:#f9fafbf2;box-shadow:0 0 50px #0000001a;margin:0 auto;max-width:1440px;min-height:100vh;position:relative;z-index:1}@media (min-width:1440px){.agent-layout-content{margin:0 40px}}@media (min-width:1600px){.agent-layout-content{margin:0 80px}}@media (min-width:1920px){.agent-layout-content{margin:0 120px}}.agent-header{background:linear-gradient(135deg,#4a6fa5,#5b7db1);box-shadow:0 2px 8px #4a6fa526;position:relative;z-index:10}.agent-header-content{margin:0 auto;max-width:1280px;padding:0 1rem}.agent-header-inner{height:4rem;justify-content:space-between}.agent-header-brand,.agent-header-inner{align-items:center;display:flex}.agent-header-title{color:#fff8e7;font-size:1.5rem;font-weight:700;text-shadow:0 1px 2px #0000001a}.agent-header-subtitle{color:#e6dcc5;font-size:.875rem;margin-left:1rem;opacity:.9}.agent-header-user{align-items:center;display:flex;gap:1rem}.agent-header-welcome{color:#fff8e7;font-size:.875rem;font-weight:500}.agent-header-profile{background:#0000;border:none;border-radius:.375rem;color:#fff8e7;cursor:pointer;padding:.5rem;transition:all .2s ease}.agent-header-profile:hover{background-color:#fff8e71a}.agent-header-logout{border:1px solid #fff8e74d;border-radius:.375rem;color:#e6dcc5;font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.agent-header-logout:hover{background-color:#fff8e71a;border-color:#fff8e780;color:#fff8e7}.agent-mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#fff8e7;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s ease}.agent-mobile-menu-btn:hover{background-color:#fff8e71a}.agent-mobile-menu-btn:focus{box-shadow:0 0 0 2px #fff8e780;outline:none}.agent-mobile-menu-btn svg{height:1.5rem;width:1.5rem}.agent-mobile-menu{background-color:#4a6fa5;padding:.5rem}.agent-mobile-menu-item{background:#0000;border:none;border-radius:.375rem;color:#fff8e7;cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.agent-mobile-menu-item:hover{background-color:#fff8e71a}.agent-mobile-menu-item.active{background-color:#fff8e726;color:#fff8e7}.agent-mobile-menu-divider{border-top:1px solid #fff8e733;margin:.5rem 0;padding-top:.75rem}.agent-mobile-menu-user{color:#fff8e7;font-size:.875rem;padding:.5rem 1rem}.agent-nav-tabs{background-color:#fff;box-shadow:0 1px 3px #0000000d;overflow:visible;position:relative;z-index:5}.agent-nav-tabs-inner{margin:0 auto;max-width:1280px;overflow:visible;padding:0 1rem}.agent-nav-tabs-list{-webkit-overflow-scrolling:touch;display:flex;gap:2rem;overflow-x:auto;overflow-y:visible;scrollbar-color:#e6dcc5 #f5f5f5;scrollbar-width:thin}.agent-nav-tabs-list::-webkit-scrollbar{height:4px}.agent-nav-tabs-list::-webkit-scrollbar-track{background:#f5f5f5}.agent-nav-tabs-list::-webkit-scrollbar-thumb{background:#e6dcc5;border-radius:2px}.agent-nav-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:.875rem;font-weight:500;padding:1rem .25rem;transition:all .2s ease;white-space:nowrap}.agent-nav-tab:hover{border-bottom-color:#e6dcc5;color:#4a6fa5}.agent-nav-tab.active{border-bottom-color:#4a6fa5;color:#4a6fa5}.agent-main-content{background-color:initial;position:relative;z-index:1}.agent-main-inner{margin:0 auto;max-width:1280px;padding:2rem 1rem}@media (max-width:768px){.agent-header-title{font-size:1.25rem}.agent-header-subtitle,.agent-header-user,.agent-nav-tabs{display:none}.agent-layout-content{background-color:#f9fafb;margin:0}.agent-main-inner{padding:1rem}}@media (min-width:768px){.agent-mobile-menu,.agent-mobile-menu-btn{display:none}}.agent-background-decoration[style*=pattern]{background-position:50%!important;background-repeat:repeat!important}@media (max-width:768px){.dashboard-container{max-width:100%;overflow-x:hidden;padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;margin-bottom:.5rem}.dashboard-header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{min-height:auto;padding:1rem}.stat-card h3{font-size:.875rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:1.5rem}.quick-actions-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.quick-action-card{padding:1rem;text-align:center}.quick-action-card h4{font-size:.875rem;margin-bottom:.5rem}.quick-action-card .icon{height:2rem;margin-bottom:.5rem;width:2rem}.recent-activity{margin-bottom:1.5rem}.recent-activity h3{font-size:1.25rem;margin-bottom:1rem}.activity-card{border-radius:.5rem;margin-bottom:.75rem;padding:1rem}.activity-card:last-child{margin-bottom:0}.activity-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.activity-title{font-size:.875rem;font-weight:600}.activity-date{font-size:.75rem;opacity:.7}.activity-content{font-size:.875rem;line-height:1.4}.dashboard-table-container{overflow:visible}.dashboard-table,.dashboard-table tbody,.dashboard-table td,.dashboard-table th,.dashboard-table thead,.dashboard-table tr{display:block}.dashboard-table thead tr{left:-9999px;position:absolute;top:-9999px}.dashboard-table tr{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;position:relative}.dashboard-table td{border:none;border-bottom:1px solid #e5e7eb;padding:.75rem 0 .75rem 40%;position:relative;text-align:right;white-space:normal}.dashboard-table td:last-child{border-bottom:none;padding-bottom:0}.dashboard-table td:before{color:#374151;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;letter-spacing:.05em;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.btn,.button{border-radius:.5rem;font-size:.875rem;min-height:44px;padding:.75rem 1rem;touch-action:manipulation}.btn-small{font-size:.75rem;min-height:36px;padding:.5rem .75rem}input,select,textarea{border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;min-height:44px;padding:.75rem;width:100%}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-content{border-radius:1rem;margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.modal-header{border-bottom:1px solid #e5e7eb;padding:1rem}.modal-body{overflow-y:auto;padding:1rem}.modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.modal-footer .btn{justify-content:center;width:100%}.dashboard-nav{margin-bottom:1rem}.dashboard-nav-item{border-radius:.5rem;color:inherit;display:block;margin-bottom:.5rem;padding:.75rem;text-decoration:none;transition:background-color .2s}.dashboard-nav-item.active,.dashboard-nav-item:hover{background-color:#2563eb1a}.loading-spinner{height:2rem;margin:2rem auto;width:2rem}.loading-text{color:#6b7280;font-size:.875rem;margin-top:1rem;text-align:center}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a}img{height:auto;max-width:100%}.touch-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}*{box-sizing:border-box;max-width:100%}}@media (min-width:769px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}.dashboard-container{padding:1.5rem}}@media (max-width:480px){.activity-card,.dashboard-container,.quick-action-card,.stat-card{padding:.75rem}.modal-content{border-radius:.75rem;margin:.5rem;max-width:calc(100vw - 1rem)}.modal-body,.modal-footer,.modal-header{padding:.75rem}}@media (max-width:768px){.clients-container{max-width:100%;overflow-x:hidden;padding:1rem}.clients-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.clients-header h2{font-size:1.5rem;margin-bottom:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-actions .btn{justify-content:center;width:100%}.clients-filters{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.search-input{margin-bottom:.5rem;min-width:0;min-width:auto;width:100%}.filter-group{flex-direction:column;gap:.5rem;width:100%}.filter-select{width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.clients-table-container{overflow:visible}.clients-table,.clients-table tbody,.clients-table td,.clients-table th,.clients-table thead,.clients-table tr{display:block}.clients-table thead tr{left:-9999px;position:absolute;top:-9999px}.clients-table tr{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;position:relative}.clients-table tr:hover{background:#fff;box-shadow:0 4px 8px #00000026}.clients-table td{border:none;border-bottom:1px solid #e5e7eb;overflow:visible;padding:.75rem 0 .75rem 40%;position:relative;text-align:right;text-overflow:clip;white-space:normal}.clients-table td:last-child{border-bottom:none;padding-bottom:0}.clients-table td:before{color:#374151;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;letter-spacing:.05em;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.clients-table td:last-child{padding:.75rem 0;text-align:left}.clients-table td:last-child:before{content:"Actions"}.clients-table td:last-child .flex{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.clients-table td:last-child button{font-size:.75rem;min-height:36px;min-width:60px;padding:.5rem .75rem}.client-modal .modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.client-form{padding:1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.form-actions .btn{justify-content:center;min-height:44px;width:100%}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-state-icon{height:3rem;margin:0 auto 1rem;opacity:.5;width:3rem}.empty-state h3{color:#374151;font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin-bottom:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{height:2rem;margin-bottom:1rem;width:2rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a}.client-details{padding:1rem}.client-details-header{margin-bottom:1.5rem;text-align:center}.client-details-header h2{font-size:1.25rem;margin-bottom:.5rem}.client-details-sections{display:flex;flex-direction:column;gap:1rem}.client-details-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.client-details-section h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.client-details-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.client-details-item:last-child{margin-bottom:0}.client-details-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.client-details-value{color:#1f2937;font-size:.875rem;font-weight:500}}@media (max-width:480px){.clients-container,.clients-filters,.clients-table tr{padding:.75rem}.client-modal .modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.client-form{padding:.75rem}.form-group{margin-bottom:.75rem}.form-actions{margin-top:1rem}}.edit-itinerary-modal{display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.modal-tabs{border-bottom:1px solid #e5e5e5;display:flex;margin-bottom:20px}.tab-button{color:#666;flex:1 1;font-size:14px;padding:12px 20px;transition:all .3s ease}.tab-button:hover{background-color:#f8f9fa;color:#333}.tab-button.active{border-bottom-color:#4a90e2;color:#4a90e2}.tab-content{max-height:calc(90vh - 250px);overflow-y:auto;padding:20px}.edit-itinerary-form{display:flex;flex-direction:column;height:100%}.total-amount{background-color:#f8f9fa;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.total-amount h3{color:#28a745;font-size:20px;margin:0}.components-header,.options-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.components-header h3,.options-header h3{margin:0}.components-list,.options-list{display:flex;flex-direction:column;gap:10px}.component-item,.option-item{align-items:center;background-color:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.component-info,.option-info{flex:1 1}.component-info h4,.option-info h4{color:#333;font-size:16px;margin:0 0 5px}.component-info p,.option-info p{color:#666;font-size:14px;margin:0}.option-total{color:#28a745;font-weight:600;margin-top:5px!important}.component-actions,.option-actions{display:flex;gap:10px}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px 10px;transition:background-color .3s ease}.btn-icon:hover{background-color:#e5e5e5}.no-items{color:#999;font-style:italic;padding:40px 20px;text-align:center}.component-modal,.option-modal{max-width:500px;width:90%}.component-modal .modal-header h3,.option-modal .modal-header h3{font-size:18px;margin:0}.error-message{margin-bottom:20px}@media (max-width:768px){.edit-itinerary-modal{max-width:none;width:95%}.modal-tabs{flex-wrap:wrap}.tab-button{font-size:13px;padding:10px 15px}.form-row{grid-template-columns:1fr}.component-item,.option-item{align-items:flex-start;flex-direction:column;gap:10px}.component-actions,.option-actions{align-self:flex-end}}.itineraries-list{margin:0 auto;max-width:1200px}.itineraries-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.itineraries-header h1{color:#111827;font-size:1.875rem;font-weight:700;margin:0}.header-stats{display:flex;gap:1rem}.stat-badge{align-items:center;background:#f3f4f6;border-radius:.5rem;display:flex;flex-direction:column;padding:.5rem 1rem}.stat-label{font-size:.75rem}.itineraries-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:1.5rem}.tab-button{background:none;padding:.75rem 1.5rem}.tab-button:hover{background-color:#f9fafb}.tab-button.active{background-color:#eff6ff;border-bottom-color:#2563eb;color:#2563eb}.tab-button:first-child{border-top-left-radius:.375rem}.tab-button:last-child{border-top-right-radius:.375rem}.itineraries-filters{display:flex;gap:1rem;margin-bottom:2rem}.search-input{border-radius:.375rem;font-size:.875rem;padding:.5rem 1rem}.search-input:focus{border-color:#3b82f6}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem 1rem}.status-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.itinerary-section{margin-bottom:3rem}.section-title{align-items:center;display:flex;gap:.5rem}.section-icon,.section-title{font-size:1.5rem}.itinerary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.itinerary-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.itinerary-card:hover{box-shadow:0 4px 6px #0000001a}.itinerary-card.upcoming{border-left:4px solid #3b82f6}.itinerary-card.active{border-left:4px solid #10b981}.itinerary-card.completed{border-left:4px solid #8b5cf6}.itinerary-header{align-items:start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.itinerary-header h3{color:#111827;flex:1 1;font-size:1.125rem;font-weight:600;margin:0}.status-upcoming{background:#dbeafe;color:#1e40af}.status-active{background:#d1fae5}.status-completed{background:#ede9fe;color:#5b21b6}.itinerary-details{padding:1rem}.itinerary-details p{color:#374151;font-size:.875rem;margin:.5rem 0}.itinerary-details strong{color:#111827}.client-name{font-size:1rem}.commission-badge{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.status-pending{background:#fef3c7}.status-submitted{background:#dbeafe;color:#1e40af}.status-approved{background:#d1fae5}.status-overdue{background:#fee2e2;color:#991b1b}.itinerary-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.btn{flex:0 0 auto;min-width:-webkit-fit-content;min-width:fit-content}.btn-success{background:#10b981}.btn-success:hover:not(:disabled){background:#059669}textarea.form-input{min-height:100px}.modal-actions{margin-top:2rem}.no-itineraries{color:#6b7280;padding:3rem;text-align:center}@media (max-width:768px){.itineraries-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-stats{justify-content:space-between;width:100%}.itineraries-filters{flex-direction:column}.itinerary-grid{grid-template-columns:1fr}.itinerary-actions{gap:.75rem}.btn{flex:1 1 auto;min-width:120px}}@media (max-width:480px){.itinerary-actions{flex-direction:column;gap:.5rem}.btn{flex:none;width:100%}}@media (max-width:768px){.itineraries-container{max-width:100%;overflow-x:hidden;padding:1rem}.itineraries-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.itineraries-header h2{font-size:1.5rem;margin-bottom:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-actions .btn{justify-content:center;min-height:44px;width:100%}.itineraries-filters{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.search-input{font-size:1rem;margin-bottom:.5rem;min-height:44px;min-width:0;min-width:auto;padding:.75rem;width:100%}.filter-group{flex-direction:column;gap:.5rem;width:100%}.filter-select{font-size:1rem;min-height:44px;padding:.75rem;width:100%}.date-range-filters{display:flex;flex-direction:column;gap:.5rem}.date-input{font-size:1rem;min-height:44px;padding:.75rem;width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1rem;text-align:center}.stat-card h3{font-size:.875rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:1.5rem;font-weight:700}.itineraries-table-container{overflow:visible}.itineraries-table,.itineraries-table tbody,.itineraries-table td,.itineraries-table th,.itineraries-table thead,.itineraries-table tr{display:block}.itineraries-table thead tr{left:-9999px;position:absolute;top:-9999px}.itineraries-table tr{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;position:relative}.itineraries-table tr:hover{background:#fff;box-shadow:0 4px 8px #00000026}.itineraries-table td{border:none;border-bottom:1px solid #e5e7eb;overflow:visible;padding:.75rem 0 .75rem 40%;position:relative;text-align:right;text-overflow:clip;white-space:normal}.itineraries-table td:last-child{border-bottom:none;padding-bottom:0}.itineraries-table td:before{color:#374151;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;letter-spacing:.05em;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.itineraries-table td:last-child{padding:.75rem 0;text-align:left}.itineraries-table td:last-child:before{content:"Actions"}.itineraries-table td:last-child .flex{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.itineraries-table td:last-child button{font-size:.75rem;min-height:36px;min-width:60px;padding:.5rem .75rem}.itinerary-modal .modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.itinerary-form{padding:1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-section{margin-bottom:1.5rem}.form-section h3{color:#374151;font-size:1.125rem;font-weight:600}.form-group,.form-section h3{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.itinerary-day{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.itinerary-day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.itinerary-day-title{color:#374151;font-size:1rem;font-weight:600}.itinerary-day-date{color:#6b7280;font-size:.875rem}.itinerary-activity{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.itinerary-activity:last-child{margin-bottom:0}.activity-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.activity-time{background:#dbeafe;border-radius:.25rem;color:#2563eb;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.activity-title{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.activity-description{color:#6b7280;font-size:.75rem;line-height:1.4}.activity-location{color:#059669;font-size:.75rem;font-weight:500;margin-top:.25rem}.form-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem}.form-actions .btn{justify-content:center;min-height:44px;width:100%}.status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-draft{background-color:#f3f4f6;color:#374151}.status-active{background-color:#dbeafe;color:#1d4ed8}.status-completed{background-color:#d1fae5;color:#059669}.status-cancelled{background-color:#fee2e2;color:#dc2626}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-state-icon{height:3rem;margin:0 auto 1rem;opacity:.5;width:3rem}.empty-state h3{color:#374151;font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin-bottom:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{height:2rem;margin-bottom:1rem;width:2rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a}.itinerary-preview{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}.itinerary-preview h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.preview-day{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.preview-day:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-day-title{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.preview-activity{background:#f9fafb;border-radius:.25rem;margin-bottom:.5rem;padding:.5rem}.preview-activity:last-child{margin-bottom:0}}@media (max-width:480px){.itineraries-container,.itineraries-filters,.itineraries-table tr{padding:.75rem}.itinerary-modal .modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.itinerary-form{padding:.75rem}.form-section{margin-bottom:1rem}.form-actions{margin-top:1rem}.itinerary-day{padding:.75rem}.itinerary-activity{padding:.5rem}}.secure-payment-modal{overflow-y:auto;width:95%}.secure-payment-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.secure-payment-modal .modal-header h2{color:#333;font-size:1.5rem;margin:0}.secure-payment-modal .close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.secure-payment-modal .close-btn:hover{color:#333}.secure-payment-modal .modal-body{padding:1.5rem}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:1rem;padding:.75rem}.request-step p{color:#666}.method-selection,.request-step p{margin-bottom:1.5rem}.method-selection label{border-radius:4px;cursor:pointer;display:block;margin-bottom:.5rem;padding:.5rem;transition:background-color .2s}.method-selection label:hover{background-color:#f5f5f5}.method-selection input[type=radio]{margin-right:.5rem}.verify-step p{color:#666;margin-bottom:1rem}.verification-input{border:2px solid #ddd;border-radius:8px;font-family:monospace;font-size:1.5rem;letter-spacing:.5rem;margin-bottom:1.5rem;padding:1rem;text-align:center;width:100%}.verification-input:focus{border-color:#007bff;outline:none}.verify-actions{gap:1rem;justify-content:flex-end}.payment-details{max-height:70vh;overflow-y:auto}.security-notice{align-items:center;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #28a745;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.security-icon{color:#28a745;font-size:1.5rem}.security-notice p{color:#155724;font-size:14px;font-weight:500}.details-grid{grid-template-columns:1fr 1fr;margin-bottom:20px}.detail-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.detail-section.full-width{grid-column:1/-1}.detail-section.secondary-payment{background:#fff8e1;border-color:#ffb74d}.detail-section.secondary-payment h4{color:#e65100}.detail-section h4{border-bottom:1px solid #dee2e6;color:#495057;font-size:14px;letter-spacing:.5px;padding-bottom:8px;text-transform:uppercase}.detail-item{align-items:flex-start;margin-bottom:8px;padding:4px 0}.detail-item:last-child{margin-bottom:0}.detail-item.sensitive{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin:8px 0;padding:8px}.detail-item.address-item{align-items:flex-start}.detail-item label{color:#6c757d;margin-right:12px;min-width:120px}.detail-item.sensitive label{color:#856404;font-weight:600}.detail-item span{color:#212529;flex:1 1;font-size:13px;text-align:right}.detail-item.sensitive span{color:#856404;font-weight:500}.amount{color:#28a745;font-size:14px}.status{border-radius:4px;font-weight:500}.status.pending{background:#fff3cd;color:#856404}.status.completed{background:#d4edda;color:#155724}.status.failed{background:#f8d7da;color:#721c24}.status.refunded{background:#d1ecf1;color:#0c5460}.card-number{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;letter-spacing:1px}.detail-item.sensitive .card-number{background:#fff;border-color:#ffeaa7;color:#856404}.address-details{flex:1 1;text-align:right}.address-details div{font-size:13px}.billing-address{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px}.address-details div{color:#495057;margin-bottom:4px}.address-details div:last-child{margin-bottom:0}.status-refunded{background:#d1ecf1;color:#0c5460}.payment-data{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:.8rem;max-height:200px;overflow-y:auto;padding:1rem}.payment-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.confirm-delete{padding:1rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:1rem}.confirm-delete h3{color:#dc3545;margin-bottom:1rem}.confirm-delete p{color:#666;margin-bottom:1.5rem}.payment-summary{background-color:#f8f9fa;border-left:4px solid #dc3545;border-radius:4px;margin:1rem 0;padding:1rem}.payment-summary p{margin:.25rem 0;text-align:left}.confirm-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn{font-size:.9rem;padding:.75rem 1.5rem}@media (max-width:768px){.secure-payment-modal{margin:1rem;width:95%}.details-grid{gap:16px;grid-template-columns:1fr}.detail-item{align-items:flex-start;flex-direction:column}.detail-item label{margin-bottom:4px;min-width:auto}.detail-item span{text-align:left}.confirm-actions,.payment-actions,.verify-actions{flex-direction:column}.secure-payment-modal .modal-body,.secure-payment-modal .modal-header{padding:1rem}}.commission-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.commission-form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.commission-form-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-button{padding:4px;transition:color .2s}.close-button:hover{color:#1f2937}.error-banner{background-color:#fee;border-bottom:1px solid #feb2b2;color:#c53030;font-size:14px;padding:12px 24px}.commission-form{padding:24px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;margin-bottom:16px;padding-bottom:8px}@media (max-width:768px){.commission-form-container{border-radius:0;margin:0;min-height:100vh}.commission-form-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.commission-form-header h2{font-size:18px}.commission-form{padding:20px 16px}.form-section{margin-bottom:24px}.form-row{gap:12px;grid-template-columns:1fr;margin-bottom:12px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:16px;padding:12px 16px}.form-group label{font-size:15px;margin-bottom:8px}.form-group textarea{min-height:100px}.error-banner{font-size:13px;padding:12px 16px}.form-actions{background:#f9fafb;border:none;border-radius:8px;bottom:0;box-shadow:0 -2px 8px #0000001a;flex-direction:column;gap:12px;margin-top:24px;padding:16px;position:-webkit-sticky;position:sticky}.btn{border-radius:8px;font-size:16px;min-height:48px;padding:14px 20px;width:100%}.btn-primary{order:-1}}.form-group input,.form-group select,.form-group textarea{transition:border-color .2s,box-shadow .2s}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.readonly-input{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.calculated-field{color:#059669;font-weight:600}.field-hint{color:#6b7280;font-size:12px;margin-top:4px}.error-text{display:block}.supplier-request-link{color:#6b7280;font-size:13px;margin-top:8px}.supplier-request-link .link-primary{color:#2563eb;font-weight:500;text-decoration:none;transition:color .2s}.supplier-request-link .link-primary:hover{color:#1d4ed8;text-decoration:underline}.form-actions{gap:12px;margin-top:32px;padding-top:24px}.btn-secondary:hover:not(:disabled){background-color:#4b5563}@media (max-width:640px){.commission-form-header{padding:16px 20px}.commission-form{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{width:100%}}.tax-form-container{background:#fff;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.tax-form-header{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.tax-form-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.tax-form-header p{color:#666;font-size:1.1rem;margin-bottom:1rem}.tax-form{margin-top:2rem}.form-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem}.form-section h2{border-bottom:1px solid #ddd;color:#444;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#07c;box-shadow:0 0 0 2px #0077cc1a;outline:none}.form-group input.error,.form-group select.error{border-color:#dc3545}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.form-row .form-group{margin-bottom:0}.alert{font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.alert-info{background-color:#e7f3ff;border:1px solid #b8daff;color:#004085}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.certification-text{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.certification-text p{color:#444;line-height:1.6;margin-bottom:1rem}.certification-text ul{color:#555;line-height:1.8;margin-left:2rem}.certification-text li{margin-bottom:.5rem}.form-actions{margin-top:3rem;padding-top:2rem}.btn{font-size:1.1rem;padding:.75rem 2rem;transition:all .3s}.btn-primary{background-color:#07c}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #0000001a}.ssn-input-group{align-items:center;display:flex;gap:.5rem}.ssn-input-group input{text-align:center}.ssn-input-group .ssn-part1{width:60px}.ssn-input-group .ssn-part2{width:50px}.ssn-input-group .ssn-part3{width:70px}.ssn-input-group span{color:#666;font-weight:700}@media (max-width:768px){.tax-form-container{padding:1rem}.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.tax-form-header h1{font-size:2rem}}.tax-forms-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tax-forms-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.tax-forms-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.tax-forms-header h2{color:#333;font-size:1.5rem;margin:0}.close-btn{border-radius:6px;font-size:1.5rem;transition:all .3s ease}.close-btn:hover{background-color:#f8f9fa}.tax-forms-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:4rem}.spinner{border:3px solid #f3f3f3;border-top-color:#007bff;margin-bottom:1rem}.error-message{align-items:center;background-color:#f8d7da;display:flex;gap:.5rem;margin:1rem 1.5rem;padding:.75rem 1rem}.tax-forms-content{padding:1.5rem}.tax-form-section{margin-bottom:2rem}.tax-form-section h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.form-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease}.form-card.completed{background-color:#f8fff9;border-color:#28a745}.form-card.missing{border-style:dashed}.form-card:hover{box-shadow:0 4px 12px #0000001a}.form-icon{align-items:center;background-color:#e3f2fd;border-radius:12px;color:#1976d2;display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.form-card.completed .form-icon{background-color:#d4edda;color:#155724}.form-card h4{color:#333;font-size:1.125rem;margin:0 0 .5rem}.form-description{color:#666;font-size:.875rem;margin-bottom:1rem}.form-details{display:flex;flex-direction:column;gap:.75rem}.status-badge{align-self:flex-start;gap:.25rem}.status-badge.completed{background-color:#d4edda;color:#155724}.form-date{color:#666;font-size:.875rem;margin:0}.download-btn,.upload-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.download-btn{background-color:#007bff}.download-btn:hover{background-color:#0056b3}.download-btn.small{font-size:.8125rem;padding:.375rem .75rem}.upload-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#333}.upload-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.year-selector{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.year-selector label{color:#666;font-weight:500}.year-selector select{background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.form1099-list{display:flex;flex-direction:column;gap:.75rem}.form1099-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.form1099-item:hover{background:#fff;box-shadow:0 2px 8px #0000000d}.form1099-info{align-items:center;display:flex;gap:1rem}.form1099-info h5{color:#333;font-size:1rem;margin:0}.form1099-info p{color:#666;font-size:.875rem;margin:0}.form1099-actions{gap:1rem}.form1099-actions,.issue-date{align-items:center;display:flex}.issue-date{color:#666;font-size:.875rem;gap:.25rem}.no-forms-message{background-color:#f8f9fa;border-radius:8px}.commission-summary{background-color:#e3f2fd;border-radius:12px;margin-top:2rem;padding:1.5rem}.commission-summary h3{color:#1976d2;font-size:1.125rem;margin-bottom:1rem}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#666}.stat-value{align-items:center;color:#1976d2;display:flex;font-size:1.5rem;gap:.25rem}.upload-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.upload-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:2rem;width:90%}.upload-modal h3{color:#333;margin:0 0 1.5rem}.upload-area{border:2px dashed #dee2e6;border-radius:8px;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background-color:#f8f9fa;border-color:#007bff}.upload-area input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-area label{align-items:center;color:#666;cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.upload-area label p{color:#333;font-weight:500;margin:0}.upload-area label span{color:#666;font-size:.875rem}.cancel-btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;transition:all .3s ease;width:100%}.cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}@media (max-width:768px){.tax-forms-modal{max-height:95vh;width:95%}.form-cards{grid-template-columns:1fr}.form1099-item{align-items:flex-start;flex-direction:column;gap:1rem}.form1099-actions{justify-content:space-between;width:100%}}.form-type-section{border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;overflow:hidden}.form-type-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 1.5rem}.form-type-header h4{color:#333;font-size:1.1rem;font-weight:600;margin:0}.fill-form-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.fill-form-btn:hover{background:#0056b3}.fill-form-btn.primary{background:#28a745;font-size:1rem;padding:.75rem 1.5rem}.fill-form-btn.primary:hover{background:#1e7e34}.submitted-forms-list{padding:1rem}.submitted-form-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:box-shadow .2s}.submitted-form-item:hover{box-shadow:0 2px 8px #0000001a}.submitted-form-item:last-child{margin-bottom:0}.form-info{align-items:center;display:flex;gap:1rem}.form-info .form-icon{align-items:center;background:#e3f2fd;border-radius:6px;color:#1976d2;display:flex;justify-content:center;padding:.75rem}.form-details h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 .25rem}.form-meta{color:#666;font-size:.875rem;margin:0}.form-actions{gap:.5rem}.preview-btn{align-items:center;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.preview-btn:hover{background:#545b62}.no-forms-message{color:#666;padding:2rem;text-align:center}.no-forms-message p{font-size:1rem;margin:0 0 1rem}.form-preview-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.form-preview-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}.form-preview-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.form-preview-header h2{color:#333;font-size:1.5rem;margin:0}.form-preview-body{flex:1 1;overflow-y:auto;padding:1.5rem}.form-preview-content{max-width:100%}.form-header{border-bottom:2px solid #007bff;margin-bottom:2rem;padding-bottom:1rem}.form-header h2{color:#333;font-size:1.5rem;margin:0 0 .5rem}.form-header p{font-size:.9rem;margin:.25rem 0}.submission-date{color:#007bff!important;font-weight:600}.form-section{background:#f8f9fa;border:1px solid #e9ecef;margin-bottom:1.5rem;padding:1rem}.form-section h3{border-bottom:1px solid #dee2e6;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.form-row{align-items:flex-start;display:flex;margin-bottom:.75rem}.form-row label{color:#333;font-size:.9rem;font-weight:600;margin-right:1rem;min-width:150px}.form-row span{color:#666;font-size:.9rem;word-break:break-word}.form-preview-footer{border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.btn-secondary{background:#6c757d;padding:.75rem 1.5rem;transition:background-color .2s}.btn-secondary:hover{background:#545b62}.close-btn{color:#666;font-size:28px;transition:all .2s}.close-btn:hover{background-color:#f0f0f0;color:#333}.form-actions{align-items:center;flex-direction:column;gap:10px;margin-top:20px}.form-actions-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.fill-btn,.update-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.fill-btn:hover,.update-btn:hover{background-color:#2563eb}.or-divider{color:#999;font-size:12px;margin:5px 0}.form-recommendation{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:14px;gap:10px;margin-top:20px;padding:12px 16px}.tax-forms-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:20px}.tax-form-fill-mode{max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.tax-form-container{padding:20px}.btn-secondary{border:none;border-radius:6px;font-size:14px;padding:10px 20px;transition:all .3s ease}.messaging-modal-content,.messaging-modal-content *{box-sizing:border-box!important}.messaging-modal-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;line-height:1.5!important}.messaging-modal-content .text-base,.messaging-modal-content .text-sm,.messaging-modal-content .text-xs{font-size:1rem!important}.messaging-modal-content [class*=text-]{font-size:inherit!important}.messaging-modal-content [class*=font-]{font-weight:inherit!important}.messaging-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.messaging-modal-overlay{align-items:flex-start;padding:20px 8px 8px}.messaging-modal-content{border-radius:12px;margin:0;max-height:calc(100vh - 40px);max-width:100%;overflow:hidden}.messaging-modal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.messaging-modal-header h2{font-size:1.25rem!important;line-height:1.2;margin:0}.messaging-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.messaging-modal-close:hover{background:#e5e7eb}.messaging-modal-body{max-height:calc(100vh - 200px);overflow-y:auto;padding:16px}.commission-details{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:16px}.commission-details h3{font-size:16px!important;margin-bottom:12px}.commission-details p{font-size:14px!important;margin-bottom:8px}.messages-container{background:#f9fafb;max-height:300px;overflow-y:auto}.message,.messages-container{border-radius:8px;margin-bottom:16px;padding:12px}.message{font-size:14px!important;line-height:1.4}.message.admin{background:#eff6ff;border-left:4px solid #3b82f6}.message.agent{background:#f0fdf4;border-left:4px solid #10b981}.message-header{color:#6b7280;font-size:12px!important;font-weight:600;margin-bottom:8px}.message-content{font-size:14px!important;line-height:1.4}.message-input-container{background:#fff;border-top:1px solid #e5e7eb;bottom:0;padding:16px;position:-webkit-sticky;position:sticky}.message-input{border:1px solid #d1d5db;border-radius:8px;font-size:16px!important;margin-bottom:12px;min-height:80px;padding:12px 16px;resize:vertical;width:100%}.message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-actions{display:flex;flex-direction:column;gap:12px}.message-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:16px!important;font-weight:600;min-height:48px;padding:14px 20px;width:100%}.message-actions .btn-primary{background:#3b82f6;color:#fff;order:-1}.message-actions .btn-primary:hover{background:#2563eb}.message-actions .btn-secondary{background:#6b7280;color:#fff}.message-actions .btn-secondary:hover{background:#4b5563}.typing-indicator{color:#6b7280;font-size:12px!important;font-style:italic;padding:8px 12px}}.messaging-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:85vh;max-width:900px;overflow-y:auto;width:100%}.messaging-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.messaging-modal-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-button{border-radius:6px;padding:8px;transition:all .2s}.close-button:hover{background-color:#f3f4f6;color:#374151}.close-button svg{height:24px;width:24px}.commission-summary{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:0 24px 24px}.commission-summary h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 12px}.messaging-modal-content .summary-grid{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;width:100%!important}.messaging-modal-content .summary-item{align-items:center!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;display:flex!important;justify-content:space-between!important;margin-bottom:8px!important;min-height:56px!important;padding:16px 20px!important;transition:all .2s ease}.messaging-modal-content .summary-item:hover{background-color:#f1f5f9!important;border-color:#cbd5e1!important}.messaging-modal-content .summary-label{color:#64748b!important;flex-shrink:0;font-size:.875rem!important;font-weight:500!important;letter-spacing:.025em;text-transform:uppercase}.messaging-modal-content .summary-value{color:#1e293b!important;font-size:1rem!important;font-weight:600!important;max-width:60%;overflow-wrap:break-word;text-align:right;word-break:break-word}.messaging-modal-content .summary-item *{font-size:inherit!important}.messaging-modal-content .summary-item span{font-size:inherit!important;line-height:1.4!important}.messaging-modal-content .summary-grid .summary-label,.messaging-modal-content .summary-item .summary-label{color:#64748b!important;font-size:.875rem!important;font-weight:500!important}.messaging-modal-content .summary-grid .summary-value,.messaging-modal-content .summary-item .summary-value{color:#1e293b!important;font-size:1rem!important;font-weight:600!important}.messaging-modal-content .status-badge{border-radius:12px;font-size:.875rem!important;font-weight:600!important;letter-spacing:.025em;padding:6px 12px!important;text-transform:uppercase;white-space:nowrap}.status-needs_reply{background-color:#dbeafe;color:#1e40af}.status-on_hold{background-color:#f3e8ff;color:#7c3aed}.messages-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:0 24px 24px}.messages-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 16px}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;padding:40px 20px}.loading-spinner{border:3px solid #e5e7eb;height:32px;margin-bottom:12px;width:32px}.empty-messages{color:#6b7280;padding:40px 20px;text-align:center}.messages-list{max-height:300px;overflow-y:auto}.message{border:1px solid #e5e7eb;border-radius:12px;padding:16px}.message-admin{background-color:#fef7ff;border-color:#e879f9;margin-left:0;margin-right:40px}.message-agent{background-color:#eff6ff;border-color:#60a5fa;margin-left:40px;margin-right:0}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-sender{font-size:.875rem;font-weight:600}.message-admin .message-sender{color:#a21caf}.message-agent .message-sender{color:#2563eb}.message-time{color:#6b7280;font-size:.75rem}.messaging-modal-content .message-content{word-wrap:break-word;color:#374151!important;font-size:1rem!important;line-height:1.6!important;margin:0!important;padding:0!important;white-space:pre-wrap}.commission-status-info{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.status-label{color:#64748b;font-size:.875rem;font-weight:500}.status-badge{border-radius:4px;letter-spacing:.025em;padding:4px 8px}.status-paid{background-color:#dbeafe;color:#1e40af}.status-needs_reply{background-color:#fef3c7;color:#92400e}.status-needs_admin_reply{background-color:#e0e7ff;color:#3730a3}.reply-section{padding:0 24px 24px}.reply-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 16px}.reply-input-group{margin-bottom:16px}.reply-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:100px;padding:12px;resize:vertical;width:100%}.reply-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.reply-textarea:disabled{background-color:#f9fafb;color:#6b7280}.error-message{background-color:#fee2e2;color:#991b1b;margin-bottom:16px;padding:12px}.reply-actions{display:flex;gap:12px;justify-content:flex-end}.btn{border-radius:8px}.btn-secondary{background-color:#f3f4f6}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-primary:hover:not(:disabled){background-color:#2563eb}.no-reply-needed{padding:0 24px 24px}.info-message{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;margin:0;padding:16px;text-align:center}@media (max-width:768px){.messaging-modal-overlay{padding:10px}.messaging-modal-content{max-height:95vh}.summary-grid{grid-template-columns:1fr}.summary-item{align-items:flex-start;flex-direction:column;gap:4px}.summary-value{text-align:left}.message-admin{margin-right:20px}.message-agent{margin-left:20px}.reply-actions{flex-direction:column}}.commissions-container{margin:0 auto;max-width:1200px;padding:20px}.commissions-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb}.commissions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.commissions-header h2{color:#1f2937;font-size:28px;font-weight:700;margin:0}.header-subtitle{color:#6b7280;font-size:16px;margin-top:4px}.header-actions{display:flex;gap:1rem}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{border-radius:8px;gap:16px;padding:24px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon-blue{background-color:#dbeafe;color:#2563eb}.stat-icon-yellow{background-color:#fef3c7;color:#d97706}.stat-icon-green{background-color:#d1fae5;color:#059669}.stat-icon-purple{background-color:#e9d5ff;color:#7c3aed}.stat-content{flex:1 1}.stat-label{margin:0 0 4px}.stat-value{font-size:24px;margin:0}.commissions-filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}@media (max-width:768px){.commissions-filters{gap:12px;padding:16px}.filter-group{justify-content:space-between;width:100%}.filter-group.date-range{align-items:stretch;flex-direction:column;gap:8px;min-width:0;min-width:auto}.search-input{min-width:0;min-width:auto;width:100%}.date-input,.filter-select{width:100%}}.filter-group.date-range{flex:1 1;min-width:300px}.search-input{min-width:300px}.date-input,.filter-select,.search-input{border:1px solid #d1d5db;padding:8px 12px}.date-input,.filter-select{background-color:#fff;border-radius:6px;font-size:14px}.date-separator{color:#6b7280;font-size:14px}.commissions-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.commissions-table{border-collapse:collapse;table-layout:fixed;width:100%}.commissions-table thead{background-color:#f9fafb}.commissions-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.commissions-table th:first-child{width:9%}.commissions-table th:nth-child(2){width:11%}.commissions-table th:nth-child(3){width:14%}.commissions-table th:nth-child(4){width:11%}.commissions-table th:nth-child(5){width:9%}.commissions-table th:nth-child(6),.commissions-table th:nth-child(7){width:10%}.commissions-table th:nth-child(8){width:14%}.commissions-table th:nth-child(9){width:12%}.commissions-table th:last-child{min-width:120px;text-align:center}.commissions-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:14px;overflow:hidden;padding:16px;text-overflow:ellipsis;white-space:nowrap}.commissions-table td:nth-child(8),.commissions-table td:nth-child(9){white-space:normal}.commissions-table td:nth-child(9){padding:12px 8px}.commissions-table td:nth-child(9) .flex{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.commissions-table td:nth-child(9) button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;min-width:50px;padding:4px 8px;text-align:center;transition:all .2s;white-space:nowrap}.commissions-table td:nth-child(9) button:hover{transform:translateY(-1px)}.commissions-table tbody tr:hover{background-color:#f9fafb}.commissions-table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.font-medium{font-weight:500}.empty-state{padding:48px 16px}.status-badge{border-radius:12px;font-size:12px;padding:4px 12px}.status-approved{color:#059669}.status-paid{background-color:#dcfce7;color:#16a34a;font-weight:600}.status-pending{color:#d97706}.status-denied{color:#dc2626}.status-on-hold{background-color:#f3e8ff;color:#7c3aed}.status-needs-reply{animation:pulse 2s infinite;background-color:#dbeafe;color:#1e40af}.status-needs-admin-reply{animation:pulse 2s infinite;background-color:#fef3c7;color:#d97706}.action-button{background:none;color:#6b7280;padding:4px}.action-button:hover{color:#2563eb}.commission-details{max-height:90vh;max-width:600px;overflow-y:auto}.commission-details-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.commission-details-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.commission-details-body{padding:24px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:#1f2937;font-size:16px;margin:0 0 12px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.detail-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.detail-label{color:#64748b;font-size:12px;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.detail-value{color:#1e293b;font-size:15px;font-weight:500;line-height:1.4}.commission-amount{color:#059669;font-size:16px}.notes-content{background-color:#f9fafb;border-radius:6px;color:#374151;font-size:14px;line-height:1.5;margin:0;padding:12px}.admin-notes{background-color:#fef3c7;border:1px solid #fcd34d}@media (max-width:768px){.commissions-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}.commissions-filters{align-items:stretch;flex-direction:column}.filter-group{width:100%}.search-input{min-width:100%}.filter-group.date-range{flex-direction:column;gap:8px}.date-separator{display:none}.commissions-table-container{overflow:visible}.commissions-table,.commissions-table tbody,.commissions-table td,.commissions-table th,.commissions-table thead,.commissions-table tr{display:block}.commissions-table thead tr{left:-9999px;position:absolute;top:-9999px}.commissions-table tr{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px;position:relative}.commissions-table tr:hover{background:#fff;box-shadow:0 4px 8px #00000026}.commissions-table td{border:none;border-bottom:1px solid #e5e7eb;overflow:visible;padding:12px 0 12px 40%;position:relative;text-align:right;text-overflow:clip;white-space:normal}.commissions-table td:last-child{border-bottom:none;padding-bottom:0}.commissions-table td:before{color:#374151;content:attr(data-label);font-size:12px;font-weight:600;left:0;letter-spacing:.05em;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.commissions-table td:nth-child(9){padding:12px 0;text-align:left}.commissions-table td:nth-child(9):before{content:"Actions"}.commissions-table td:nth-child(9) .flex{flex-wrap:wrap;gap:8px;justify-content:flex-start}.commissions-table td:nth-child(9) button{font-size:12px;min-width:60px;padding:6px 12px}.commission-details{margin:10px;max-width:95vw}.commission-details-body{padding:16px}.detail-section{margin-bottom:20px}.detail-item{padding:12px}.detail-label{font-size:11px}.detail-value{font-size:14px}}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.mt-2{margin-top:8px}.mr-2{margin-right:8px}.modal-content{max-height:calc(100vh - 40px);position:relative}.modal-content .commission-form-container{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 40px)}.modal-content .commission-form{flex:1 1;overflow-y:auto;padding:24px}.modal-content .commission-form-header{flex-shrink:0}.payment-reminders-list{margin:0 auto;max-width:1200px}.reminders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.reminders-header h1{color:#111827;font-size:1.875rem;font-weight:700;margin:0}.reminders-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}@media (max-width:768px){.payment-reminders-list{padding:0 16px}.reminders-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:1.5rem}.reminders-header h1{font-size:1.5rem}.reminders-stats{gap:12px;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.reminders-table-container{overflow:visible}.reminders-table,.reminders-table tbody,.reminders-table td,.reminders-table th,.reminders-table thead,.reminders-table tr{display:block}.reminders-table thead tr{left:-9999px;position:absolute;top:-9999px}.reminders-table tr{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px;position:relative}.reminders-table tr:hover{background:#fff;box-shadow:0 4px 8px #00000026}.reminders-table td{border:none;border-bottom:1px solid #e5e7eb;font-size:14px;padding:12px 0 12px 40%;position:relative;text-align:right}.reminders-table td:last-child{border-bottom:none;padding-bottom:0}.reminders-table td:before{color:#374151;content:attr(data-label);font-size:12px;font-weight:600;left:0;letter-spacing:.05em;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.reminders-table td:last-child{padding:12px 0;text-align:left}.reminders-table td:last-child .actions{flex-wrap:wrap;gap:8px;justify-content:flex-start}.reminders-table td:last-child .btn{font-size:12px;min-width:60px;padding:8px 12px}.modal-overlay{align-items:flex-start;padding:20px 8px 8px}.modal-content{margin:0;max-height:calc(100vh - 40px);max-width:100%}.modal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-size:1.25rem;margin:0}.modal-body{overflow-y:auto;padding:16px}.form-row{flex-direction:column;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-input,.form-select{border:1px solid #d1d5db;border-radius:8px;font-size:16px;min-height:48px;padding:12px 16px;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}textarea.form-input{min-height:80px;resize:vertical}.notification-options{margin-top:24px}.notification-options h3{font-size:16px;margin-bottom:16px}.notification-group{margin-bottom:16px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 0}.checkbox-label input[type=checkbox]{height:18px;margin:0;width:18px}.modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;bottom:0;display:flex;flex-direction:column;gap:12px;padding:16px;position:-webkit-sticky;position:sticky}.modal-actions .btn{border-radius:8px;font-size:16px;min-height:48px;padding:14px 20px;width:100%}.modal-actions .btn-primary{order:-1}}.stat-card{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-value{color:#111827;margin-bottom:.25rem}.stat-label{font-size:.875rem;font-weight:500;text-transform:uppercase}.reminders-table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.reminders-table{border-collapse:collapse;width:100%}.reminders-table thead{background:#f9fafb}.reminders-table th{color:#374151;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.reminders-table td{border-top:1px solid #e5e7eb;color:#374151;font-size:.875rem;padding:1rem}.reminders-table tbody tr:hover{background:#f9fafb}.itinerary-info strong{color:#111827;display:block;font-weight:600;margin-bottom:.25rem}.overdue{color:#dc2626;font-weight:600}.badge{border-radius:9999px;font-size:.75rem;padding:.25rem .75rem}.badge-scheduled{background:#fef3c7;color:#92400e}.badge-sent{background:#d1fae5;color:#065f46}.badge-failed{background:#fee2e2;color:#991b1b}.badge-default{background:#e5e7eb;color:#6b7280}.actions{flex-wrap:wrap;gap:.5rem}.sent-info{color:#6b7280;font-size:.75rem}.btn{border-radius:.375rem;font-size:.875rem;padding:.5rem 1rem;text-align:center}.btn:disabled{opacity:.5}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-danger{background:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c}.modal-content{border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-width:600px}.modal-header h2{color:#111827}.close-button{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.close-button:hover{background:#f3f4f6;color:#111827}.form-group{margin-bottom:1.5rem}.form-input{border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem}.form-input:focus{border-color:#3b82f6}select.form-input{cursor:pointer}textarea.form-input{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;gap:1rem}.notification-options{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.notification-options h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.notification-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.checkbox-label{color:#374151;font-size:.875rem;gap:.5rem}.modal-actions{gap:.75rem;padding:0 1.5rem 1.5rem}.no-reminders{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#6b7280;padding:3rem;text-align:center}.no-reminders p{font-size:1.125rem;margin-bottom:1.5rem}.error,.loading{color:#6b7280;font-size:1.125rem;padding:3rem}@media (max-width:768px){.reminders-header{align-items:flex-start;flex-direction:column;gap:1rem}.reminders-stats{grid-template-columns:1fr}.reminders-table-container{overflow-x:auto}.reminders-table{min-width:700px}.form-row{grid-template-columns:1fr}.modal-actions,.notification-group{flex-direction:column}.modal-actions .btn{width:100%}.actions{align-items:stretch;flex-direction:column}.actions .btn{width:100%}.payment-reminders-container{max-width:100%;overflow-x:hidden;padding:1rem}.payment-reminders-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.payment-reminders-header h2{font-size:1.5rem;margin-bottom:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-actions .btn{justify-content:center;min-height:44px;width:100%}.payment-reminders-filters{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.search-input{font-size:1rem;margin-bottom:.5rem;min-height:44px;min-width:0;min-width:auto;padding:.75rem;width:100%}.filter-group{flex-direction:column;gap:.5rem;width:100%}.filter-select{font-size:1rem;min-height:44px;padding:.75rem;width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1rem;text-align:center}.stat-card h3{font-size:.875rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:1.5rem;font-weight:700}.payment-reminders-table-container{overflow:visible}.payment-reminders-table,.payment-reminders-table tbody,.payment-reminders-table td,.payment-reminders-table th,.payment-reminders-table thead,.payment-reminders-table tr{display:block}.payment-reminders-table thead tr{left:-9999px;position:absolute;top:-9999px}.payment-reminders-table tr{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;position:relative}.payment-reminders-table tr:hover{background:#fff;box-shadow:0 4px 8px #00000026}.payment-reminders-table td{border:none;border-bottom:1px solid #e5e7eb;overflow:visible;padding:.75rem 0 .75rem 40%;position:relative;text-align:right;text-overflow:clip;white-space:normal}.payment-reminders-table td:last-child{border-bottom:none;padding-bottom:0}.payment-reminders-table td:before{color:#374151;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;letter-spacing:.05em;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.payment-reminders-table td:last-child{padding:.75rem 0;text-align:left}.payment-reminders-table td:last-child:before{content:"Actions"}.payment-reminders-table td:last-child .flex{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.payment-reminders-table td:last-child button{font-size:.75rem;min-height:36px;min-width:60px;padding:.5rem .75rem}.payment-reminder-modal .modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.payment-reminder-form{padding:1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-section{margin-bottom:1.5rem}.form-section h3{color:#374151;font-size:1.125rem;font-weight:600}.form-group,.form-section h3{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.payment-schedule{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.payment-schedule h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.payment-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.payment-item:last-child{margin-bottom:0}.payment-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.payment-item-date{background:#dbeafe;border-radius:.25rem;color:#2563eb;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.payment-item-amount{color:#059669;font-size:.875rem;font-weight:700}.payment-item-description{color:#6b7280;font-size:.75rem;line-height:1.4}.payment-item-status{font-size:.75rem;font-weight:500;margin-top:.25rem}.form-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem}.form-actions .btn{justify-content:center;min-height:44px;width:100%}.status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-pending{background-color:#fef3c7;color:#d97706}.status-sent{background-color:#dbeafe;color:#1d4ed8}.status-paid{background-color:#d1fae5;color:#059669}.status-overdue{background-color:#fee2e2;color:#dc2626}.priority-high{border-left:4px solid #dc2626}.priority-medium{border-left:4px solid #d97706}.priority-low{border-left:4px solid #059669}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-state-icon{height:3rem;margin:0 auto 1rem;opacity:.5;width:3rem}.empty-state h3{color:#374151;font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin-bottom:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{height:2rem;margin-bottom:1rem;width:2rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a}.email-preview{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}.email-preview h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.email-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;color:#374151;font-size:.875rem;line-height:1.5;padding:.75rem}}@media (max-width:480px){.payment-reminders-container,.payment-reminders-filters,.payment-reminders-table tr{padding:.75rem}.payment-reminder-modal .modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.payment-reminder-form{padding:.75rem}.form-section{margin-bottom:1rem}.form-actions{margin-top:1rem}.payment-schedule{padding:.75rem}.payment-item{padding:.5rem}}.payments-list{margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin-bottom:8px}.page-description{color:#7f8c8d;font-size:1rem;line-height:1.5;margin:0}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.search-box{flex:1 1;min-width:300px}.search-input{border:2px solid #e1e8ed;border-radius:8px;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.filter-group{align-items:center;gap:8px}.filter-group label{color:#2c3e50;font-weight:500;white-space:nowrap}.filter-select{background:#fff;border:2px solid #e1e8ed;border-radius:6px;font-size:14px;min-width:150px;padding:8px 12px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.summary-card h3{color:#7f8c8d;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.summary-value{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.table-container{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.payments-table{border-collapse:collapse;font-size:14px;width:100%}.payments-table thead{background:#f8f9fa}.payments-table th{border-bottom:2px solid #e1e8ed;color:#2c3e50;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.payments-table td{border-bottom:1px solid #f1f3f4;padding:16px 12px;vertical-align:middle}.payments-table tbody tr:hover{background-color:#f8f9fa}.payments-table tbody tr:last-child td{border-bottom:none}.client-info strong{color:#2c3e50;font-weight:600}.quote-info{display:flex;flex-direction:column;gap:2px}.quote-info strong{color:#2c3e50;font-weight:500}.quote-info small{color:#7f8c8d;font-size:12px}.amount{color:#27ae60;font-size:15px;font-weight:600}.confirmation-code{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:4px;color:#2c3e50;font-family:Monaco,Menlo,monospace;font-size:12px;padding:4px 8px}.badge{font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-secondary{background:#e2e3e5;color:#383d41}.badge-blue{background:#cce5ff;color:#0056b3}.badge-orange{background:#ffe8cc;color:#c50}.badge-purple{background:#e6ccff;color:#60c}.badge-green{background:#cfc;color:#060}.badge-gray{background:#f1f3f4;color:#5f6368}.btn{font-size:12px;gap:4px;white-space:nowrap}.btn-sm{font-size:11px;padding:6px 12px}.btn-primary:hover{background:#2980b9}.loading{color:#7f8c8d;font-size:16px;padding:60px 20px;text-align:center}.error-message{margin:20px 0;padding:16px}.no-data{background:#fff;border:1px solid #e1e8ed;border-radius:12px;color:#7f8c8d;padding:60px 20px}.no-data p{font-size:16px;margin:0}@media (max-width:1200px){.payments-table{font-size:13px}.payments-table td,.payments-table th{padding:12px 8px}}@media (max-width:768px){.payments-list{padding:15px}.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filter-group{justify-content:space-between}.summary-cards{gap:15px;grid-template-columns:repeat(2,1fr)}.table-container{overflow-x:auto}.payments-table{min-width:800px}.page-header h1{font-size:1.5rem}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.summary-value{font-size:1.5rem}}@media (max-width:768px){.payments-container{max-width:100%;overflow-x:hidden;padding:1rem}.payments-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.payments-header h2{font-size:1.5rem;margin-bottom:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-actions .btn{justify-content:center;min-height:44px;width:100%}.payments-filters{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.search-input{font-size:1rem;margin-bottom:.5rem;min-height:44px;min-width:0;min-width:auto;padding:.75rem;width:100%}.filter-group{flex-direction:column;gap:.5rem;width:100%}.filter-select{font-size:1rem;min-height:44px;padding:.75rem;width:100%}.payments-stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1rem;text-align:center}.stat-card h3{font-size:.875rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:1.5rem;font-weight:700}.payments-table-container{overflow:visible}.payments-table,.payments-table tbody,.payments-table td,.payments-table th,.payments-table thead,.payments-table tr{display:block}.payments-table thead tr{left:-9999px;position:absolute;top:-9999px}.payments-table tr{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;position:relative}.payments-table tr:hover{background:#fff;box-shadow:0 4px 8px #00000026}.payments-table td{border:none;border-bottom:1px solid #e5e7eb;overflow:visible;padding:.75rem 0 .75rem 40%;position:relative;text-align:right;text-overflow:clip;white-space:normal}.payments-table td:last-child{border-bottom:none;padding-bottom:0}.payments-table td:before{color:#374151;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;letter-spacing:.05em;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-pending{background-color:#fef3c7;color:#d97706}.status-processing{background-color:#dbeafe;color:#1d4ed8}.status-completed{background-color:#d1fae5;color:#059669}.status-failed{background-color:#fee2e2;color:#dc2626}.status-refunded{background-color:#f3e8ff;color:#7c3aed}.payments-table td:last-child{padding:.75rem 0;text-align:left}.payments-table td:last-child:before{content:"Actions"}.payments-table td:last-child .flex{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.payments-table td:last-child button{font-size:.75rem;min-height:36px;min-width:60px;padding:.5rem .75rem}.payment-details-modal .modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.payment-details{padding:1rem}.payment-details-grid{gap:1rem;grid-template-columns:1fr}.payment-details-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.payment-details-section h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.payment-detail-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.payment-detail-item:last-child{border-bottom:none}.payment-detail-label{color:#6b7280;font-size:.875rem;font-weight:500}.payment-detail-value{color:#374151;font-size:.875rem;font-weight:600;text-align:right}.transaction-history{margin-top:1rem}.transaction-history h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.transaction-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.5rem;padding:.75rem}.transaction-item:last-child{margin-bottom:0}.transaction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.transaction-type{background:#dbeafe;border-radius:.25rem;color:#2563eb;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.transaction-amount{color:#059669;font-size:.875rem;font-weight:700}.transaction-date,.transaction-description{color:#6b7280;font-size:.75rem}.transaction-description{line-height:1.4}.payment-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.payment-actions .btn{justify-content:center;min-height:44px;width:100%}.refund-modal .modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.refund-form{padding:1rem}.refund-form .form-group{margin-bottom:1rem}.refund-form .form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.refund-form .form-group input,.refund-form .form-group select,.refund-form .form-group textarea{border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.refund-form .form-group textarea{min-height:100px;resize:vertical}.refund-form .form-group input:focus,.refund-form .form-group select:focus,.refund-form .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.refund-calculator{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.refund-calculator h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.refund-calculation-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.refund-calculation-item:last-child{border-bottom:none;border-top:1px solid #e5e7eb;color:#374151;font-weight:600;margin-top:.25rem;padding-top:.75rem}.refund-calculation-label{color:#6b7280;font-size:.875rem}.refund-calculation-value{color:#374151;font-size:.875rem;font-weight:500}.form-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem}.form-actions .btn{justify-content:center;min-height:44px;width:100%}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-state-icon{height:3rem;margin:0 auto 1rem;opacity:.5;width:3rem}.empty-state h3{color:#374151;font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin-bottom:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{height:2rem;margin-bottom:1rem;width:2rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a}}@media (max-width:480px){.payments-container,.payments-filters,.payments-table tr{padding:.75rem}.payment-details-modal .modal-content,.refund-modal .modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.payment-details,.payment-details-section,.refund-calculator,.refund-form{padding:.75rem}.transaction-item{padding:.5rem}}.secure-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90vw}.modal-overlay{background:#000000b3}.modal-content{animation:modalSlideIn .3s ease-out;box-shadow:0 10px 40px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e1e8ed;margin-bottom:0;padding:24px 24px 16px}.modal-header h2{align-items:center;color:#2c3e50;display:flex;gap:8px}.close-btn{color:#7f8c8d;transition:all .2s ease}.close-btn:hover{background:#f8f9fa;color:#2c3e50}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e1e8ed;margin-top:0;padding:16px 24px 24px}.verification-step{text-align:center}.security-notice{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e1e8ed;border-radius:12px;margin-bottom:24px;padding:30px}.security-icon{font-size:3rem;margin-bottom:16px}.security-notice h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 12px}.security-notice p{color:#5a6c7d;font-size:15px;line-height:1.6;margin:0}.payment-summary{border:1px solid #e1e8ed;padding:20px;text-align:left}.payment-summary h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 16px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-item label{color:#5a6c7d;font-weight:500;margin-right:12px}.summary-item span{color:#2c3e50;font-weight:500}.code-notice{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:12px;margin-bottom:24px;padding:30px}.code-icon{font-size:3rem;margin-bottom:16px}.code-notice h3{color:#1565c0;font-size:1.3rem;font-weight:600;margin:0 0 12px}.code-notice p{color:#1976d2;font-size:15px;line-height:1.6;margin:0}.code-input-section{background:#fff;border:1px solid #e1e8ed;border-radius:8px;padding:24px;text-align:center}.code-input-section label{color:#2c3e50;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.code-input{border:2px solid #e1e8ed;font-family:Monaco,Menlo,monospace;font-size:24px;letter-spacing:4px;margin-bottom:8px;transition:border-color .2s ease}.code-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.code-input-section small{color:#7f8c8d;font-size:13px}.details-step{max-height:60vh;overflow-y:auto}.session-timer{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffcc02;display:flex;gap:8px;margin-bottom:24px;padding:12px 20px}.timer-icon{font-size:1.2rem}.session-timer span{color:#f57c00;font-size:14px;font-weight:600}.payment-details{display:flex;flex-direction:column;gap:24px}.details-section{background:#f8f9fa;border:1px solid #e1e8ed;padding:20px}.details-section h4{border-bottom:2px solid #e1e8ed;color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.details-grid{grid-gap:16px;gap:16px}.detail-item{gap:4px}.detail-item label{color:#5a6c7d;font-size:13px;letter-spacing:.5px}.detail-item span{color:#2c3e50;font-size:15px}.confirmation-number{background:#e8f5e8;border:1px solid #c8e6c9;border-radius:4px;color:#2e7d32!important;font-family:Monaco,Menlo,monospace;padding:4px 8px}.amount{color:#27ae60!important;font-size:16px!important;font-weight:700!important}.card-number{background:#f0f0f0;border-radius:4px;color:#2c3e50!important;font-family:Monaco,Menlo,monospace;padding:4px 8px}.capitalize{text-transform:capitalize}.status{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-failed{background:#f8d7da;color:#721c24}.status-refunded{background:#e2e3e5;color:#383d41}.session-expired{padding:40px 20px;text-align:center}.expired-icon{margin-bottom:20px}.session-expired h3{color:#e74c3c;font-size:1.4rem;font-weight:600;margin:0 0 16px}.session-expired p{color:#5a6c7d;font-size:15px;line-height:1.6;margin:0}.btn{gap:6px;min-width:120px;transition:all .2s ease}.btn-primary{background:#3498db}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6}.btn-secondary:hover:not(:disabled){background:#7f8c8d;transform:translateY(-1px)}.error-message{font-size:14px}@media (max-width:768px){.secure-modal{max-height:95vh;width:95vw}.modal-body,.modal-footer,.modal-header{padding-left:16px;padding-right:16px}.details-grid,.summary-grid{grid-template-columns:1fr}.summary-item{align-items:flex-start;flex-direction:column;gap:4px}.code-input{max-width:200px;width:100%}.modal-footer{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.code-notice,.security-notice{padding:20px}.code-icon,.security-icon{font-size:2.5rem}.details-section{padding:16px}}.subscription-management{margin:0 auto;max-width:800px;padding:2rem}.subscription-management-header{margin-bottom:2rem;text-align:center}.subscription-management-header h2{color:#333;font-size:2rem;margin-bottom:.5rem}.subscription-management-header p{color:#666;font-size:1.1rem}.subscription-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem}.subscription-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.subscription-icon{font-size:2.5rem;margin-right:1rem}.subscription-info{flex:1 1}.subscription-info h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.subscription-info p{color:#666;margin:0}.subscription-price{color:#333;font-size:2rem;font-weight:600;text-align:right}.subscription-price span{color:#666;font-size:1rem;font-weight:400}.subscription-details{display:flex;flex-direction:column;gap:1rem}.subscription-period,.subscription-status{align-items:center;display:flex;font-size:1rem}.subscription-period span:first-child,.subscription-status span:first-child{color:#333;font-weight:600;margin-right:.5rem}.status-badge{font-size:.875rem;text-transform:uppercase}.status-active{background:#d4edda;color:#155724}.status-canceled{background:#f8d7da;color:#721c24}.status-past-due{background:#fff3cd;color:#856404}.status-incomplete{background:#d1ecf1;color:#0c5460}.status-default{background:#e2e3e5;color:#383d41}.subscription-actions{margin-top:1rem}.cancel-subscription-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.cancel-subscription-button:hover:not(:disabled){background:#c82333}.resubscribe-button,.subscribe-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.resubscribe-button:hover:not(:disabled),.subscribe-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.subscription-not-active{padding:2rem 0;text-align:center}.subscription-not-active p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.checkout-form{background:#f8f9fa;border-radius:8px;padding:1.5rem}.cancel-button:disabled,.cancel-subscription-button:disabled,.resubscribe-button:disabled,.subscribe-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscription-loading{padding:3rem}.subscription-features{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.subscription-features h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{align-items:flex-start;display:flex;gap:1rem}.feature-icon{flex-shrink:0;font-size:2rem}.feature-item h4{color:#333;font-size:1.1rem;margin-bottom:.5rem}.feature-item p{color:#666;line-height:1.5;margin:0}@media (max-width:768px){.subscription-management{padding:1rem}.subscription-card{padding:1.5rem}.subscription-header{flex-direction:column;gap:1rem;text-align:center}.subscription-icon{margin-right:0}.subscription-price{text-align:center}.checkout-actions{flex-direction:column}.features-grid{grid-template-columns:1fr}.subscription-container{max-width:100%;overflow-x:hidden;padding:1rem}.subscription-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.subscription-header h2{font-size:1.5rem;margin-bottom:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-actions .btn{justify-content:center;min-height:44px;width:100%}.current-subscription{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.current-subscription h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.subscription-details{display:flex;flex-direction:column;gap:1rem}.subscription-detail-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.subscription-detail-item:last-child{border-bottom:none}.subscription-detail-label{color:#6b7280;font-size:.875rem;font-weight:500}.subscription-detail-value{color:#374151;font-size:.875rem;font-weight:600;text-align:right}.status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#059669}.status-cancelled{background-color:#fee2e2;color:#dc2626}.status-expired{background-color:#fef3c7;color:#d97706}.status-trial{background-color:#dbeafe;color:#1d4ed8}.plan-features{margin-top:1rem}.feature-list{list-style:none;margin:0;padding:0}.feature-item{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 0}.feature-icon{color:#059669;flex-shrink:0;height:1rem;width:1rem}.usage-stats{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.usage-stats h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.usage-grid{display:flex;flex-direction:column;gap:1rem}.usage-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.usage-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.usage-item-title{color:#374151;font-size:.875rem;font-weight:600}.usage-item-value{color:#2563eb;font-size:1rem;font-weight:700}.usage-progress{background-color:#e5e7eb;border-radius:.25rem;height:.5rem;margin-bottom:.5rem;overflow:hidden;width:100%}.usage-progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:.25rem;height:100%;transition:width .3s ease}.usage-progress-fill.warning{background:linear-gradient(90deg,#d97706,#f59e0b)}.usage-progress-fill.danger{background:linear-gradient(90deg,#dc2626,#ef4444)}.usage-description{color:#6b7280;font-size:.75rem;line-height:1.4}.available-plans{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.available-plans h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.plans-grid{display:flex;flex-direction:column;gap:1rem}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;position:relative;transition:all .2s}.plan-card.current{background:#f8fafc;border-color:#2563eb}.plan-card.recommended{background:#f0fdf4;border-color:#059669}.plan-card.recommended:before{background:#059669;border-radius:.25rem;color:#fff;content:"Recommended";font-size:.75rem;font-weight:600;left:1rem;padding:.25rem .75rem;position:absolute;top:-.5rem}.plan-header{margin-bottom:1rem}.plan-name{color:#374151;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.plan-price{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.5rem}.plan-price-amount{color:#2563eb;font-size:2rem;font-weight:700}.plan-price-currency{color:#6b7280;font-size:1rem;font-weight:500}.plan-description,.plan-price-period{color:#6b7280;font-size:.875rem}.plan-description{line-height:1.4;margin-bottom:1rem}.plan-features{margin-bottom:1.5rem}.plan-features h4{color:#374151;margin-bottom:.75rem}.plan-action,.plan-features h4{font-size:.875rem;font-weight:600}.plan-action{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;min-height:44px;padding:.75rem;transition:all .2s;width:100%}.plan-action.primary{background:#2563eb;color:#fff}.plan-action.primary:hover{background:#1d4ed8}.plan-action.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.plan-action.secondary:hover{background:#e5e7eb}.plan-action:disabled{cursor:not-allowed;opacity:.5}.billing-history{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.billing-history h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.billing-table-container{overflow:visible}.billing-table,.billing-table tbody,.billing-table td,.billing-table th,.billing-table thead,.billing-table tr{display:block}.billing-table thead tr{left:-9999px;position:absolute;top:-9999px}.billing-table tr{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:1rem;position:relative}.billing-table td{border:none;border-bottom:1px solid #e5e7eb;overflow:visible;padding:.5rem 0 .5rem 35%;position:relative;text-align:right;text-overflow:clip;white-space:normal}.billing-table td:last-child{border-bottom:none;padding-bottom:0}.billing-table td:before{color:#374151;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:30%}.payment-methods{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.payment-methods h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.payment-method-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem}.payment-method-card:last-child{margin-bottom:0}.payment-method-card.default{background:#f8fafc;border-color:#2563eb}.payment-method-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2.5rem}.payment-method-details{flex:1 1}.payment-method-type{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.payment-method-info{color:#6b7280;font-size:.75rem}.payment-method-actions{display:flex;flex-direction:column;gap:.25rem}.payment-method-actions button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;text-align:right}.payment-method-actions button:hover{color:#1d4ed8}.payment-method-actions button.danger{color:#dc2626}.payment-method-actions button.danger:hover{color:#b91c1c}.add-payment-method{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem;transition:all .2s;width:100%}.add-payment-method:hover{border-color:#2563eb;color:#2563eb}.subscription-actions{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.subscription-actions h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.action-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem;transition:all .2s;width:100%}.action-button.primary{background:#2563eb;color:#fff}.action-button.primary:hover{background:#1d4ed8}.action-button.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.action-button.secondary:hover{background:#e5e7eb}.action-button.danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.action-button.danger:hover{background:#fecaca}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-state-icon{height:3rem;margin:0 auto 1rem;opacity:.5;width:3rem}.empty-state h3{color:#374151;font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin-bottom:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{height:2rem;margin-bottom:1rem;width:2rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a}}@media (max-width:480px){.subscription-container{padding:.75rem}.available-plans,.billing-history,.current-subscription,.payment-methods,.plan-card,.subscription-actions,.usage-stats{padding:1rem}.billing-table tr,.payment-method-card,.usage-item{padding:.75rem}}.profile-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.profile-form-section{margin-bottom:2rem}.profile-form-section:last-child{margin-bottom:0}.background-theme-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.background-theme-option{background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.background-theme-option:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.background-theme-option.selected{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a}.background-theme-preview{border-radius:.375rem;height:80px;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.background-theme-preview.pattern{background-size:20px 20px!important}.background-theme-name{color:#374151;font-size:.875rem;font-weight:500;text-align:center}.background-theme-check{align-items:center;background-color:#3b82f6;border-radius:50%;display:flex;height:1.5rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.background-theme-check svg{color:#fff;height:1rem;width:1rem}@media (max-width:768px){.background-theme-grid{grid-template-columns:repeat(2,1fr)}}.profile-message{border-radius:.5rem;font-size:.875rem;font-weight:500;margin-bottom:1rem;margin-top:1rem;padding:1rem}.profile-message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.profile-message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.background-theme-option{animation:fadeIn .3s ease}.agent-analytics-container{background-color:#f8f9fa;min-height:calc(100vh - 180px);padding:20px}.loading-spinner{flex-direction:column;min-height:400px}.spinner{border:4px solid #e0e0e0}.loading-spinner p{color:#6b7280;font-size:14px;margin-top:16px}.error-message{background:#fff;box-shadow:0 1px 3px #0000001a;padding:40px}.error-message p{color:#ef4444;margin-bottom:16px}.retry-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.retry-btn:hover{background-color:#2563eb}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.analytics-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0}.period-selector{align-items:center;display:flex;gap:12px}.period-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.period-select:hover{border-color:#9ca3af}.period-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.custom-date-range{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.custom-date-range span{color:#6b7280;font-size:14px}.date-input{border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:14px;padding:4px 8px}.date-input:focus{border-color:#3b82f6;outline:none}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card{background-color:#fff;box-shadow:0 1px 3px #0000001a;padding:24px;transition:box-shadow .2s}.analytics-card:hover{box-shadow:0 4px 6px #0000001a}.analytics-card h2{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.analytics-card.full-width{grid-column:1/-1}.metrics-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.metric{background-color:#f9fafb;border-radius:6px;padding:12px;text-align:center}.metric-value{color:#1f2937;display:block;font-size:24px;margin-bottom:4px}.metric-label{display:block;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.metric.highlight{background-color:#eff6ff}.metric.highlight .metric-value{color:#3b82f6}.demographics-content{display:flex;flex-direction:column;gap:12px}.demographic-item{background-color:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.demo-label{color:#6b7280;font-size:14px}.demo-value{color:#1f2937;font-size:16px;font-weight:600}.conversion-content{display:flex;flex-direction:column;gap:20px}.conversion-rate{background-color:#f0fdf4;border-radius:8px;padding:20px;text-align:center}.rate-value{color:#16a34a;display:block;font-size:36px;font-weight:700;margin-bottom:4px}.rate-label{color:#6b7280;display:block;font-size:14px}.conversion-details{display:flex;flex-direction:column;gap:8px}.detail-item{background-color:#f9fafb;border-radius:4px;justify-content:space-between;padding:8px 12px}.detail-label{color:#6b7280}.detail-value{color:#1f2937;font-size:14px}.revenue-trends{overflow-x:auto}.trends-table{min-width:400px;width:100%}.trends-header{background-color:#f3f4f6;border-radius:6px 6px 0 0;color:#374151;font-weight:600}.trend-row,.trends-header{display:grid;font-size:14px;grid-template-columns:1fr 1fr 1fr;padding:12px}.trend-row{border-bottom:1px solid #e5e7eb}.trend-row:last-child{border-bottom:none}.trend-row:hover{background-color:#f9fafb}.supplier-performance{overflow-x:auto}.supplier-table{min-width:500px;width:100%}.supplier-header{background-color:#f3f4f6;border-radius:6px 6px 0 0;color:#374151;font-weight:600}.supplier-header,.supplier-row{display:grid;font-size:14px;grid-template-columns:2fr 1fr 1.5fr 1.5fr;padding:12px}.supplier-row{border-bottom:1px solid #e5e7eb}.supplier-row:last-child{border-bottom:none}.supplier-row:hover{background-color:#f9fafb}.client-activity{display:flex;flex-direction:column;gap:16px}.activity-stat{background-color:#f9fafb;border-radius:6px;padding:16px;text-align:center}.stat-value{color:#1f2937;display:block;font-size:28px;margin-bottom:4px}.stat-label{color:#6b7280;display:block;font-size:14px}.no-data{font-size:14px;padding:40px}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:16px}.period-selector{width:100%}.period-select{flex:1 1}.custom-date-range{flex-wrap:wrap}.analytics-grid,.metrics-grid{grid-template-columns:1fr}.supplier-header,.supplier-row,.trend-row,.trends-header{font-size:12px}}@media (max-width:480px){.analytics-header h1{font-size:24px}.analytics-card{padding:16px}.analytics-card h2{font-size:16px;margin-bottom:16px}.metric-value{font-size:20px}.rate-value{font-size:28px}.stat-value{font-size:24px}}@media (max-width:768px){.analytics-container{max-width:100%;overflow-x:hidden;padding:1rem}.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.analytics-header h2{font-size:1.5rem;margin-bottom:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-actions .btn{justify-content:center;min-height:44px;width:100%}.analytics-filters{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.date-range-group{flex-direction:column;gap:.5rem;width:100%}.date-input,.filter-select{font-size:1rem;min-height:44px;padding:.75rem;width:100%}.analytics-stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1rem;text-align:center}.stat-card h3{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-card .stat-change{font-size:.75rem;font-weight:500}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.charts-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1rem}.chart-card h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.chart-container{height:250px;overflow:hidden;width:100%}.performance-metrics{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.metric-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1rem}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.metric-title{color:#374151;font-size:.875rem;font-weight:600}.metric-value{color:#2563eb;font-size:1.25rem;font-weight:700}.metric-description{color:#6b7280;font-size:.75rem;line-height:1.4}.progress-bar{background-color:#e5e7eb;border-radius:.25rem;height:.5rem;margin-top:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:.25rem;height:100%;transition:width .3s ease}.top-performers{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1rem}.top-performers h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.performer-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.performer-item:last-child{margin-bottom:0}.performer-info{flex:1 1}.performer-name{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.performer-metric{color:#6b7280;font-size:.75rem}.performer-value{color:#059669;font-size:.875rem;font-weight:700}.recent-activity{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1rem}.recent-activity h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.activity-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.activity-item:last-child{margin-bottom:0}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.activity-icon.commission{background-color:#d1fae5;color:#059669}.activity-icon.quote{background-color:#dbeafe;color:#2563eb}.activity-icon.client{background-color:#fef3c7;color:#d97706}.activity-content{flex:1 1}.activity-title{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.activity-description{color:#6b7280;font-size:.75rem;line-height:1.4;margin-bottom:.25rem}.activity-time{color:#9ca3af;font-size:.625rem}.export-section{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1rem}.export-section h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.export-options{display:flex;flex-direction:column;gap:.5rem}.export-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem;transition:all .2s;width:100%}.export-btn:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{height:2rem;margin-bottom:1rem;width:2rem}.loading-text{color:#6b7280;font-size:.875rem;text-align:center}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:1rem}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-state-icon{height:3rem;margin:0 auto 1rem;opacity:.5;width:3rem}.empty-state h3{color:#374151;font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin-bottom:1rem}}@media (max-width:480px){.analytics-container,.analytics-filters,.chart-card,.export-section,.metric-card,.recent-activity,.stat-card,.top-performers{padding:.75rem}.chart-container{height:200px}.activity-item,.performer-item{padding:.5rem}}.supplier-request-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.form-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.form-header h1{color:#333;font-size:2rem;margin-bottom:10px}.form-header p{color:#666;font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:600px}.supplier-form{display:flex;flex-direction:column;gap:25px}.form-section{background:#f9f9f9;border-left:4px solid #4a90e2;border-radius:6px;padding:20px}.form-section h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 15px}.form-row{margin-bottom:15px}.form-row:last-child{margin-bottom:0}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c}.form-group textarea{min-height:100px}.field-hint{color:#666;font-style:italic}.error-text,.field-hint{font-size:.85rem;margin-top:5px}.error-text{color:#e74c3c;font-weight:500}.error-banner{background:#ffeaea;border:1px solid #e74c3c;border-radius:4px;color:#c0392b;font-weight:500;margin-bottom:20px;padding:12px}.form-actions{border-top:2px solid #f0f0f0;text-align:center}.btn{display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px}.btn-primary{background:#4a90e2}.btn-primary:hover:not(:disabled){background:#357abd;box-shadow:0 4px 12px #4a90e24d}.btn:disabled{transform:none}.info-section{background:#e8f4fd;border-left:4px solid #4a90e2;border-radius:6px;margin-top:30px;padding:20px}.info-section h4{color:#333;font-size:1.1rem;margin:0 0 10px}.info-section ul{color:#555;margin:0;padding-left:20px}.info-section li{line-height:1.4;margin-bottom:5px}.success-message{padding:40px 20px;text-align:center}.success-icon{color:#27ae60;font-size:4rem}.success-message h2{color:#27ae60;font-size:1.8rem;margin-bottom:15px}.success-message p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:500px}@media (max-width:768px){.supplier-request-form{margin:10px;padding:15px}.form-header h1{font-size:1.6rem}.form-header p{font-size:1rem}.form-row{gap:15px;grid-template-columns:1fr}.form-section{padding:15px}.form-section h3{font-size:1.2rem}}@media (max-width:480px){.supplier-request-form{margin:5px;padding:10px}.form-header{margin-bottom:20px}.form-header h1{font-size:1.4rem}.form-section{padding:12px}.btn{padding:14px;width:100%}}.quote-builder{margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.quote-builder{margin:0;padding:16px}.quote-builder-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:16px}.quote-builder-header h1{font-size:1.5rem;line-height:1.2}.quote-actions{flex-direction:column;gap:12px;width:100%}.quote-actions .btn{font-size:16px;min-height:48px;padding:14px 20px;width:100%}.progress-steps{flex-direction:column;gap:12px;margin-bottom:24px;padding:0}.step{background:#f9fafb;border:2px solid #0000;border-radius:8px;justify-content:flex-start;padding:12px 16px}.step.active{background:#eff6ff;border-color:#3b82f6}.step.completed{background:#f0fdf4;border-color:#10b981}.step-number{font-size:12px;height:24px;width:24px}.step-title{font-size:14px;font-weight:600}.step-content{padding:16px 0}.client-selection{gap:16px}.client-search{margin-bottom:16px}.client-search input{border-radius:8px;font-size:16px;min-height:48px;padding:12px 16px;width:100%}.clients-grid{gap:12px;grid-template-columns:1fr}.client-card{border-radius:8px;padding:16px}.form-row{flex-direction:column;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-input,.form-select{border:1px solid #d1d5db;border-radius:8px;font-size:16px;min-height:48px;padding:12px 16px;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}textarea.form-input{min-height:80px;resize:vertical}.component-types{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.component-type{align-items:center;border-radius:8px;display:flex;gap:12px;padding:16px;text-align:left}.component-type-icon{font-size:24px}.component-type-name{font-size:16px;font-weight:600}.components-list{gap:16px}.component-card{border-radius:8px;margin-bottom:16px;padding:16px}.component-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:12px}.component-title{font-size:16px;font-weight:600}.component-actions{display:flex;gap:8px;width:100%}.component-actions .btn{flex:1 1;font-size:14px;min-height:40px;padding:8px 12px}.modal-overlay{align-items:flex-start;padding:20px 8px 8px}.modal-content{border-radius:12px;margin:0;max-height:calc(100vh - 40px);max-width:100%}.modal-header{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{font-size:1.25rem;margin:0}.modal-close{border-radius:50%;font-size:20px;height:32px;width:32px}.modal-body{max-height:calc(100vh - 160px);overflow-y:auto;padding:16px}.step-navigation{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;gap:12px;padding:16px;position:-webkit-sticky;position:sticky}.step-navigation .btn{border-radius:8px;flex:1 1;font-size:16px;min-height:48px;padding:14px 20px}.step-navigation .btn-secondary{order:-1}.travelers-section{margin-bottom:24px}.travelers-controls{flex-direction:column;gap:16px}.traveler-control{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.traveler-control label{font-size:14px;font-weight:600}.traveler-input{align-items:center;display:flex;gap:12px}.traveler-input button{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.traveler-input input{border:1px solid #d1d5db;border-radius:4px;padding:8px;text-align:center;width:60px}}.quote-builder-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.quote-builder-header h1{color:#333;font-size:28px;margin:0}.quote-actions{display:flex;gap:10px}.progress-steps{display:flex;justify-content:space-between;margin-bottom:40px;padding:0 50px}.step{align-items:center;display:flex;gap:10px;opacity:.5;transition:opacity .3s ease}.step.active,.step.completed{opacity:1}.step-number{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#666;display:flex;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.step.active .step-number{background-color:#007bff;color:#fff}.step.completed .step-number{background-color:#28a745;color:#fff}.step-label{color:#666;font-size:14px;font-weight:500}.step.active .step-label{color:#007bff}.step.completed .step-label{color:#28a745}.step-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.step-content h2{color:#333;margin-bottom:20px}.client-selection{display:flex;gap:20px;margin-bottom:30px}.selected-client{background-color:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px}.selected-client h3{color:#333;margin-bottom:15px}.client-info p{color:#666;margin:5px 0}.trip-details-form{max-width:600px}.form-group label{color:#333;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-actions{border-top:1px solid #e0e0e0;justify-content:space-between;padding-top:20px}.form-actions,.travelers-section{margin-top:30px}.travelers-section h3{color:#333;margin-bottom:15px}.child-age{align-items:center;display:flex;gap:10px;margin-bottom:10px}.child-age input{width:80px}.component-types{margin-bottom:30px}.component-types h3{color:#333;margin-bottom:15px}.component-type-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.component-type-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 10px;transition:all .3s ease}.component-type-btn:hover{background-color:#f8f9fa;border-color:#007bff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.component-icon{font-size:32px}.component-name{color:#333;font-size:14px;font-weight:500}.components-list{margin-top:40px}.components-list h3{color:#333;margin-bottom:15px}.component-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:20px}.component-header{margin-bottom:10px}.component-header h4{color:#333;font-size:18px;margin:0}.component-actions{display:flex;gap:10px}.component-details p{color:#666;margin:5px 0}.component-price{color:#28a745;font-size:18px;font-weight:700}.quote-preview{margin:0 auto;max-width:800px}.preview-header{margin-bottom:30px;text-align:center}.preview-header h3{color:#333;font-size:24px;margin-bottom:5px}.preview-date{color:#666;font-size:14px}.preview-client,.preview-components,.preview-pricing,.preview-trip{background-color:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.preview-client h4,.preview-components h4,.preview-pricing h4,.preview-trip h4{color:#333;font-size:18px;margin-bottom:15px}.preview-component{background:#fff;border-radius:4px;margin-bottom:10px;padding:15px}.preview-component-header{font-weight:500;margin-bottom:5px}.preview-component-header,.pricing-row{display:flex;justify-content:space-between}.pricing-row{align-items:center;border-bottom:1px solid #e0e0e0;padding:10px 0}.price-total{color:#28a745;font-size:24px;font-weight:700}.deposit-section,.notes-section{margin-top:20px}.btn{border-radius:4px;padding:10px 20px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger{background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{padding:5px 10px}.modal-content{display:flex;flex-direction:column;max-width:90%;overflow:hidden}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{color:#333}.modal-close{color:#666;height:30px;width:30px}.modal-close:hover{color:#333}.client-item{border-radius:4px}.client-item:hover{border-color:#007bff}.client-item strong{color:#333;display:block;margin-bottom:5px}.client-item span{color:#666;font-size:14px}.alert{border-radius:4px;margin:20px 0;padding:15px}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.quote-builder-header{align-items:flex-start;flex-direction:column;gap:15px}.progress-steps{font-size:12px;padding:0 10px}.step-label{display:none}.form-row{grid-template-columns:1fr}.component-type-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.component-type-btn{padding:15px 5px}.component-icon{font-size:24px}.component-name{font-size:12px}.form-actions{flex-direction:column;gap:10px}.form-actions .btn{width:100%}}.component-form{margin:0 auto;max-width:800px}.form-group{contain:layout;overflow:hidden;position:relative}.form-section{border-bottom:1px solid #e0e0e0;isolation:isolate;margin-bottom:30px;padding-bottom:20px;position:relative}.form-section:last-child{border-bottom:none}.form-section h4{color:#333;font-size:18px;margin-bottom:15px}.file-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;contain:layout style;display:block;font-size:14px;height:auto;max-height:40px;max-width:100%;min-height:40px;overflow:hidden;padding:8px;position:static;z-index:auto}.readonly-input{background-color:#f5f5f5!important;color:#666!important;cursor:not-allowed!important}.error{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540!important}.error-message{color:#dc3545;margin-top:.25rem}.children-ages-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:10px}.child-age-input{display:flex;flex-direction:column}.child-age-input label{color:#666;font-size:.875rem;margin-bottom:5px}.child-age-input select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.file-info{color:#666;font-size:.875rem;font-style:italic;margin-top:5px}.activity-form .form-row,.car-rental-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.activity-form .form-row.three-columns,.car-rental-form .form-row.three-columns{grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.activity-form .form-row,.car-rental-form .form-row{gap:15px;grid-template-columns:1fr}.children-ages-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.file-list{margin-top:10px}.file-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;justify-content:space-between;margin-bottom:5px;padding:8px 12px}.file-item span{color:#495057;flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item button{background-color:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.75rem;margin-left:10px;padding:4px 8px}.file-item button:hover{background-color:#c82333}.file-upload-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 16px;text-align:center;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.file-upload-button:hover{background-color:#0056b3}.file-upload-button:active{background-color:#004085}.form-group label input[type=checkbox]{margin-right:8px;width:auto}.client-modal{display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden}.client-modal .modal-body{overflow-y:auto;padding:20px}.client-modal-actions{display:flex;gap:15px;margin-bottom:20px}.search-input:focus{border-color:#2563eb;outline:none}.client-list{max-height:400px;overflow-y:auto}.client-item{border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s ease}.client-item:hover{background-color:#f8f9fa;border-color:#2563eb}@media (max-width:768px){.client-modal{border-radius:12px;margin:20px 8px;max-height:calc(100vh - 40px);max-width:100%}.client-modal .modal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.client-modal .modal-header h3{font-size:1.25rem!important;margin:0}.client-modal .modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.client-modal .modal-body{max-height:calc(100vh - 140px);overflow-y:auto;padding:16px}.client-modal-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.search-input{border:1px solid #d1d5db;order:1;padding:12px 16px}.client-modal-actions .btn,.search-input{border-radius:8px;font-size:16px!important;width:100%}.client-modal-actions .btn{min-height:48px;order:2;padding:14px 20px}.client-list{max-height:none}.client-item{border-radius:8px;margin-bottom:12px;padding:16px;touch-action:manipulation}.client-item h4{font-size:16px!important;margin-bottom:8px}.client-item p{font-size:14px!important;line-height:1.4;margin-bottom:4px}.no-clients{color:#6b7280;font-size:16px!important;padding:40px 20px;text-align:center}.client-modal form{padding:0}.client-modal .form-group{margin-bottom:16px}.client-modal .form-group label{color:#374151;display:block;font-size:14px!important;font-weight:600;margin-bottom:6px}.client-modal .form-group input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px!important;padding:12px 16px;width:100%}.client-modal .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.client-modal .form-group input.error{border-color:#ef4444}.client-modal .error-text{color:#ef4444;display:block;font-size:12px!important;margin-top:4px}.client-modal .form-row{display:flex;flex-direction:column;gap:16px}.client-modal h4{border-bottom:1px solid #e5e7eb;color:#374151;font-size:16px!important;font-weight:600;margin:24px 0 16px;padding-bottom:8px}.client-modal .form-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:20px;position:-webkit-sticky;position:sticky}.client-modal .form-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:16px!important;font-weight:600;min-height:48px;padding:14px 20px;width:100%}.client-modal .form-actions .btn-primary{background:#3b82f6;color:#fff;order:-1}.client-modal .form-actions .btn-primary:hover{background:#2563eb}.client-modal .form-actions .btn-secondary{background:#6b7280;color:#fff}.client-modal .form-actions .btn-secondary:hover{background:#4b5563}}.client-item-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.client-item-main strong{color:#1f2937;font-size:16px}.client-email{color:#6b7280;font-size:14px}.client-item-sub{align-items:center;color:#6b7280;display:flex;font-size:13px;justify-content:space-between}.quote-count{background-color:#e5e7eb;border-radius:12px;font-size:12px;padding:2px 8px}.no-clients{color:#6b7280;padding:40px;text-align:center}.create-client-form h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;margin-bottom:15px;margin-top:20px;padding-bottom:10px}.create-client-form h4:first-child{margin-top:0}.create-client-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.create-client-form .form-group{display:flex;flex-direction:column}.create-client-form label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:5px}.create-client-form input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.create-client-form input:focus{border-color:#2563eb;outline:none}.create-client-form input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:12px;margin-top:4px}.create-client-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px}.component-library-modal{display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95vw}.library-filters{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px}.filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:200px}.filter-group label{color:#374151;font-size:14px;font-weight:600}.filter-input,.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.filter-input:focus,.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.library-content{flex:1 1;overflow-y:auto;padding:20px}.templates-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:all .2s ease}.template-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.template-image{height:180px;overflow:hidden;position:relative}.template-image img{height:100%;object-fit:cover;width:100%}.template-overlay{position:absolute;right:10px;top:10px}.template-supplier{background:#2563ebe6;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.template-content{padding:16px}.template-name{color:#111827;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.template-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 12px;overflow:hidden}.template-category{margin-bottom:12px}.category-badge{background:#f3f4f6;border-radius:4px;color:#374151;font-size:12px;font-weight:500;padding:4px 8px}.template-actions{display:flex;justify-content:center}.template-actions .btn{width:100%}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;font-size:16px;height:200px;justify-content:center}.empty-state{flex-direction:column;gap:10px}@media (max-width:768px){.component-library-modal{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}.filter-row{flex-direction:column;gap:15px}.filter-group{min-width:auto;width:100%}.templates-grid{gap:15px;grid-template-columns:1fr}.template-card{margin:0}}.component-library-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.component-library-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.components-section{width:100%}.add-component-buttons{display:flex;gap:12px}.photo-selection{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.photo-option{position:relative}.photo-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.photo-label{border:3px solid #0000;border-radius:8px;cursor:pointer;display:block;overflow:hidden;position:relative;transition:all .3s ease}.photo-label:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}.photo-label img{display:block;height:120px;object-fit:cover;width:100%}.photo-option input[type=radio]:checked+.photo-label{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.photo-option input[type=radio]:checked+.photo-label:after{align-items:center;background:#667eea;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.help-text{color:#666;font-size:14px;font-style:italic;margin-top:10px}@media (max-width:768px){.add-component-buttons{flex-direction:column}.component-library-btn{justify-content:center;width:100%}}.quotes-list{margin:0 auto;max-width:1400px;padding:20px}.quotes-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.quotes-header h1{color:#1f2937;font-size:28px;margin:0}.quotes-header .btn-primary{flex-shrink:0;white-space:nowrap}.quotes-list .btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;text-decoration:none;transition:all .2s;white-space:nowrap}.quotes-list .btn-primary{background-color:#3b82f6;color:#fff}.quotes-list .btn-primary:hover{background-color:#2563eb}.quotes-list .btn-secondary{background-color:#6b7280;color:#fff}.quotes-list .btn-secondary:hover{background-color:#4b5563}.quotes-list .btn-info{background-color:#06b6d4;color:#fff}.quotes-list .btn-info:hover{background-color:#0891b2}.quotes-list .btn-danger{background-color:#dc2626;color:#fff}.quotes-list .btn-danger:hover{background-color:#b91c1c}.quotes-filters{display:flex;gap:15px;margin-bottom:20px}.search-input{flex:1 1}.search-input,.status-filter{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 15px}.status-filter{background-color:#fff;cursor:pointer;min-width:150px}.quotes-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.quotes-table{border-collapse:collapse;width:100%}.quotes-table th{background-color:#f8f9fa;color:#4b5563;font-weight:600;padding:12px 16px;text-align:left}.quotes-table td,.quotes-table th{border-bottom:1px solid #e5e7eb;font-size:14px}.quotes-table td{padding:16px}.quotes-table tr:hover{background-color:#f9fafb}.quotes-table small{color:#6b7280;font-size:12px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.badge-gray{background-color:#e5e7eb;color:#4b5563}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-green{background-color:#d1fae5;color:#065f46}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-orange{background-color:#fed7aa;color:#9a3412}.badge-purple{background-color:#ede9fe;color:#6b21a8}.badge-teal{background-color:#ccfbf1;color:#134e4a}.badge-emerald{background-color:#d1fae5;color:#064e3b}.badge-info{background-color:#dbeafe;color:#1e40af;display:inline-block;margin-bottom:4px}.source-badge{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px}.source-text{color:#6b7280;display:block;font-size:11px;margin-top:2px}.quotes-table tr[data-source=website_contact]{background-color:#f0f9ff;border-left:3px solid #3b82f6}.quotes-table tr[data-source=website_contact]:hover{background-color:#e0f2fe}.actions{align-items:center;display:flex;gap:8px}.quotes-list .btn-sm{font-size:12px;padding:6px 12px}.quotes-list .btn-success{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.quotes-list .btn-success:hover{background-color:#059669}.quotes-list .btn-success:disabled{background-color:#9ca3af;cursor:not-allowed}.converted-text{align-items:center;color:#10b981;display:inline-flex;font-size:14px;font-weight:500;gap:4px}.no-quotes{color:#6b7280;padding:60px 20px;text-align:center}.no-quotes p{font-size:16px;margin-bottom:20px}.text-gray{color:#9ca3af}.error,.loading{font-size:16px;padding:40px}.error{color:#ef4444}.convert-dialog{padding:0}.modal-header{padding:20px}.modal-header h2{color:#1f2937;font-size:20px}.close-btn{align-items:center;border-radius:4px;color:#6b7280;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:20px}.warning-message{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;margin-bottom:20px;padding:16px}.warning-message p{color:#92400e;font-size:14px;margin:0 0 8px}.warning-message p:last-child{margin-bottom:0}.quote-details{background-color:#f9fafb;border-radius:6px;padding:16px}.quote-details h3{color:#1f2937;font-size:16px;margin:0 0 12px}.quote-details p{color:#4b5563;font-size:14px;margin:0 0 8px}.quote-details p:last-child{margin-bottom:0}.modal-footer{padding:20px}@media (max-width:768px){.quotes-header{align-items:stretch;flex-direction:column}.quotes-header .btn-primary{width:100%}.quotes-filters{flex-direction:column}.quotes-table-container{overflow-x:auto}.quotes-table{min-width:800px}.actions{flex-wrap:wrap}.modal-content{margin:20px;width:95%}}.website-management{margin:0 auto;max-width:1400px;padding:24px}.website-header{margin-bottom:32px}.website-header h1{color:#1a202c;font-size:28px;font-weight:700;margin-bottom:8px}.website-subtitle{color:#718096;font-size:16px}.website-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:4px;margin-bottom:32px}.website-tab{background:none;border:none;color:#718096;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s}.website-tab:hover{color:#4a5568}.website-tab.active{color:#3182ce}.website-tab.active:after{background:#3182ce;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.website-loading{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:120px 20px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3182ce;height:48px;margin-bottom:16px;width:48px}.content-selection{display:flex;flex-direction:column;gap:48px}.content-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.content-section h2{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:8px}.section-description{color:#718096;font-size:14px;margin-bottom:24px}.category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-checkbox{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s}.category-checkbox:hover{background:#edf2f7;border-color:#cbd5e0}.category-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin-right:12px;width:18px}.category-label{color:#4a5568;font-size:15px;font-weight:500}.suppliers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding-right:8px}.supplier-checkbox{align-items:flex-start;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:all .2s}.supplier-checkbox:hover{background:#edf2f7;border-color:#cbd5e0}.supplier-checkbox input[type=checkbox]{flex-shrink:0;margin-right:12px;margin-top:2px}.supplier-info{display:flex;flex-direction:column;gap:4px}.supplier-name{color:#2d3748;font-size:15px;font-weight:600}.supplier-categories{color:#718096;font-size:13px}.content-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-height:500px;overflow-y:auto;padding-right:8px}.content-card-item{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s}.content-card-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.content-checkbox{cursor:pointer;display:flex;padding:16px}.content-checkbox input[type=checkbox]{flex-shrink:0;margin-right:12px;margin-top:4px}.content-info h3{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:8px}.content-info p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.content-meta{display:flex;font-size:13px;gap:16px}.content-supplier{color:#4a5568;font-weight:500}.content-category{background:#edf2f7;border-radius:4px;color:#718096;padding:2px 8px}.settings-actions{justify-content:center;margin-top:48px}.btn-save-settings{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-weight:600;transition:all .3s}.btn-save-settings:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.blog-management{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.blog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.blog-header h2{color:#2d3748;font-size:24px;font-weight:600}.btn-new-blog{align-items:center;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-new-blog:hover{background:#2c5282;box-shadow:0 4px 12px #3182ce4d;transform:translateY(-1px)}.blog-posts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.blog-post-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s}.blog-post-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.blog-post-image{background:#f7fafc;height:200px;overflow:hidden;width:100%}.blog-post-image img{height:100%;object-fit:cover;width:100%}.blog-post-placeholder{align-items:center;background:#edf2f7;display:flex;height:100%;justify-content:center;width:100%}.blog-post-placeholder svg{color:#cbd5e0;height:48px;width:48px}.blog-post-content{padding:20px}.blog-post-content h3{color:#2d3748;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:8px}.blog-excerpt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:16px;overflow:hidden}.blog-meta{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:16px}.blog-category{background:#edf2f7;border-radius:4px;color:#4a5568;font-weight:500;padding:4px 12px}.blog-date{color:#718096}.blog-actions{display:flex;gap:12px}.btn-delete,.btn-edit{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-edit{border-color:#3182ce;color:#3182ce}.btn-edit:hover{background:#ebf8ff;border-color:#2c5282}.btn-delete{border-color:#e53e3e;color:#e53e3e}.btn-delete:hover{background:#fff5f5;border-color:#c53030}.empty-state h3{font-size:20px;margin-bottom:8px}.empty-state p{color:#718096;font-size:15px}.website-preview{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.preview-header h2{color:#2d3748;font-size:24px;font-weight:600}.btn-view-live{align-items:center;background:#48bb78;border-radius:8px;color:#fff;display:flex;font-size:15px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-view-live:hover{background:#38a169;box-shadow:0 4px 12px #48bb784d;transform:translateY(-1px)}.preview-iframe-container{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;height:800px;overflow:hidden;width:100%}.preview-iframe{border:none;height:100%;width:100%}.modal-overlay{align-items:flex-start;overflow-y:auto;padding:40px 20px}.modal-content{margin:auto;max-width:800px;width:100%}.blog-modal{max-width:900px}.modal-header{padding:24px 32px}.modal-header h2{color:#2d3748;font-size:24px}.modal-close{border-radius:6px;color:#718096;font-size:24px;height:36px;transition:all .2s;width:36px}.modal-close:hover{background:#f7fafc;color:#4a5568}.blog-form{padding:32px}.form-group,.form-row{margin-bottom:24px}.form-row{grid-gap:24px;gap:24px}.form-group label{color:#4a5568;font-size:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;color:#2d3748;font-size:15px;padding:10px 14px}.form-group textarea{resize:vertical}.file-upload-area{border:2px dashed #e2e8f0;border-radius:8px;padding:20px}.file-upload-label{background:#3182ce;color:#fff;display:inline-block;padding:10px 20px}.file-upload-label:hover{background:#2c5282}.uploaded-files{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:16px}.uploaded-file{border-radius:6px;height:100px;overflow:hidden;position:relative;width:100px}.uploaded-file img{height:100%;object-fit:cover;width:100%}.uploaded-file button{align-items:center;background:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;width:24px}.uploaded-file button:hover{background:#000c}.modal-actions{margin-top:32px}.btn-cancel{background:#fff;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.btn-primary{border-radius:6px;font-size:15px;padding:10px 24px}.btn-primary:hover{background:#2c5282;box-shadow:0 4px 12px #3182ce4d;transform:translateY(-1px)}@media (max-width:768px){.website-management{padding:16px}.content-section{padding:20px}.blog-posts-grid,.form-row{grid-template-columns:1fr}.preview-iframe-container{height:600px}.website-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.website-tab{white-space:nowrap}}.error-message,.success-message{align-items:center;animation:slideIn .3s ease-out;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-message{background-color:#fed7d7;border:1px solid #feb2b2;color:#c53030}.success-message{background-color:#c6f6d5;border:1px solid #9ae6b4;color:#2d7d32}.error-message p,.success-message p{font-weight:500;margin:0}.error-message button,.success-message button{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;font-weight:600;padding:4px 8px;transition:background-color .2s}.error-message button:hover{background-color:#c530301a}.success-message button:hover{background-color:#2d7d321a}.website-settings{max-width:800px}.settings-header h2{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:24px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:24px}.settings-section h3{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.form-row{grid-gap:16px;gap:16px;margin-bottom:16px}.form-group label{color:#2d3748;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group small{color:#718096;display:block;font-size:12px;margin-top:4px}.subdomain-input{align-items:center;border:1px solid #d1d5db;border-radius:6px;display:flex;overflow:hidden}.subdomain-input input{border:none;border-radius:0;flex:1 1}.subdomain-input span{background:#f7fafc;border-left:1px solid #d1d5db;color:#718096;font-size:14px;padding:8px 12px}.logo-upload{display:flex;flex-direction:column;gap:16px}.current-logo{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:center;padding:16px}.current-logo img{max-height:100px;max-width:200px;object-fit:contain}.templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s}.template-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.template-header{margin-bottom:12px}.checkbox-label{color:#2d3748;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{margin:0}.template-preview img{border-radius:4px;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.template-preview p{color:#718096;font-size:14px;margin:0}.settings-actions{align-items:center;background:#f7fafc;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:24px}.website-links{display:flex;gap:12px}.btn-preview,.btn-preview-dev{border:1px solid #3182ce;border-radius:6px;color:#3182ce;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-preview-dev:hover,.btn-preview:hover{background:#3182ce;color:#fff}.btn-preview-dev{border-color:#718096;color:#718096}.btn-preview-dev:hover{background:#718096;color:#fff}.btn-save-settings{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:all .2s}.btn-save-settings:hover:not(:disabled){background:#2c5aa0}.btn-save-settings:disabled{background:#a0aec0;cursor:not-allowed}.website-profile{padding:20px}.profile-header{margin-bottom:30px}.profile-header h2{color:#333;margin-bottom:10px}.profile-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.profile-section h3{border-bottom:2px solid #dee2e6;color:#495057;font-size:1.1rem;margin-bottom:15px;padding-bottom:8px}.profile-section .form-group{margin-bottom:15px}.profile-section .form-group label{color:#495057;display:block;font-weight:500;margin-bottom:5px}.profile-section .form-group input,.profile-section .form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.profile-section .form-group input:focus,.profile-section .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.profile-section .form-group textarea{min-height:80px;resize:vertical}.profile-actions{padding:20px 0;text-align:center}.btn-save-profile{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;transition:all .3s ease}.btn-save-profile:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.btn-save-profile:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-row{grid-gap:15px;gap:15px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.profile-section{padding:15px}}.promotions-management{padding:0}.promotions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.promotions-header h2{color:#1a202c;font-size:24px;font-weight:600;margin:0}.btn-new-promotion{align-items:center;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.btn-new-promotion:hover{background:#2c5aa0;transform:translateY(-1px)}.btn-new-promotion svg{height:16px;width:16px}.promotions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.promotion-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s}.promotion-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.promotion-image{align-items:center;background:#f7fafc;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.promotion-image img{height:100%;object-fit:cover;width:100%}.promotion-content{padding:20px}.promotion-content h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 8px}.promotion-supplier{color:#3182ce;font-size:14px;font-weight:500;margin:0 0 12px}.promotion-excerpt{color:#718096;font-size:14px;line-height:1.5;margin:0 0 16px}.promotion-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.promotion-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.promotion-status.active{background:#c6f6d5;color:#22543d}.promotion-status.inactive{background:#fed7d7;color:#742a2a}.promotion-dates{color:#718096;font-size:12px}.promotion-actions{display:flex;gap:8px}.promotion-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s}.btn-edit{background:#edf2f7;color:#4a5568}.btn-edit:hover{background:#e2e8f0}.btn-toggle{background:#bee3f8;color:#2c5aa0}.btn-toggle:hover{background:#90cdf4}.btn-deactivate{background:#fed7d7;color:#742a2a}.btn-deactivate:hover{background:#feb2b2}.btn-activate{background:#c6f6d5;color:#22543d}.btn-activate:hover{background:#9ae6b4}.btn-delete{background:#fed7d7;color:#742a2a}.btn-delete:hover{background:#feb2b2}.empty-state{color:#718096}.empty-icon{color:#cbd5e0;height:64px;margin:0 auto 16px;width:64px}.empty-state h3{color:#4a5568;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.promotion-modal{max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.promotion-form{display:flex;flex-direction:column;gap:20px}.promotion-form .form-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.promotion-form .form-group{display:flex;flex-direction:column;gap:6px}.promotion-form label{color:#4a5568;font-size:14px;font-weight:500}.promotion-form input,.promotion-form select,.promotion-form textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s}.promotion-form input:focus,.promotion-form select:focus,.promotion-form textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.promotion-form textarea{min-height:80px;resize:vertical}.file-upload-area{display:flex;flex-direction:column;gap:12px}.file-upload-area input[type=file]{display:none}.file-upload-label{align-items:center;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 20px;transition:all .2s}.file-upload-label:hover{background:#edf2f7;border-color:#a0aec0}.image-preview{display:inline-block;margin-top:12px;position:relative}.image-preview img{border:1px solid #e2e8f0;border-radius:6px;height:80px;object-fit:cover;width:120px}.image-preview button{align-items:center;background:#e53e3e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.image-preview button:hover{background:#c53030}.modal-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:20px;padding-top:20px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.btn-cancel:hover{background:#edf2f7}.btn-primary{background:#3182ce}.btn-primary:hover{background:#2c5aa0}@media (max-width:768px){.promotion-form .form-row,.promotions-grid{grid-template-columns:1fr}.promotions-header{align-items:stretch;flex-direction:column;gap:16px}.promotion-modal{margin:20px auto;max-height:85vh;width:95%}.website-container{max-width:100%;overflow-x:hidden;padding:1rem}.website-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.website-header h2{font-size:1.5rem;margin-bottom:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-actions .btn{justify-content:center;min-height:44px;width:100%}.website-status{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.website-status h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.status-grid{display:flex;flex-direction:column;gap:1rem}.status-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.status-item:last-child{border-bottom:none}.status-label{color:#6b7280;font-size:.875rem;font-weight:500}.status-value{color:#374151;font-size:.875rem;font-weight:600;text-align:right}.status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#059669}.status-inactive{background-color:#fee2e2;color:#dc2626}.status-pending{background-color:#fef3c7;color:#d97706}.website-settings{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.website-settings h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.form-section{border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:1rem}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h4{color:#374151;font-size:1rem;font-weight:600}.form-group,.form-section h4{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group .help-text{color:#6b7280;font-size:.75rem;line-height:1.4;margin-top:.25rem}.color-picker-group{display:flex;flex-direction:column;gap:.5rem}.color-input-wrapper{align-items:center;display:flex;gap:.75rem}.color-preview{border:2px solid #e5e7eb;border-radius:.5rem;flex-shrink:0;height:3rem;width:3rem}.color-input{flex:1 1;min-height:44px}.logo-upload{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;padding:2rem 1rem;text-align:center;transition:all .2s}.logo-upload:hover{background:#f8fafc;border-color:#2563eb}.logo-upload.dragover{background:#dbeafe;border-color:#2563eb}.logo-upload-icon{color:#6b7280;height:3rem;margin:0 auto 1rem;width:3rem}.logo-upload-text{color:#374151;font-size:.875rem;margin-bottom:.5rem}.logo-upload-hint{color:#6b7280;font-size:.75rem}.logo-preview{border-radius:.5rem;display:block;margin:1rem auto;max-height:100px;max-width:200px}.domain-settings{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.domain-settings h5{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.domain-input-group{display:flex;flex-direction:column;gap:.5rem}.domain-prefix{background:#e5e7eb;border:2px solid #d1d5db;border-radius:.5rem 0 0 .5rem;border-right:none;color:#6b7280;font-size:.875rem;padding:.75rem;white-space:nowrap}.domain-input{border-left:none;border-radius:0 .5rem .5rem 0}.theme-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.theme-option{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:1rem;transition:all .2s}.theme-option.selected{background:#f8fafc;border-color:#2563eb}.theme-option:hover{border-color:#9ca3af}.theme-preview{background:#f3f4f6;border-radius:.25rem;height:120px;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.theme-name{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.theme-description{color:#6b7280;font-size:.75rem;line-height:1.4}.page-builder{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.page-builder h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.page-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:1rem;overflow-x:auto}.page-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-weight:500;min-height:44px;padding:.75rem 1rem;transition:all .2s;white-space:nowrap}.page-tab.active{border-bottom-color:#2563eb;color:#2563eb}.page-content{min-height:300px}.content-blocks{display:flex;flex-direction:column;gap:1rem}.content-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.content-block-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.content-block-title{color:#374151;font-size:.875rem;font-weight:600}.content-block-actions{display:flex;gap:.5rem}.content-block-actions button{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s}.content-block-actions button:hover{background:#e5e7eb;color:#374151}.content-block-actions button.danger{color:#dc2626}.content-block-actions button.danger:hover{background:#fee2e2}.add-content-block{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;padding:2rem 1rem;text-align:center;transition:all .2s}.add-content-block:hover{background:#f8fafc;border-color:#2563eb}.add-content-block-icon{color:#6b7280;height:2rem;margin:0 auto .5rem;width:2rem}.add-content-block-text{color:#6b7280;font-size:.875rem}.form-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem}.form-actions .btn{justify-content:center;min-height:44px;width:100%}.preview-modal .modal-content{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.preview-container{background:#f3f4f6;min-height:400px;padding:1rem}.preview-iframe{border:none;height:400px;width:100%}.preview-iframe,.website-analytics{background:#fff;border-radius:.5rem}.website-analytics{box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.website-analytics h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.analytics-grid{display:flex;flex-direction:column;gap:1rem}.analytics-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;text-align:center}.analytics-card h4{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.analytics-card .value{color:#2563eb;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.analytics-card .change{font-size:.75rem;font-weight:500}.analytics-card .change.positive{color:#059669}.analytics-card .change.negative{color:#dc2626}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-state-icon{height:3rem;margin:0 auto 1rem;opacity:.5;width:3rem}.empty-state h3{color:#374151;font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin-bottom:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{height:2rem;margin-bottom:1rem;width:2rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a}}@media (max-width:480px){.website-container{padding:.75rem}.page-builder,.website-analytics,.website-settings,.website-status{padding:1rem}.form-section{margin-bottom:1rem}.analytics-card,.content-block,.domain-settings{padding:.75rem}.preview-modal .modal-content{margin:.25rem;max-width:calc(100vw - .5rem)}.preview-container{padding:.75rem}.preview-iframe{height:300px}}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.rich-text-editor-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.rich-text-editor-wrapper .ql-toolbar{background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;padding:12px 16px}.rich-text-editor-wrapper .ql-container{border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.6}.rich-text-editor-wrapper .ql-editor{color:#2d3748;max-height:500px;min-height:300px;overflow-y:auto;padding:16px}.rich-text-editor-wrapper .ql-editor.ql-blank:before{color:#a0aec0;font-size:14px;font-style:normal;left:16px}.rich-text-editor-wrapper:focus-within{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.rich-text-editor-wrapper .ql-toolbar .ql-formats{margin-right:12px}.rich-text-editor-wrapper .ql-toolbar button{border-radius:4px;color:#4a5568;margin:0 1px;padding:6px;transition:all .2s}.rich-text-editor-wrapper .ql-toolbar button:hover{background-color:#edf2f7;color:#2d3748}.rich-text-editor-wrapper .ql-toolbar button.ql-active{background-color:#4299e1;color:#fff}.rich-text-editor-wrapper .ql-toolbar .ql-picker{color:#4a5568}.rich-text-editor-wrapper .ql-toolbar .ql-picker-label{border:none;border-radius:4px;padding:6px 8px;transition:background-color .2s}.rich-text-editor-wrapper .ql-toolbar .ql-picker-label:hover{background-color:#edf2f7}.rich-text-editor-wrapper .ql-toolbar .ql-picker-options{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:4px;padding:4px}.rich-text-editor-wrapper .ql-toolbar .ql-picker-item{border-radius:4px;color:#4a5568;padding:8px 12px;transition:background-color .2s}.rich-text-editor-wrapper .ql-toolbar .ql-picker-item:hover{background-color:#f7fafc}.rich-text-editor-wrapper .ql-toolbar .ql-picker-item.ql-selected{background-color:#4299e1;color:#fff}.rich-text-editor-wrapper .ql-editor h1{color:#1a202c;font-size:2em;font-weight:700;margin:.67em 0}.rich-text-editor-wrapper .ql-editor h2{color:#2d3748;font-size:1.5em;font-weight:600;margin:.83em 0}.rich-text-editor-wrapper .ql-editor h3{color:#2d3748;font-size:1.25em;font-weight:600;margin:1em 0}.rich-text-editor-wrapper .ql-editor h4,.rich-text-editor-wrapper .ql-editor h5,.rich-text-editor-wrapper .ql-editor h6{color:#4a5568;font-weight:600;margin:1em 0}.rich-text-editor-wrapper .ql-editor blockquote{background-color:#f7fafc;border-left:4px solid #4299e1;border-radius:0 6px 6px 0;color:#4a5568;font-style:italic;margin:1em 0;padding:12px 16px}.rich-text-editor-wrapper .ql-editor code{background-color:#edf2f7;border-radius:4px;color:#e53e3e;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 6px}.rich-text-editor-wrapper .ql-editor pre{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin:1em 0;overflow-x:auto;padding:16px}.rich-text-editor-wrapper .ql-editor a{color:#4299e1;text-decoration:underline}.rich-text-editor-wrapper .ql-editor a:hover{color:#3182ce}.rich-text-editor-wrapper .ql-editor ol,.rich-text-editor-wrapper .ql-editor ul{margin:1em 0;padding-left:1.5em}.rich-text-editor-wrapper .ql-editor li{line-height:1.6;margin:.25em 0}.rich-text-editor-wrapper .ql-editor img{border-radius:6px;box-shadow:0 1px 3px #0000001a;height:auto;margin:1em 0;max-width:100%}.rich-text-editor-wrapper .ql-editor table{border-collapse:collapse;margin:1em 0;width:100%}.rich-text-editor-wrapper .ql-editor table td,.rich-text-editor-wrapper .ql-editor table th{border:1px solid #e2e8f0;padding:8px 12px;text-align:left}.rich-text-editor-wrapper .ql-editor table th{background-color:#f7fafc;font-weight:600}@media (max-width:768px){.rich-text-editor-wrapper .ql-toolbar{padding:8px 12px}.rich-text-editor-wrapper .ql-toolbar .ql-formats{margin-right:8px}.rich-text-editor-wrapper .ql-editor{min-height:250px;padding:12px}.rich-text-editor-wrapper .ql-toolbar .ql-font,.rich-text-editor-wrapper .ql-toolbar .ql-script,.rich-text-editor-wrapper .ql-toolbar .ql-size{display:none}.rich-text-editor-wrapper .ql-toolbar{flex-wrap:wrap}}.subscription-required-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:60vh;padding:2rem}.subscription-required-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:3rem;text-align:center;width:100%}.subscription-icon{font-size:4rem;margin-bottom:1rem}.subscription-required-card h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:1rem}.subscription-required-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.subscription-features{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem;text-align:left}.subscription-features h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.subscription-features ul{list-style:none;margin:0;padding:0}.subscription-features li{color:#555;font-size:1rem;padding:.5rem 0}.subscription-actions{margin-top:2rem}.subscribe-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1rem;max-width:300px;padding:1rem 2rem;transition:all .3s ease;width:100%}.subscribe-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.subscribe-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscription-note{color:#888;font-size:.9rem;margin-top:1rem}.checkout-form{margin-top:2rem;text-align:left}.card-element-container{background:#fff;border:2px solid #e1e5e9;border-radius:8px;margin-bottom:1rem;padding:1rem}.checkout-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.cancel-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.cancel-button:hover:not(:disabled){background:#5a6268}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin:1rem 0;padding:1rem}.subscription-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:40vh}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;margin-bottom:1rem}@media (max-width:768px){.subscription-required-container{padding:1rem}.subscription-required-card{padding:2rem}.subscription-icon{font-size:3rem}.subscription-required-card h2{font-size:1.5rem}.checkout-actions{flex-direction:column}}.secure-payment-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.secure-payment-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e5e7eb;color:#fff;padding:24px}.modal-header h2{font-weight:600}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.8rem;line-height:1;opacity:.8;padding:4px;transition:opacity .2s}.close-btn:hover{opacity:1}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.modal-footer{gap:12px;padding:20px 32px}.verify-step{margin:0 auto;max-width:500px;text-align:center}.security-icon{font-size:4rem;margin-bottom:24px}.verify-step h3{color:#111827;font-size:1.75rem;font-weight:600;margin-bottom:16px}.verify-step p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.verification-info{background:#f3f4f6;border-radius:8px;margin-bottom:32px;padding:24px;text-align:left}.verification-info h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:16px}.verification-info ul{list-style:none;margin:0;padding:0}.verification-info li{color:#374151;padding:8px 0 8px 24px;position:relative}.verification-info li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.participant-info{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:32px;padding:24px;text-align:left}.participant-info h4{color:#1e40af;font-size:1.125rem;font-weight:600;margin-bottom:16px}.participant-info p{color:#1e40af;font-size:1rem;margin:8px 0}.verify-actions{display:flex;gap:16px;justify-content:center}.code-step{margin:0 auto;max-width:400px;text-align:center}.code-step h3{color:#111827;font-size:1.75rem;font-weight:600;margin-bottom:16px}.code-step p{color:#6b7280;font-size:1.1rem;line-height:1.6}.code-input-container,.code-step p{margin-bottom:32px}.code-input{border:2px solid #d1d5db;border-radius:8px;font-family:Courier New,monospace;font-size:1.5rem;letter-spacing:.5em;padding:16px;text-align:center;transition:border-color .2s;width:200px}.code-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.code-actions{display:flex;gap:16px;justify-content:center}.details-step{max-width:100%}.session-timer{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-weight:500;margin-bottom:32px;padding:12px 16px;text-align:center}.timer-icon{margin-right:8px}.payment-details-container{display:flex;flex-direction:column;gap:32px}.details-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.details-section h3{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin-bottom:20px}.sensitive-section{background:#fef2f2;border-color:#fecaca}.sensitive-section h3{color:#dc2626}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.detail-item span{color:#111827;font-size:1rem;font-weight:500;word-break:break-word}.card-number{color:#dc2626;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.1em}.guests-list{display:flex;flex-direction:column;gap:8px}.guest-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px}.details-actions{display:flex;justify-content:center;margin-top:32px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);min-width:120px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:16px 0;padding:12px 16px;text-align:center}.expired-message{margin:0 auto;max-width:400px;text-align:center}.expired-icon{font-size:4rem;margin-bottom:24px}.expired-message h3{color:#dc2626;font-size:1.5rem;font-weight:600;margin-bottom:16px}.expired-message p{color:#6b7280;line-height:1.6;margin-bottom:16px}.payment-status{font-size:.875rem;padding:4px 12px;text-transform:capitalize}.payment-status.deposit_paid{background:#dbeafe;color:#1e3a8a}.payment-status.failed{background:#fee2e2;color:#991b1b}@media (max-width:768px){.secure-payment-modal{margin:1rem;max-height:95vh;width:95%}.modal-header{padding:16px}.modal-header h2{font-size:1.25rem}.modal-body{padding:20px}.details-grid{gap:16px;grid-template-columns:1fr}.code-actions,.verify-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.code-input{max-width:200px;width:100%}}.group-details-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.group-details-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.group-details-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.group-details-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.group-details-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px}.group-details-close:hover{color:#374151}.group-details-body{flex:1 1;overflow-y:auto;padding:20px}.group-details-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:10px;margin-bottom:20px}.group-details-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.group-details-tab:hover{color:#374151}.group-details-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.group-details-tab svg{height:18px;width:18px}.group-overview{grid-gap:20px;display:grid;gap:20px}.group-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.group-info-card h3{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin-bottom:15px}.group-info-card svg{color:#6b7280;height:20px;width:20px}.group-info-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{gap:4px}.info-item label{color:#6b7280;font-size:.875rem;font-weight:500}.info-item .value{color:#111827;font-size:1rem;font-weight:500}.packages-list{grid-gap:15px;display:grid;gap:15px}.package-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:15px}.package-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:10px}.package-name{color:#111827;font-weight:600}.package-price{color:#059669;font-size:1.125rem;font-weight:600}.package-inclusions{margin-top:10px}.package-inclusions h5{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:5px}.inclusion-list{display:flex;flex-wrap:wrap;gap:8px}.inclusion-tag{background:#eff6ff;border-radius:4px;color:#3730a3;display:inline-block;font-size:.75rem;padding:4px 10px}.availability-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:500;gap:5px;padding:4px 12px}.availability-badge.available{background:#d1fae5;color:#065f46}.availability-badge.limited{background:#fef3c7;color:#92400e}.availability-badge.sold-out{background:#fee2e2;color:#991b1b}.participants-section{background:#fff}.participants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.participants-stats{display:flex;gap:20px}.stat-item{gap:8px}.stat-item .label{color:#6b7280;font-size:.875rem}.stat-item .value{color:#111827;font-weight:600}.participants-table{border-collapse:collapse;width:100%}.participants-table th{background:#f9fafb;color:#374151;font-size:.875rem;font-weight:600;text-align:left}.participants-table td,.participants-table th{border-bottom:1px solid #e5e7eb;padding:12px}.participant-name{color:#111827;font-weight:500}.participant-email{color:#6b7280;font-size:.875rem}.payment-status{align-items:center;border-radius:20px;display:inline-flex;gap:5px;padding:4px 10px}.payment-status.paid{background:#d1fae5;color:#065f46}.payment-status.deposit-paid{background:#dbeafe;color:#1e3a8a}.payment-status.pending{background:#fef3c7;color:#92400e}.analytics-section{grid-gap:20px;display:grid;gap:20px}.analytics-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.analytics-card h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:15px}.metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:15px;text-align:center}.metric-value{color:#111827;font-size:1.875rem;font-weight:700;line-height:1}.metric-label{color:#6b7280;font-size:.875rem;margin-top:5px}.chart-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;font-style:italic;padding:40px;text-align:center}.group-actions{border-top:1px solid #e5e7eb;gap:10px;margin-top:20px;padding-top:20px}.btn-export{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-export:hover{background:#f9fafb;border-color:#9ca3af}.btn-export svg{height:16px;width:16px}.empty-state{padding:40px}.empty-state svg{color:#d1d5db;height:48px;margin:0 auto 10px;width:48px}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;height:40px;width:40px}@media (max-width:768px){.group-details-content{margin:10px;max-width:100%}.group-details-body,.group-details-header{padding:15px}.group-details-tabs{overflow-x:auto;white-space:nowrap}.group-info-grid{grid-template-columns:1fr}.participants-table{font-size:.875rem}.participants-table td,.participants-table th{padding:8px}.metrics-grid{grid-template-columns:1fr 1fr}.group-actions{flex-wrap:wrap}}@media print{.group-details-modal{background:none;padding:0;position:static}.group-details-content{box-shadow:none;max-width:100%}.group-actions,.group-details-close{display:none}}.groups-management{background-color:#f8f9fa;min-height:calc(100vh - 64px);padding:2rem}.groups-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.groups-header h1{color:#333;font-size:2rem;margin:0}.create-group-btn{align-items:center;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.create-group-btn:hover{background-color:#0056b3}.groups-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .3s ease}.stat-card h3{color:#666;font-size:.875rem;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#333;font-size:2rem;font-weight:700}.stat-card.active{border-left:4px solid #28a745}.stat-card.upcoming{border-left:4px solid #ffc107}.stat-card.revenue{border-left:4px solid #007bff}.groups-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.groups-table{border-collapse:collapse;width:100%}.groups-table th{border-bottom:2px solid #e9ecef;color:#666;font-weight:600;padding:1rem;text-align:left}.groups-table td{border-bottom:1px solid #e9ecef;padding:1rem}.group-title{color:#333;font-weight:600}.group-destination{color:#666;font-size:.875rem}.status-badge{border-radius:20px;display:inline-block}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.completed{background-color:#d1ecf1;color:#0c5460}.bookings-count{align-items:center;display:flex;gap:.25rem}.bookings-count svg{color:#666;height:16px;width:16px}.revenue-amount{color:#28a745;font-weight:600}.group-actions{display:flex;gap:.5rem}.action-btn{align-items:center;background:none;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.action-btn:hover{background-color:#f8f9fa;border-color:#007bff}.action-btn svg{height:16px;width:16px}.group-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.group-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.group-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.group-modal-header h2{color:#333;margin:0}.close-modal-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.close-modal-btn:hover{color:#333}.group-modal-content{padding:1.5rem}.group-details-section{margin-bottom:2rem}.group-details-section h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.group-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{color:#666}.info-value{color:#333;font-weight:500}.bookings-table{border-collapse:collapse;width:100%}.bookings-table th{border-bottom:2px solid #e9ecef;color:#666;font-size:.875rem;padding:.75rem;text-align:left}.bookings-table td{border-bottom:1px solid #e9ecef;padding:.75rem}.payment-status{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.payment-status.paid{background-color:#d4edda;color:#155724}.payment-status.pending{background-color:#fff3cd;color:#856404}.empty-state{color:#666}.empty-state svg{color:#dee2e6;margin-bottom:1rem}.empty-state h3{color:#333;margin-bottom:.5rem}@media (max-width:768px){.groups-header{align-items:flex-start;flex-direction:column;gap:1rem}.groups-stats{grid-template-columns:1fr}.groups-table-container{overflow-x:auto}.group-info-grid{grid-template-columns:1fr}.groups-container{max-width:100%;overflow-x:hidden;padding:1rem}.groups-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.groups-header h2{font-size:1.5rem;margin-bottom:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-actions .btn{justify-content:center;min-height:44px;width:100%}.groups-filters{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.search-input{font-size:1rem;margin-bottom:.5rem;min-height:44px;min-width:0;min-width:auto;padding:.75rem;width:100%}.filter-group{flex-direction:column;gap:.5rem;width:100%}.filter-select{font-size:1rem;min-height:44px;padding:.75rem;width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1rem;text-align:center}.stat-card h3{font-size:.875rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:1.5rem;font-weight:700}.groups-table-container{overflow:visible}.groups-table,.groups-table tbody,.groups-table td,.groups-table th,.groups-table thead,.groups-table tr{display:block}.groups-table thead tr{left:-9999px;position:absolute;top:-9999px}.groups-table tr{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;position:relative}.groups-table tr:hover{background:#fff;box-shadow:0 4px 8px #00000026}.groups-table td{border:none;border-bottom:1px solid #e5e7eb;overflow:visible;padding:.75rem 0 .75rem 40%;position:relative;text-align:right;text-overflow:clip;white-space:normal}.groups-table td:last-child{border-bottom:none;padding-bottom:0}.groups-table td:before{color:#374151;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;letter-spacing:.05em;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.groups-table td:last-child{padding:.75rem 0;text-align:left}.groups-table td:last-child:before{content:"Actions"}.groups-table td:last-child .flex{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.groups-table td:last-child button{font-size:.75rem;min-height:36px;min-width:60px;padding:.5rem .75rem}.group-modal .modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.group-form{padding:1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-section{margin-bottom:1.5rem}.form-section h3{color:#374151;font-size:1.125rem;font-weight:600}.form-group,.form-section h3{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.package-builder{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.package-builder h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.package-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.package-item:last-child{margin-bottom:0}.package-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.package-item-name{color:#374151;font-size:.875rem;font-weight:600}.package-item-price{color:#059669;font-size:.875rem;font-weight:700}.package-item-description{color:#6b7280;font-size:.75rem;line-height:1.4;margin-bottom:.5rem}.package-inclusions{display:flex;flex-wrap:wrap;gap:.25rem}.inclusion-tag{background:#dbeafe;border-radius:.25rem;color:#1d4ed8;font-size:.625rem;font-weight:500;padding:.125rem .5rem}.payment-schedule{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.payment-schedule h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.payment-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.payment-item:last-child{margin-bottom:0}.payment-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.payment-item-date{background:#dbeafe;border-radius:.25rem;color:#2563eb;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.payment-item-amount{color:#059669;font-size:.875rem;font-weight:700}.payment-item-description{color:#6b7280;font-size:.75rem;line-height:1.4}.form-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem}.form-actions .btn{justify-content:center;min-height:44px;width:100%}.group-details-modal .modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.group-details-tabs{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:1rem;overflow-x:auto}.group-details-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s;white-space:nowrap}.group-details-tab.active{border-bottom-color:#2563eb;color:#2563eb}.group-details-content{padding:1rem}.participants-table-container{overflow:visible}.participants-table,.participants-table tbody,.participants-table td,.participants-table th,.participants-table thead,.participants-table tr{display:block}.participants-table thead tr{left:-9999px;position:absolute;top:-9999px}.participants-table tr{background:#f9fafb;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem;position:relative}.participants-table td{border:none;border-bottom:1px solid #e5e7eb;overflow:visible;padding:.5rem 0 .5rem 35%;position:relative;text-align:right;text-overflow:clip;white-space:normal}.participants-table td:last-child{border-bottom:none;padding-bottom:0}.participants-table td:before{color:#374151;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:30%}.status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#059669}.status-full{background-color:#dbeafe;color:#1d4ed8}.status-cancelled{background-color:#fee2e2;color:#dc2626}.status-completed{background-color:#f3e8ff;color:#7c3aed}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-state-icon{height:3rem;margin:0 auto 1rem;opacity:.5;width:3rem}.empty-state h3{color:#374151;font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin-bottom:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{height:2rem;margin-bottom:1rem;width:2rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a}}@media (max-width:480px){.groups-container,.groups-filters,.groups-table tr{padding:.75rem}.group-details-modal .modal-content,.group-modal .modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.group-details-content,.group-form{padding:.75rem}.form-section{margin-bottom:1rem}.form-actions{margin-top:1rem}.package-builder,.payment-schedule{padding:.75rem}.package-item,.participants-table tr,.payment-item{padding:.5rem}}.ai-tools-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.ai-tools-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.ai-tools-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.ai-tools-header p{font-size:1.1rem;margin:0 0 20px;opacity:.9}.usage-stats{display:flex;gap:30px;justify-content:center;margin-top:20px}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{font-size:1.8rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.8}.ai-tools-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin-bottom:30px}.tab-button{background:#0000;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.tab-button:hover{background-color:#f3f4f6}.tab-button.active{background-color:#667eea;color:#fff;transform:translateY(2px)}.ai-tools-content{min-height:600px}.tool-section{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}.tool-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:30px}.tool-form h2{color:#1f2937;font-size:1.5rem;margin:0 0 8px}.tool-form p{color:#6b7280;font-size:.95rem;margin:0 0 25px}.form-row{margin-bottom:20px}.form-group label{font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.children-section{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.child-tag{align-items:center;background-color:#f3f4f6;border-radius:20px;color:#374151;display:inline-flex;font-size:.85rem;gap:5px;padding:6px 12px}.child-tag button{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;height:16px;justify-content:center;padding:0;width:16px}.add-child-btn{background-color:#667eea;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s ease}.add-child-btn:hover{background-color:#5a67d8}.interests-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:8px}.interest-tag{background:#fff;border:2px solid #e5e7eb;border-radius:20px;cursor:pointer;font-size:.85rem;padding:8px 12px;text-align:center;transition:all .2s ease}.interest-tag:hover{background-color:#f8faff;border-color:#667eea}.interest-tag.selected{background-color:#667eea;border-color:#667eea;color:#fff}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:15px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 8px 15px #667eea4d;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7}.tool-result{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.result-header{align-items:center;background-color:#f8faff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 25px}.result-header h3{color:#1f2937;font-size:1.2rem;margin:0}.result-actions{align-items:center;display:flex;gap:15px}.result-actions button{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.result-actions button:hover{background-color:#5a67d8}.result-stats{color:#6b7280;font-size:.8rem}.result-content{max-height:600px;overflow-y:auto;padding:25px}.result-content pre{word-wrap:break-word;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}@media (max-width:1024px){.tool-section{gap:20px;grid-template-columns:1fr}.usage-stats{gap:20px}.stat-number{font-size:1.5rem}}@media (max-width:768px){.ai-tools-page{padding:15px}.ai-tools-header{padding:20px}.ai-tools-header h1{font-size:2rem}.form-row{gap:15px;grid-template-columns:1fr}.usage-stats{flex-direction:column;gap:15px}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.tool-form{padding:20px}}@media (max-width:480px){.ai-tools-tabs{flex-direction:column}.tab-button{border-radius:8px;margin-bottom:5px}.tab-button.active{transform:none}.result-header{align-items:flex-start;flex-direction:column;gap:10px}.result-actions{justify-content:space-between;width:100%}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.agent-calendar-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.calendar-header{margin-bottom:20px}.calendar-wrapper{background:#fff;border-radius:8px;padding:10px}.rbc-calendar{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rbc-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:12px 8px}.rbc-month-view{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.rbc-date-cell{padding:8px 12px;text-align:right}.rbc-date-cell.rbc-off-range{color:#9ca3af}.rbc-date-cell.rbc-now{color:#2563eb;font-weight:700}.rbc-today{background-color:#eff6ff}.rbc-event{border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin:1px 0;padding:2px 6px;transition:opacity .2s}.rbc-event:hover{opacity:.9}.rbc-event.rbc-selected{box-shadow:0 0 0 2px #3b82f680}.rbc-toolbar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:15px}.rbc-toolbar button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;margin:0 2px;padding:8px 16px;transition:all .2s}.rbc-toolbar button:hover{background-color:#f3f4f6;border-color:#9ca3af}.rbc-toolbar button.rbc-active{background-color:#2563eb;border-color:#2563eb;color:#fff}.rbc-toolbar button:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.rbc-toolbar-label{color:#111827;font-size:18px;font-weight:600;margin:0 20px}.rbc-time-view{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.rbc-time-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.rbc-time-content{background-color:#fff}.rbc-timeslot-group{border-bottom:1px solid #f1f5f9}.rbc-time-slot{border-top:1px solid #f1f5f9}.rbc-current-time-indicator{background-color:#dc2626;height:2px;z-index:3}.rbc-event.travel-itinerary{background-color:#3b82f6;border-color:#2563eb}.rbc-event.custom{background-color:#10b981;border-color:#059669}.rbc-event.appointment{background-color:#8b5cf6;border-color:#7c3aed}.rbc-event.agency-event{background-color:#dc2626;border-color:#b91c1c}.rbc-event.training{background-color:#f97316;border-color:#ea580c}.rbc-event.meeting{background-color:#6b7280;border-color:#4b5563}.rbc-event.mandatory{border:2px solid #dc2626!important;font-weight:700}.rbc-event.pending-response{border:2px dashed #f59e0b!important;opacity:.6}.rbc-overlay{background-color:#0000004d}.rbc-popup{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-width:300px;padding:12px}.rbc-popup .rbc-event{border-radius:4px;margin:4px 0;padding:4px 8px}@media (max-width:768px){.agent-calendar-container{padding:10px}.calendar-wrapper{height:500px!important}.rbc-toolbar{flex-direction:column;gap:10px}.rbc-toolbar button{font-size:14px;padding:6px 12px}.rbc-toolbar-label{font-size:16px;margin:0;text-align:center}.rbc-event{font-size:11px;padding:1px 4px}}.calendar-loading{align-items:center;display:flex;height:400px;justify-content:center}.calendar-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#2563eb;height:40px;width:40px}.event-legend{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px}.event-legend-item{align-items:center;color:#374151;display:flex;font-size:14px}.event-legend-color{border-radius:2px;height:12px;margin-right:8px;width:12px}.pending-events-alert{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:20px;padding:16px}.pending-events-alert .alert-icon{color:#f59e0b;height:20px;margin-right:12px;width:20px}.pending-events-alert .alert-title{color:#92400e;font-weight:600;margin:0}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;padding:24px}.modal-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:12px}.modal-title{color:#111827;font-size:20px;font-weight:600;margin:0}.modal-close{border-radius:4px;padding:4px;transition:color .2s}.form-group{margin-bottom:16px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-checkbox{height:16px;margin-right:8px;width:16px}.form-grid{grid-gap:16px;gap:16px}.form-grid-2{grid-template-columns:1fr 1fr}.btn{justify-content:center;padding:10px 16px}.btn-primary{background-color:#2563eb}.btn-primary:hover{background-color:#1d4ed8}.btn-success{background-color:#059669;color:#fff}.btn-success:hover{background-color:#047857}.btn-warning{background-color:#d97706;color:#fff}.btn-warning:hover{background-color:#b45309}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-group{display:flex;gap:8px;margin-top:20px}.btn-group.justify-end{justify-content:flex-end}.tripshare-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.tripshare-header{margin-bottom:30px;text-align:center}.tripshare-header h1{color:#2563eb;font-size:2.5rem;font-weight:700;margin-bottom:10px}.tripshare-header p{color:#6b7280;font-size:1.1rem;margin:0}.tripshare-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:5px;margin-bottom:30px}.tab{border-bottom:3px solid #0000;font-size:1rem;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab:hover{color:#2563eb}.tab.active,.tab:hover{background-color:#f8fafc}.chat-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;height:600px;overflow:hidden}.chat-messages{background:#f8fafc;padding:20px}.message{margin-bottom:16px}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{border-radius:18px;font-size:.95rem;max-width:65%;padding:12px 16px;position:relative}.message.user .message-content{background:#2563eb;border-bottom-right-radius:6px;color:#fff}.message.assistant .message-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:6px;box-shadow:0 2px 4px #0000001a;color:#374151}.message-text{line-height:1.5;white-space:pre-wrap}.message-highlight{color:#059669;font-weight:600}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.action-button{background:#2563eb;border:none;border-radius:20px;color:#fff!important;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.action-button:hover{background:#1d4ed8}.action-input-container,.action-textarea-container{margin-top:10px;width:100%}.action-input,.action-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:10px 15px;resize:vertical;width:100%}.textarea-hint{color:#6b7280;display:block;font-size:.8rem;margin-top:5px}.message-timestamp{color:#9ca3af;font-size:.75rem;margin-top:8px;text-align:right}.message.user .message-timestamp{color:#ffffffb3}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-input-container{align-items:flex-end;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.chat-input{border:1px solid #d1d5db;border-radius:20px;flex:1 1;font-size:1rem;outline:none;padding:12px 16px;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#2563eb}.send-button{background:#2563eb;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s}.send-button:hover:not(:disabled){background:#1d4ed8}.send-button:disabled{background:#9ca3af;cursor:not-allowed}.bookmarks-container,.discover-container,.trips-container{max-width:100%}.trips-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.trips-header h3{color:#374151;font-size:1.5rem;margin:0}.analytics-summary{color:#6b7280;display:flex;font-size:.9rem;gap:20px}.trips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.trip-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;transition:all .2s ease}.trip-card:hover{border-color:#2563eb;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.trip-card.bookmarked{border-left:4px solid #f59e0b}.trip-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.trip-title{color:#374151;flex:1 1;font-size:1.2rem;font-weight:600;margin:0}.trip-type{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.trip-destination{color:#059669;font-size:1rem;font-weight:500;margin-bottom:8px}.trip-dates{color:#6b7280;font-size:.9rem;margin-bottom:12px}.trip-summary{color:#4b5563;line-height:1.5;margin-bottom:15px}.trip-stats{display:flex;gap:15px;margin-bottom:12px}.trip-author,.trip-stats{color:#6b7280;font-size:.9rem}.trip-author{font-style:italic;margin-bottom:15px}.trip-actions{display:flex;gap:10px;margin-top:15px}.btn-bookmark,.btn-helpful{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.btn-helpful:hover{background:#f3f4f6;border-color:#059669;color:#059669}.btn-bookmark:hover{background:#f3f4f6;border-color:#f59e0b;color:#f59e0b}.bookmark-notes{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.9rem;margin-top:10px;padding:10px}.bookmark-date{color:#6b7280;font-size:.8rem;margin-top:8px}.destinations-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.destination-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:15px;text-align:center;transition:transform .2s}.destination-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.destination-card h4{color:#374151;font-size:1.1rem;margin:0 0 10px}.destination-stats{color:#6b7280;display:flex;font-size:.8rem;justify-content:space-around}.search-prompt{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:30px;text-align:center}.search-prompt h3{font-size:1.5rem;margin:0 0 15px}.search-prompt p{margin:0 0 20px;opacity:.9}.empty-state{padding:60px 20px}.empty-state p{font-size:1.1rem;margin-bottom:20px}.btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.modal-overlay{padding:20px}.trip-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{padding:20px 30px}.modal-header h2{color:#374151;font-size:1.5rem;margin:0}.modal-close{padding:5px}.modal-content{padding:30px}.detail-section{margin-bottom:25px}.detail-section h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 10px}.detail-section p{color:#4b5563;line-height:1.6;margin:0;white-space:pre-wrap}.trip-meta{background:#f8fafc;border-radius:8px;margin-top:20px;padding:20px}.trip-meta p{color:#6b7280;margin:5px 0}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}@media (max-width:768px){.tripshare-container{padding:15px}.tripshare-header h1{font-size:2rem}.tripshare-tabs{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.tripshare-tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;font-size:.9rem;padding:10px 15px}.chat-container{height:500px}.message-content{max-width:85%}.destinations-grid,.trips-grid{grid-template-columns:1fr}.analytics-summary,.trip-header{flex-direction:column;gap:8px}.trip-header{align-items:flex-start}.trip-actions{flex-direction:column}.modal-content{padding:20px}.modal-actions{flex-direction:column;padding:15px 20px}}@media (max-width:480px){.tripshare-container{padding:10px}.chat-input-container{padding:15px}.message-actions{flex-direction:column}.action-button{text-align:center;width:100%}}.mobile-dev-console{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;min-height:100vh;overflow-x:hidden}.console-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.console-header h1{font-size:1.5rem;font-weight:600;margin:0}.status-indicator{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.status-dot{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}.console-tabs{-ms-overflow-style:none;background:#0000001a;border-bottom:1px solid #ffffff1a;display:flex;overflow-x:auto;scrollbar-width:none}.console-tabs::-webkit-scrollbar{display:none}.console-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;min-width:80px;padding:.75rem .5rem;transition:all .2s ease;white-space:nowrap}.console-tabs button.active,.console-tabs button:hover{background:#ffffff1a;color:#fff}.console-tabs button.active{border-bottom-color:#4ade80}.console-content{height:calc(100vh - 120px);overflow:hidden}.chat-container,.console-content{display:flex;flex-direction:column}.chat-container{height:100%}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.message{animation:slideIn .3s ease;border-radius:1rem;max-width:85%;padding:.75rem;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;margin-left:auto}.message.ai{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.message.error{align-self:flex-start;background:#ef444433;border:1px solid #ef444480;color:#fca5a5}.message.loading{background:#ffffff0d}.message-content{font-size:.9rem;line-height:1.4;margin-bottom:.25rem}.message-time{font-size:.7rem;opacity:.7}.chat-input{background:#0003;border-top:1px solid #ffffff1a;display:flex;gap:.5rem;padding:1rem}.chat-input input{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;flex:1 1;font-size:.9rem;padding:.75rem}.chat-input input::placeholder{color:#ffffff80}.chat-input button{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s ease}.chat-input button:hover{transform:translateY(-1px)}.chat-input button:disabled{cursor:not-allowed;opacity:.5;transform:none}.files-container{display:flex;flex-direction:column;height:100%}.file-navigation{background:#0000001a;border-bottom:1px solid #ffffff1a;font-size:.8rem;justify-content:space-between;padding:1rem}.current-path,.file-navigation{align-items:center;display:flex}.current-path{gap:.5rem}.file-navigation button{background:#ffffff1a;border:1px solid #fff3;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.file-list{flex:1 1;overflow-y:auto;padding:1rem}.file-item{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s ease}.file-item:hover{background:#ffffff1a;border-color:#fff3}.file-item.directory{color:#93c5fd}.file-item.file{color:#d1d5db}.file-icon{font-size:1.2rem}.file-name{font-size:.9rem;font-weight:500}.file-editor{display:flex;flex-direction:column;height:100%}.editor-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;font-size:.9rem;justify-content:space-between;padding:1rem}.editor-actions{display:flex;gap:.5rem}.editor-actions button{background:#ffffff1a;border:1px solid #fff3;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.code-editor{background:#0000004d;border:none;color:#fff;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.5;outline:none;padding:1rem;resize:none}.database-container{gap:1rem;height:100%;padding:1rem}.database-container,.sql-editor{display:flex;flex-direction:column}.sql-editor{gap:.5rem}.sql-input{background:#0000004d;border:1px solid #fff3;border-radius:.5rem;color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;height:120px;outline:none;padding:.75rem;resize:vertical}.sql-input::placeholder{color:#ffffff80}.sql-results{background:#0003;border-radius:.5rem;flex:1 1;overflow:auto;padding:1rem}.result-info{color:#ffffffb3;font-size:.8rem;margin-bottom:1rem}.result-table{overflow:auto}.result-table table{border-collapse:collapse;font-size:.8rem;width:100%}.result-table td,.result-table th{border:1px solid #fff3;max-width:200px;overflow:hidden;padding:.5rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.result-table th{background:#ffffff1a;font-weight:600}.error{background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:#fca5a5;padding:1rem}.deploy-container{height:100%;overflow-y:auto;padding:1rem}.deploy-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.deploy-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:1rem;transition:all .2s ease}.deploy-btn:hover{background:#fff3;transform:translateY(-2px)}.deploy-btn.primary{background:linear-gradient(135deg,#4ade80,#22c55e);grid-column:1/-1}.deploy-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.system-status{background:#0003;border-radius:.5rem;padding:1rem}.system-status h3{font-size:1.1rem;margin:0 0 1rem}.status-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.status-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:1rem}.status-item strong{color:#4ade80;display:block;margin-bottom:.5rem}.process{font-family:monospace;font-size:.8rem;padding:.25rem 0}.process.online{color:#4ade80}.process.stopped{color:#ef4444}.status-item pre{color:#fffc;font-size:.7rem;margin:0;white-space:pre-wrap}.logs-container{display:flex;flex-direction:column;height:100%}.log-controls{background:#0000001a;border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;padding:1rem}.log-controls button,.log-controls select{background:#ffffff1a;border:1px solid #fff3;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.log-output{background:#0000004d;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow-y:auto;padding:1rem}.log-line{color:#fffc;font-size:.7rem;line-height:1.4;margin-bottom:.25rem;word-break:break-all}@media (max-width:768px){.console-header h1{font-size:1.2rem}.console-tabs button{font-size:.7rem;padding:.5rem .25rem}.deploy-actions,.status-grid{grid-template-columns:1fr}.result-table td,.result-table th{font-size:.7rem;max-width:100px}.message{max-width:95%}.chat-input{flex-direction:column}.chat-input button{align-self:stretch}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.loading-spinner{margin:0 auto}.stats-card{border:1px solid #0000}.stats-card:hover{border-color:#e5e7eb}.bg-blue-100{background-color:#dbeafe}.text-blue-600{color:#2563eb}.text-yellow-600{color:#d97706}.text-green-600{color:#10b981}.activity-item{padding-left:40px;position:relative}.activity-item:before{background-color:#e5e7eb;bottom:-16px;content:"";left:19px;position:absolute;top:32px;width:2px}.activity-item:last-child:before{display:none}.quick-action-card{transition:all .2s ease}.quick-action-card:hover{background-color:#f9fafb;transform:translateY(-1px)}.agent-rank{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.agent-rank-1{background-color:#fbbf24;color:#78350f}.agent-rank-2{background-color:#d1d5db;color:#374151}.agent-rank-3{background-color:#f59e0b;color:#78350f}.chart-container{height:300px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.activity-section{margin-top:2rem}}.empty-state svg{color:#9ca3af;height:64px;margin:0 auto 1rem;width:64px}.notification-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hover-card{cursor:pointer;transition:all .3s ease}.hover-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.status-badge{font-weight:500}.admin-table{border-collapse:collapse}.admin-table th{background-color:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.admin-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.admin-table tbody tr:hover{background-color:#f9fafb}.admin-table td{font-size:.875rem;padding:1rem 1.5rem}.status-badge{text-transform:capitalize}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#f3f4f6;color:#374151}.status-suspended{background-color:#fee2e2;color:#991b1b}.application-card{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem;transition:all .2s}.application-card:hover{background-color:#f3f4f6;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.action-button{border-radius:.375rem;padding:.5rem}.action-button:hover{transform:scale(1.05)}.action-button-edit{color:#3b82f6}.action-button-edit:hover{background-color:#dbeafe;color:#2563eb}.action-button-ban{color:#ef4444}.action-button-ban:hover{background-color:#fee2e2;color:#dc2626}.action-button-activate{color:#10b981}.action-button-activate:hover{background-color:#d1fae5;color:#059669}.commission-input{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.commission-input::-webkit-inner-spin-button,.commission-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.info-section{background-color:#f9fafb;border-radius:.5rem;margin-top:1rem;padding:1rem}.info-label{color:#374151;font-size:.875rem;font-weight:600}.info-value{color:#6b7280;font-size:.875rem}@media (max-width:768px){.admin-table{font-size:.75rem}.admin-table td,.admin-table th{padding:.5rem .75rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.stats-card{transition:all .3s ease}.stats-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.status-approved{background-color:#d1fae5;color:#065f46}.status-denied{background-color:#fee2e2;color:#991b1b}.status-on_hold{background-color:#fed7aa;color:#9a3412}.commission-table{border-collapse:collapse;width:100%}.commission-table th{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.commission-table tbody tr{transition:background-color .2s}.commission-table tbody tr:hover{background-color:#f9fafb}.filter-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.filter-input{transition:all .2s}.filter-input:focus{box-shadow:0 0 0 3px #3b82f61a}.detail-section{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.detail-label{color:#374151;font-size:.875rem;font-weight:600}.detail-value{color:#6b7280;font-size:.875rem}.action-button{justify-content:center;transition:all .2s}.action-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.bg-yellow-100{background-color:#fef3c7}.bg-red-100{background-color:#fee2e2}.text-yellow-800{color:#92400e}.text-green-800{color:#065f46}.text-red-800{color:#991b1b}.text-orange-800{color:#9a3412}.commission-amount{color:#111827;font-size:1rem;font-weight:600}.commission-gross{color:#6b7280;font-size:.875rem}.admin-notes-textarea{min-height:100px;resize:vertical}.date-text{color:#6b7280;font-size:.875rem}.review-button{color:#2563eb;font-size:.875rem;font-weight:500;transition:color .2s}.review-button:hover{color:#1d4ed8;text-decoration:underline}.table-container{overflow-x:hidden;width:100%}.pagination-container{background:#fff;border-top:1px solid #e5e7eb}.admin-table{table-layout:fixed;width:100%}.admin-table td,.admin-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.admin-table td,.admin-table th{font-size:.875rem;padding:.5rem .25rem}.admin-table th{font-size:.75rem}}@media (max-width:768px){.admin-table,.commission-table{font-size:.75rem}.admin-table td,.admin-table th{font-size:.75rem;padding:.375rem .125rem}.admin-table th{font-size:.625rem;font-weight:600}.admin-table td:nth-child(6),.admin-table th:nth-child(6){display:none}.admin-table td:nth-child(2),.admin-table th:nth-child(2){width:25%!important}.admin-table td:nth-child(3),.admin-table th:nth-child(3){width:20%!important}.admin-table td:nth-child(4),.admin-table th:nth-child(4){width:25%!important}.admin-table td:nth-child(5),.admin-table td:nth-child(7),.admin-table th:nth-child(5),.admin-table th:nth-child(7){width:15%!important}.stats-grid{gap:.75rem;grid-template-columns:1fr}.filter-controls{flex-direction:column;gap:.5rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem);width:calc(100vw - 1rem)}.action-button{font-size:.75rem;padding:.375rem .5rem}.commission-amount{font-size:.875rem}.commission-gross{font-size:.75rem}}@media (max-width:640px){.admin-table td,.admin-table th{font-size:.625rem;padding:.375rem .125rem}.admin-table th{font-size:.5rem;font-weight:700}.admin-table td:first-child,.admin-table th:first-child{display:none}.admin-table td:last-child>div{flex-direction:column;gap:.25rem}.action-button{font-size:.625rem;justify-content:center;padding:.25rem .375rem;width:100%}.status-badge{font-size:.625rem;padding:.125rem .375rem}}.status-icon{margin-right:.25rem;vertical-align:middle}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f3f4f6}.table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.loading-spinner{border:3px solid #f3f4f6}.tax-forms-table{border-collapse:collapse;width:100%}.tax-forms-table th{background-color:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.tax-forms-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.tax-forms-table tbody tr:hover{background-color:#f9fafb}.tax-forms-table td{font-size:.875rem;padding:1rem 1.5rem}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-complete{background-color:#d1fae5;color:#065f46}.status-pending{background-color:#fef3c7;color:#92400e}.stat-card{transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.tab-button{border-bottom:2px solid #0000;color:#6b7280;font-size:.875rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s}.tab-button:hover{color:#374151}.tab-button.active{border-bottom-color:#3b82f6;color:#3b82f6}.form-preview{background-color:#f9fafb;border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto;padding:1.5rem}.form-preview pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.year-selector{min-width:120px}.info-alert{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;padding:1rem}.info-alert-icon{color:#f59e0b;flex-shrink:0}.action-button{align-items:center;color:#2563eb;display:inline-flex;font-size:.875rem;font-weight:500;transition:color .2s}.action-button:hover{color:#1d4ed8}.action-button svg{margin-right:.25rem}.preview-section{background-color:#f9fafb;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.preview-section h3{color:#111827;font-weight:600;margin-bottom:1rem}.preview-section p{margin:.25rem 0}.income-display{background-color:#dbeafe;border-radius:.5rem;padding:1.5rem}.income-amount{color:#1e40af;font-size:1.5rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:slideUp .3s ease-out}.search-input{transition:all .2s}.search-input:focus{box-shadow:0 0 0 3px #3b82f61a}.empty-state{color:#6b7280;padding:3rem}.empty-state-icon{color:#d1d5db;height:48px;width:48px}@media (max-width:768px){.tax-forms-table{font-size:.75rem}.tax-forms-table td,.tax-forms-table th{padding:.5rem .75rem}.stat-cards{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.download-button{align-items:center;background-color:#3b82f6;border-radius:.375rem;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.download-button:hover{background-color:#2563eb}.download-button svg{margin-right:.5rem}.form-metadata{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.form-metadata p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.form-metadata span{color:#374151;font-weight:600}.no-data{color:#6b7280;font-size:.875rem;padding:2rem;text-align:center}.form-type{background-color:#e5e7eb;border-radius:.25rem;color:#374151;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.analytics-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.bg-green-100{background-color:#d1fae5}.text-green-600{color:#059669}.bg-purple-100{background-color:#e9d5ff}.text-purple-600{color:#9333ea}.bg-orange-100{background-color:#fed7aa}.text-orange-600{color:#ea580c}.chart-container{height:16rem;position:relative;width:100%}.metric-card{transition:all .2s ease-in-out}.metric-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.tab-button{position:relative;transition:all .2s ease-in-out}.tab-button:after{background-color:initial;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transition:background-color .2s ease-in-out}.tab-button.active:after{background-color:#3b82f6}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{background-color:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;text-align:left;text-transform:uppercase}.analytics-table td{border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.analytics-table tbody tr:hover{background-color:#f9fafb}.progress-bar{background-color:#e5e7eb;border-radius:9999px;height:.5rem;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background-color:#3b82f6;border-radius:9999px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease-in-out}.export-button{transition:all .2s ease-in-out}.export-button:hover{transform:scale(1.05)}.export-button:active{transform:scale(.95)}@media (max-width:640px){.analytics-content{padding:0}.analytics-table{font-size:.875rem}.analytics-table td,.analytics-table th{padding:.5rem 1rem}}.rank-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;width:2rem}.rank-badge.gold{background-color:#fef3c7;color:#d97706}.rank-badge.silver{background-color:#e5e7eb;color:#6b7280}.rank-badge.bronze{background-color:#fed7aa;color:#ea580c}.empty-state{padding:3rem 1rem;text-align:center}.empty-state-icon{color:#9ca3af;height:4rem;margin:0 auto 1rem;width:4rem}.insight-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;color:#fff;overflow:hidden;padding:1.5rem;position:relative}.insight-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:200%}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-neutral{color:#6b7280}.agency-settings{margin:0 auto;max-width:1200px;padding:2rem}.settings-header{margin-bottom:2rem}.message{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.message.success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.message.error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.settings-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.tab:hover{color:#374151}.tab.active{border-bottom-color:#2563eb;color:#2563eb}.settings-form{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.form-section{padding:2rem}.section-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.section-description{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.subsection-title{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.625rem .875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group input.disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.logo-section{margin-bottom:2rem}.logo-upload{border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;height:200px;overflow:hidden;position:relative;width:200px}.logo-preview{height:100%;object-fit:contain;width:100%}.logo-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.color-input-group{align-items:center;display:flex;gap:.5rem}.color-input-group input[type=color]{border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;height:38px;padding:.25rem;width:50px}.color-input-group input[type=text]{flex:1 1}.terms-textarea{font-family:inherit;min-height:300px;resize:vertical}.form-actions{background-color:#f9fafb;border-radius:0 0 .75rem .75rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:1.5rem 2rem}.save-button{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.save-button:hover:not(:disabled){background-color:#1d4ed8}.save-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.agency-settings{padding:1rem}.settings-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{font-size:.875rem;padding:.625rem 1rem;white-space:nowrap}.form-section{padding:1.5rem}.form-grid{grid-template-columns:1fr}}.section-header{margin-bottom:1.5rem}.suppliers-table{margin-top:1rem}.table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.table th{color:#374151;font-weight:600}.table tbody tr:hover,.table th{background-color:#f9fafb}.table .text-center{color:#6b7280;font-style:italic;text-align:center}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-primary{background-color:#3b82f6}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280}.btn-secondary:hover{background-color:#4b5563}.btn-sm{font-size:12px;padding:4px 8px}.btn-outline-primary{background-color:initial;border:1px solid #3b82f6;color:#3b82f6}.btn-outline-primary:hover{background-color:#3b82f6;color:#fff}.btn-outline-danger{background-color:initial;border:1px solid #dc2626;color:#dc2626}.btn-outline-danger:hover{background-color:#dc2626;color:#fff}.me-2{margin-right:.5rem}.modal-overlay{background-color:#00000080}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.modal-close:hover{color:#374151}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}.loading-spinner{color:#6b7280;padding:2rem;text-align:center}.registration-success-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-container{animation:slideUp .5s ease-out;border-radius:16px;box-shadow:0 20px 60px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.success-circle{align-items:center;animation:pulse 2s infinite;background:#fff3;border-radius:50%;display:inline-flex;height:80px;justify-content:center;width:80px}.check-icon{color:#fff;height:40px;width:40px}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffffffb3}70%{box-shadow:0 0 0 20px #fff0}to{box-shadow:0 0 0 0 #fff0}}.success-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.success-subtitle{font-size:1.1rem}.agency-info-card,.confirmation-card,.next-steps-card{border-bottom:1px solid #e0e0e0;padding:30px}.agency-info-card:last-child,.confirmation-card:last-child,.next-steps-card:last-child{border-bottom:none}.agency-info-card h3,.confirmation-header h2,.next-steps-card h3{color:#333;font-weight:600;margin-bottom:20px}.timeline-section{padding-left:40px;position:relative}.timeline-section:before{background:#e0e0e0;bottom:20px;content:"";left:19px;position:absolute;top:40px;width:2px}.timeline-item{align-items:flex-start;display:flex;margin-bottom:30px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-icon{align-items:center;background:#fff;border:2px solid #667eea;border-radius:50%;display:flex;height:40px;justify-content:center;left:-40px;position:absolute;width:40px;z-index:1}.timeline-icon .icon{color:#667eea;height:20px;width:20px}.timeline-content h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:8px}.timeline-content p{color:#666;line-height:1.6}.next-steps-list li{background:#f8f9fa;border-radius:8px;padding:15px;transition:background .3s ease}.next-steps-list li:hover{background:#e9ecef}.step-icon{font-size:1.5rem}.next-steps-list span:last-child{color:#495057;line-height:1.5}.detail-row{border-bottom:1px solid #f0f0f0}.detail-label{color:#666}.action-buttons{flex-wrap:wrap;padding:30px}.primary-button,.secondary-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-button:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.secondary-button{background:#f8f9fa;border:2px solid #dee2e6;color:#495057}.secondary-button:hover{background:#e9ecef;border-color:#adb5bd}.button-icon{height:20px;margin-right:8px;width:20px}.footer-note{color:#666;font-size:.9rem;padding:20px 30px}@media (max-width:768px){.success-header h1{font-size:2rem}.success-subtitle{font-size:1rem}.timeline-section{padding-left:30px}.timeline-section:before{left:14px}.timeline-icon{height:30px;left:-30px;width:30px}.timeline-icon .icon{height:16px;width:16px}.action-buttons{flex-direction:column}.primary-button,.secondary-button{justify-content:center;width:100%}}@media print{.registration-success-page{background:#fff}.action-buttons,.footer-note{display:none}.success-container{box-shadow:none}}.error,.loading{flex-direction:column;padding:2rem;text-align:center}.public-quote-view{background-color:#f9fafb;min-height:100vh;padding:2rem 1rem}.quote-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.agency-branding,.quote-header{align-items:center;display:flex}.agency-branding{gap:1rem}.agency-logo{height:80px;object-fit:contain;width:80px}.agency-details h3{color:#111827;font-size:1.25rem;margin:0 0 .25rem}.agent-name{color:#6b7280;font-size:.875rem}.quote-info h1{color:#111827;font-size:2rem;margin:0 0 .5rem}.quote-number{margin:0 0 .25rem}.quote-date,.quote-number{color:#6b7280;font-size:.875rem}.quote-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.quote-content h2{border-bottom:2px solid #e5e7eb;color:#2563eb;font-size:1.5rem;margin:0 0 1rem;padding-bottom:.5rem}.traveler-info{margin-bottom:2rem}.traveler-info p{color:#374151;margin:.5rem 0}.traveler-info strong{color:#111827}.additional-travelers{margin-top:1rem}.additional-travelers ul{margin:.5rem 0 0 1.5rem;padding:0}.quote-options{margin-bottom:2rem}.option-card{background:#f3f4f6;border-radius:6px;margin-bottom:1rem;padding:1.5rem}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.option-header h3{color:#111827;font-size:1.25rem;margin:0}.option-price{color:#2563eb;font-size:1.25rem;font-weight:700}.option-description{color:#6b7280;margin:0 0 1rem}.option-components{border-top:1px solid #e5e7eb;padding-top:1rem}.quote-components{margin-bottom:2rem}.component-card,.component-item{background:#f3f4f6;border-radius:6px;margin-bottom:.75rem;padding:1rem}.component-item{padding:.5rem 1rem}.component-header,.component-item{align-items:center;display:flex;justify-content:space-between}.component-header{margin-bottom:.5rem}.component-header h3{color:#111827;font-size:1.125rem;margin:0}.component-type{color:#6b7280;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.component-title{color:#374151;flex:1 1;margin:0 1rem}.component-price{color:#2563eb;font-weight:600}.component-details{color:#6b7280;font-size:.875rem;margin-top:.5rem}.component-details p{margin:.25rem 0}.quote-attachments{margin-bottom:2rem}.attachments-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{align-items:center;background:#f3f4f6;border-radius:4px;display:flex;gap:.5rem;padding:.5rem}.file-icon{font-size:1.25rem}.file-name{color:#374151;flex:1 1}.download-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:background .2s}.download-btn:hover{background:#1d4ed8}.quote-summary{background:#f9fafb;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.pricing-summary{display:flex;flex-direction:column;gap:.75rem}.price-line{align-items:center;display:flex;font-size:1rem;justify-content:space-between}.price-line.deposit{border-top:1px solid #e5e7eb;padding-top:.75rem}.total-amount{color:#111827;font-size:1.5rem;font-weight:700}.deposit-amount{color:#2563eb;font-size:1.25rem;font-weight:600}.quote-notes{margin-bottom:2rem}.quote-notes p{color:#6b7280;line-height:1.6}.quote-footer{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:2rem}.agent-info h3{color:#111827;font-size:1.25rem;margin:0 0 1rem}.agent-info p{color:#374151;margin:.25rem 0}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{color:#2563eb;text-decoration:none}.social-links a:hover{text-decoration:underline}.action-buttons{align-items:center;gap:1rem}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.contact-modal{background:#fff;border-radius:8px;max-width:500px;padding:2rem;width:100%}.contact-modal h2{color:#111827;margin:0 0 1rem}.contact-modal textarea{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;resize:vertical;width:100%}.contact-modal textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.modal-buttons button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.modal-buttons button:hover{background:#f3f4f6}.modal-buttons .btn-primary{border:none}@media (max-width:768px){.quote-header{text-align:center}.agency-branding,.quote-header{flex-direction:column}.quote-info h1{font-size:1.5rem}.action-buttons,.quote-footer{flex-direction:column}.action-buttons,.btn-primary,.btn-secondary{width:100%}}@media print{.public-quote-view{background:#fff;padding:0}.quote-content,.quote-footer,.quote-header{box-shadow:none;margin:0;padding:1rem}.action-buttons,.social-links{display:none}}.public-payment-page{background-color:#f5f5f5;min-height:100vh;padding:20px}.payment-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:40px;padding:20px;text-align:center}.payment-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.payment-header p{color:#666;font-size:1.1rem;margin-bottom:15px}.security-badge{align-items:center;color:#059669;display:flex;font-size:.9rem;gap:10px;justify-content:center;margin-top:20px}.security-badge svg{height:20px;width:20px}.payment-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr;margin:0 auto;max-width:1000px}.payment-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.payment-summary h2{color:#333;font-size:1.5rem;margin-bottom:20px}.summary-line{align-items:start;border-bottom:1px solid #eee;display:flex;gap:10px;justify-content:space-between;padding:10px 0}.summary-line:last-child{border-bottom:none}.summary-line.total{border-top:2px solid #333;font-weight:700;margin-top:10px;padding-top:15px}.amount{color:#2563eb;font-size:1.3rem;font-weight:700}.summary-note{background-color:#fef3c7;border-radius:6px;color:#92400e;font-size:.9rem;margin-top:15px;padding:12px}.payment-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.payment-form h2{color:#333;font-size:1.5rem;margin-bottom:20px}.payment-form h3{color:#333;font-size:1.2rem;margin-top:30px}.form-group,.payment-form h3{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#2563eb;outline:none}.form-group input.error{border-color:#dc2626}.error-message{color:#dc2626;display:block;font-size:.875rem;margin-top:4px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.expiry-inputs{align-items:center;display:flex;gap:10px}.expiry-inputs input{width:60px}.expiry-inputs span{color:#999;font-size:1.2rem}.add-payment-method{margin:20px 0;text-align:center}.link-button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:1rem;padding:8px 12px;text-decoration:underline}.link-button:hover{color:#1d4ed8}.second-payment-section{border-top:2px solid #e5e7eb;margin-top:30px;padding-top:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.remove-button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:.9rem;padding:4px 8px}.remove-button:hover{text-decoration:underline}.terms-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:40px;padding:20px}.terms-section h3{margin-bottom:15px;margin-top:0}.terms-content{color:#374151;font-size:.9rem;line-height:1.6;max-height:200px;overflow-y:auto;padding-right:10px}.terms-content::-webkit-scrollbar{width:8px}.terms-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.terms-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.agreement-section{margin:30px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:8px;width:auto}.checkbox-label span{color:#555}.submit-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:30px;padding:15px;transition:background-color .3s;width:100%}.submit-button:hover:not(:disabled){background-color:#1d4ed8}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.error,.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.error{color:#dc2626}@media (max-width:968px){.payment-content{grid-template-columns:1fr}.payment-summary{position:static}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.payment-header h1{font-size:2rem}.payment-form,.payment-summary{padding:20px}}@media print{.public-payment-page{background:#fff}.payment-form,.payment-header,.payment-summary{border:1px solid #ddd;box-shadow:none}button{display:none}}.payment-success-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-container,.loading-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:60px 40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon{font-size:60px;margin-bottom:20px}.success-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:800px;overflow:hidden;width:100%}.success-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:40px;text-align:center}.success-icon{animation:checkmark .6s ease;display:inline-block;margin-bottom:20px}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-header h1{font-size:36px;font-weight:600;margin:0 0 10px}.success-subtitle{font-size:18px;margin:0;opacity:.9}.agent-info-card,.confirmation-card,.next-steps-card{border-bottom:1px solid #eee;padding:30px 40px}.confirmation-header h2{color:#333;font-size:24px;margin:0 0 20px}.confirmation-details{background:#f8f9fa;border-radius:8px;padding:20px}.detail-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6c757d;font-size:14px;font-weight:500}.detail-value{color:#333;font-size:16px;font-weight:600;text-align:right}.confirmation-number{color:#4caf50;font-family:Courier New,monospace;font-size:18px}.amount{color:#2e7d32;font-size:20px}.remaining-balance{background:#fff3cd;margin:10px -20px;padding:12px 20px}.remaining-balance .detail-value{color:#856404}.agent-info-card h3,.next-steps-card h3{color:#333;font-size:20px;margin:0 0 20px}.next-steps-list{list-style:none;margin:0;padding:0}.next-steps-list li{align-items:flex-start;display:flex;line-height:1.6;margin-bottom:15px}.step-icon{flex-shrink:0;font-size:20px;margin-right:15px}.agent-details{background:#f8f9fa;border-radius:8px;padding:20px}.agent-name{color:#333;font-size:18px;font-weight:600;margin:0 0 5px}.agency-name{color:#666;font-size:16px;margin:0 0 15px}.contact-info{align-items:center;color:#555;display:flex;margin:5px 0}.contact-info .icon{margin-right:10px}.action-buttons{display:flex;gap:15px;justify-content:center;padding:30px 40px}.home-button,.print-button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 30px;text-decoration:none;transition:all .3s ease}.print-button{background:#6c757d;color:#fff}.print-button:hover{background:#5a6268;box-shadow:0 4px 10px #0003;transform:translateY(-1px)}.home-button{background:#007bff;color:#fff}.home-button:hover{background:#0056b3;box-shadow:0 4px 10px #0003;transform:translateY(-1px)}.footer-note{background:#f8f9fa;color:#6c757d;font-size:14px;padding:20px 40px;text-align:center}.footer-note p{margin:5px 0}@media print{.payment-success-page{background:#fff;padding:0}.success-container{border:1px solid #ddd;box-shadow:none}.action-buttons,.footer-note{display:none}.success-header{background:none;border-bottom:2px solid #4caf50;color:#333}.success-icon svg{height:60px;width:60px}}@media (max-width:768px){.success-header{padding:30px 20px}.success-header h1{font-size:28px}.success-subtitle{font-size:16px}.agent-info-card,.confirmation-card,.next-steps-card{padding:20px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}.detail-value{font-size:15px;text-align:left}.action-buttons{flex-direction:column;padding:20px}.home-button,.print-button{text-align:center;width:100%}}
/*# sourceMappingURL=main.bf2c7084.css.map*/