body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.login-form h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#007bff;outline:none}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s;width:100%}.login-button:hover:not(:disabled){background-color:#0056b3}.login-button:disabled{background-color:#6c757d;cursor:not-allowed}.context-selector{align-items:end;background:#f8f9fa;border:1px solid #e0e6ed;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:16px}.selector-group{display:flex;flex-direction:column;gap:6px;min-width:200px}.selector-group label{color:#374151;font-size:14px;font-weight:600}.required{color:#dc2626}.selector-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.selector-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.selector-group select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.selector-group select.error{border-color:#dc2626}.client-info{align-items:center;background:#e5f3ff;border:1px solid #b3d9ff;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.client-label{font-weight:600}.client-label,.client-name{color:#1e40af;font-size:14px}.loading-indicator{color:#6b7280;gap:8px;padding:8px 0}.loading-indicator:before{border:2px solid #e5e7eb;border-top-color:#3b82f6}@media (max-width:768px){.context-selector{align-items:stretch;flex-direction:column}.selector-group{min-width:0;min-width:auto}}.customer-management{margin:0 auto;max-width:1400px;padding:2rem}.customer-header{margin-bottom:1rem}.customer-header h2{color:#333;margin:0}.context-required{background:#f8f9fa;border:1px solid #e0e6ed;border-radius:8px;color:#6c757d;padding:2rem;text-align:center}.context-required p{font-size:16px;margin:0}.stats-bar{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:2rem;margin-bottom:1rem;padding:1rem}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-label{color:#666;font-size:.9rem;margin-bottom:.25rem}.stat-value{color:#007bff;font-size:1.5rem;font-weight:700}.search-section{margin-bottom:2rem}.search-row{display:flex;flex-wrap:wrap;gap:1rem}.search-group{display:flex;flex:1 1;gap:.5rem;min-width:300px}.search-group input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem}.search-group button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;white-space:nowrap}.search-group button:hover:not(:disabled){background-color:#0056b3}.search-group button:disabled{background-color:#6c757d;cursor:not-allowed}.error-message{margin-bottom:1rem;padding:.75rem}.customer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;min-height:600px}.customer-details,.customer-list{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.customer-details h3,.customer-list h3{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;color:#333;margin:0;padding:1rem}.customer-cards{max-height:500px;overflow-y:auto;padding:1rem}.customer-card{border:1px solid #e9ecef;border-radius:6px;cursor:pointer;margin-bottom:1rem;padding:1rem;transition:all .2s}.customer-card:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.customer-card.selected{background-color:#f0f8ff;border-color:#007bff}.customer-basic h4{color:#333;margin:0 0 .5rem}.customer-email{color:#007bff;font-weight:500;margin:.25rem 0}.anonymous-id,.customer-id{color:#666;font-family:monospace;font-size:.85rem;margin:.25rem 0}.customer-meta{border-top:1px solid #f0f0f0;margin-top:.5rem;padding-top:.5rem}.created-date{color:#666;font-size:.85rem}.customer-profile{max-height:500px;overflow-y:auto;padding:1rem}.profile-section{border-bottom:1px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem}.profile-section:last-child{border-bottom:none}.profile-section h4{color:#333;font-size:1.1rem;margin:0 0 1rem}.profile-field{align-items:flex-start;display:flex;margin-bottom:.75rem}.profile-field label{color:#555;font-weight:600;margin-right:1rem;min-width:120px}.profile-field span{color:#333;flex:1 1;word-break:break-all}.action-buttons{flex-wrap:wrap;gap:.5rem}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.no-data{color:#666;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.customer-content{grid-template-columns:1fr}.search-row{flex-direction:column}.search-group{min-width:auto}.stats-bar{flex-direction:column;gap:1rem}}.selected-file{background:#f5f5f5;border-radius:4px;color:#666;font-size:12px;margin-top:8px;padding:8px}.btn-outline{background-color:initial;border:1px solid #6c757d;color:#6c757d}.btn-outline:hover:not(:disabled){background-color:#6c757d;color:#fff}.upload-status{border:1px solid;border-radius:6px;margin-top:20px;padding:15px;position:relative}.upload-status.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.upload-status.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.btn-warning{border:1px solid #ffc107}.btn-warning:hover:not(:disabled){background-color:#ffca2c;border-color:#ffca2c}.status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.status-details{background-color:#fffc;border-radius:4px;font-size:14px;padding:10px}.status-details p{margin:5px 0}.event-management{margin:0 auto;max-width:1200px;padding:20px}.event-management-header{margin-bottom:30px;text-align:center}.event-management-header h2{color:#333;margin-bottom:10px}.event-management-header p{color:#666;font-size:16px}.excel-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:25px}.excel-actions{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.excel-actions{gap:20px;grid-template-columns:1fr}}.template-section,.upload-section{background:#fff;border:1px solid #ddd;border-radius:6px;padding:20px}.template-section h3,.upload-section h3{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.template-section p,.upload-instructions,.upload-section p{color:#666;font-size:14px;margin-bottom:15px}.upload-instructions{background:#f0f8ff;border-left:3px solid #007bff;border-radius:4px;font-style:italic;padding:10px}.file-input-group{align-items:flex-end;display:flex;gap:10px;margin-bottom:10px}.file-input-group input[type=file]{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px}.file-info{background:#f5f5f5;border-radius:4px;color:#666;display:flex;flex-direction:column;font-size:12px;gap:5px;margin-top:10px;padding:10px}.btn{padding:10px 20px;text-align:center}.btn-primary{background-color:#007cba}.btn-primary:hover:not(:disabled){background-color:#005a8b}.btn-warning:hover:not(:disabled){background-color:#e0a800}.status-message{border:1px solid;border-radius:6px;margin-top:20px;padding:15px;position:relative}.status-message.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.status-content{justify-content:space-between;margin-bottom:10px}.close-btn,.status-content{align-items:center;display:flex}.close-btn{border-radius:50%;font-size:20px;height:24px;justify-content:center;width:24px}.close-btn:hover{background-color:#0000001a}.upload-details{background-color:#fffc;border-radius:4px;margin-bottom:10px;padding:10px}.upload-details p{font-size:14px;margin:5px 0}.error-report{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin-top:15px;padding:10px}.error-report .btn-warning{font-weight:600;margin:0}.events-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px}.events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.events-header h3{color:#333;margin:0}.no-events{color:#999}.events-table-container{border:1px solid #ddd;overflow-x:auto}.events-table{font-size:14px}.events-table td,.events-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.events-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.events-table tr:hover{background-color:#f5f5f5}.events-table td{color:#333}.pagination{gap:15px;padding:15px 0}.pagination button{border:1px solid #ddd;color:#333;transition:all .2s}.pagination button:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.pagination span{color:#495057;font-weight:500}@media (max-width:768px){.event-management,.events-section,.excel-section{padding:15px}.file-input-group{flex-direction:column;gap:10px}.events-header{align-items:stretch;flex-direction:column;gap:15px}.events-table{font-size:12px}.events-table td,.events-table th{padding:8px}.pagination{flex-wrap:wrap}}.event-type-selection{background-color:#fafafa;border:1px solid #ddd;border-radius:5px;margin:20px 0;padding:15px}.selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.selection-header h4{color:#333;font-size:16px;margin:0}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;text-decoration:underline}.btn-link:hover{color:#0056b3}.event-types-list{background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;padding:10px}.event-type-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:5px;padding:8px;transition:background-color .2s}.event-type-checkbox:hover{background-color:#f5f5f5}.event-type-checkbox input[type=checkbox]{cursor:pointer;margin-right:12px}.event-type-info{display:flex;flex:1 1;flex-direction:column}.event-type-name{color:#333;font-weight:500;margin-bottom:2px}.event-type-attributes{color:#666;font-size:12px}.selection-summary{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.selection-note{color:#666;font-size:14px;font-style:italic;margin:0}.event-type-management{margin:0 auto;max-width:1400px;padding:2rem}.event-type-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.event-type-header div{flex:1 1}.event-type-header h2{color:#333;font-size:1.75rem;margin:0 0 .5rem}.event-type-header p{color:#666;font-size:.95rem;margin:0}.client-selection-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1rem}.client-selection-section .form-group{margin:0}.client-selection-section label{color:#495057;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.client-selector{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;max-width:300px;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.client-selector:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.message{align-items:center;border:1px solid;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.message.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:1rem;opacity:.7;padding:0}.close-btn:hover{opacity:1}.loading{padding:3rem}.event-types-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.event-types-table-wrapper{overflow-x:auto}.event-types-table{border-collapse:collapse;font-size:.9rem;width:100%}.event-types-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem;text-align:left}.event-types-table td{border-bottom:1px solid #dee2e6;padding:1rem;vertical-align:middle}.event-types-table tbody tr:hover{background-color:#f8f9fa}.event-type-name code{background-color:#f1f3f4;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.85rem;padding:.25rem .5rem}.category-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.category-badge.engagement{background-color:#e3f2fd;color:#1976d2}.category-badge.conversion{background-color:#e8f5e8;color:#2e7d32}.category-badge.system{background-color:#fff3e0;color:#f57c00}.category-badge.custom{background-color:#f3e5f5;color:#7b1fa2}.property-count{color:#495057;font-weight:600}.status-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.actions{display:flex;gap:.5rem}.no-event-types{padding:3rem;text-align:center}.no-event-types h3{color:#495057;margin:0 0 .5rem}.no-event-types p{color:#6c757d;margin:0 0 1.5rem}.btn{align-items:center;border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.modal-overlay{padding:1rem}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #dee2e6}.modal-body,.modal-header{padding:1.5rem}.modal-footer{border-top:1px solid #dee2e6;gap:1rem;padding:1rem 1.5rem}.form-row{grid-gap:1rem;gap:1rem}.form-group,.form-row{margin-bottom:1rem}.form-group label{font-weight:600;margin-bottom:.5rem}.help-text{font-size:.8rem;font-weight:400;margin-left:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;font-size:.9rem;padding:.75rem;transition:border-color .2s ease}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.attributes-section{border-top:1px solid #dee2e6;margin-top:2rem;padding-top:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h4{color:#333;margin:0 0 .25rem}.section-header p{color:#6c757d;font-size:.9rem;margin:0}.add-attribute-form{background-color:#f8f9fa;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.attribute-inputs{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:2fr 1fr auto 2fr auto}.checkbox-label{align-items:center;font-size:.85rem;gap:.5rem;white-space:nowrap}.checkbox-label input[type=checkbox]{margin:0;width:auto}.attributes-list{min-height:2rem}.no-attributes{background-color:#f8f9fa;border-radius:6px;color:#6c757d;font-style:italic;padding:2rem;text-align:center}.attribute-item{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:1rem;overflow:hidden}.attribute-item.locked{background-color:#fff8e1;border-color:#ffc107}.attribute-main{padding:1rem}.locked-warning{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-size:.85rem;margin-top:.5rem;padding:.75rem}@media (max-width:768px){.event-type-management{padding:1rem}.event-type-header{flex-direction:column;gap:1rem}.attribute-inputs,.form-row{grid-template-columns:1fr}.attribute-inputs{gap:.75rem}.actions{flex-direction:column}.modal{margin:.5rem}.event-types-table{font-size:.8rem}.event-types-table td,.event-types-table th{padding:.75rem .5rem}}.date-filter{width:100%}.date-select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:14px;padding:10px 12px;width:100%}.date-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.custom-date-inputs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:15px}.date-input-group{display:flex;flex-direction:column}.date-input-group label{color:#6c757d;font-size:12px;font-weight:500;margin-bottom:4px}.date-input{border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:14px;padding:8px 10px}.date-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:480px){.custom-date-inputs{grid-template-columns:1fr}}.event-selector{position:relative;width:100%}.filter-label{display:block;margin-bottom:8px}.selector-container{position:relative}.selector-display{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-height:38px;padding:10px 12px}.selector-display:hover{border-color:#007bff}.selector-display.open{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.selected-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#6c757d;font-size:12px;margin-left:8px;transition:transform .2s}.selector-display.open .dropdown-arrow{transform:rotate(180deg)}.clear-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;position:absolute;right:32px;top:50%;transform:translateY(-50%);width:20px;z-index:1}.clear-button:hover{background-color:#f8f9fa;color:#dc3545}.dropdown-menu{background:#fff;border:1px solid #ced4da;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 4px #0000001a;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-input-container{border-bottom:1px solid #e9ecef;padding:8px}.search-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 10px;width:100%}.search-input:focus{border-color:#007bff;outline:none}.options-list{max-height:200px;overflow-y:auto}.option{color:#495057;cursor:pointer;font-size:14px;padding:10px 12px}.option:hover{background-color:#f8f9fa}.option.selected{background-color:#e7f3ff;color:#007bff;font-weight:500}.no-options{color:#6c757d;font-size:14px;font-style:italic;padding:15px 12px;text-align:center}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#f1f1f1}.options-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.options-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.property-filters{width:100%}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.filter-label{color:#495057;font-size:14px;font-weight:600;margin:0}.add-filter-btn{font-size:14px;padding:6px 12px}.no-filters{background:#f8f9fa;border:1px dashed #ced4da;border-radius:4px;color:#6c757d;font-style:italic;padding:20px;text-align:center}.filters-list{display:flex;flex-direction:column;gap:10px}.filter-row{background:#fff}.filter-controls{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 1.5fr 2fr auto}.operator-select,.property-select,.value-input{border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:14px;padding:8px 10px}.operator-select:focus,.property-select:focus,.value-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.remove-filter-btn{border-radius:4px;min-width:32px;padding:6px 8px}.loading{padding:20px}@media (max-width:768px){.filters-header{align-items:stretch;flex-direction:column;gap:10px}.filter-controls{gap:8px;grid-template-columns:1fr}.remove-filter-btn{justify-self:end;width:fit-content}}@media (max-width:480px){.filter-row{padding:10px}}.modal-overlay{background-color:#00000080;padding:20px;z-index:2000}.event-detail-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:95%}.modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0}.modal-header h3{color:#2c3e50;font-size:20px}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{background-color:#e9ecef;color:#495057}.modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px}.column-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:15px}.column-controls label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.column-toggles{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.column-toggle{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:13px;padding:4px 0}.column-toggle input{cursor:pointer;margin-right:6px}.events-table-container{border:1px solid #e9ecef;border-radius:6px;flex:1 1;overflow:auto}.events-table{border-collapse:collapse;font-size:13px;width:100%}.events-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px 8px;position:sticky;text-align:left;top:0;z-index:10}.events-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.events-table th.sortable:hover{background-color:#e9ecef}.events-table th.sorted{background-color:#e7f3ff;color:#007bff}.sort-indicator{font-size:12px;margin-left:4px}.events-table td{border-bottom:1px solid #f1f3f4;color:#495057;max-width:200px;overflow:hidden;padding:10px 8px;text-overflow:ellipsis;white-space:nowrap}.events-table tr:hover{background-color:#f8f9fa}.events-table tr:nth-child(2n){background-color:#fbfbfb}.events-table tr:nth-child(2n):hover{background-color:#f8f9fa}.no-events{color:#6c757d;font-style:italic;padding:40px;text-align:center}.no-events,.pagination{background:#f8f9fa;border-radius:6px}.pagination{border:1px solid #e9ecef;gap:10px;margin-top:20px;padding:15px}.pagination .btn{font-size:14px;padding:6px 12px}.pagination .btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#6c757d;font-size:14px;margin:0 10px}.btn-secondary:hover:not(:disabled){background-color:#545b62}.events-table-container::-webkit-scrollbar{height:8px;width:8px}.events-table-container::-webkit-scrollbar-track{background:#f1f1f1}.events-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.events-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.modal-overlay{padding:10px}.event-detail-modal{max-height:95vh;width:100%}.modal-content,.modal-header{padding:15px}.column-toggles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.events-table{font-size:12px}.events-table td,.events-table th{max-width:120px;padding:8px 6px}.pagination{flex-wrap:wrap;gap:5px}}.events-analytics{margin:0 auto;max-width:1400px;padding:20px}.analytics-header{margin-bottom:30px}.analytics-header h2{color:#2c3e50;font-size:28px;margin-bottom:8px}.analytics-header p{color:#7f8c8d;font-size:16px;margin:0}.filters-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.filter-group{padding:15px}.filter-group,.property-filters-section{border:1px solid #dee2e6;border-radius:6px}.property-filters-section{background:#fff;margin-top:15px;padding:20px}.results-section{margin-top:30px}.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 #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;text-align:center}.card-value{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:8px}.card-label{color:#7f8c8d;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.view-details-section{margin-top:30px;text-align:center}.view-details-btn{border-radius:6px;font-size:16px;min-width:200px;padding:12px 24px}.view-details-btn:disabled{cursor:not-allowed;opacity:.6}.btn{display:inline-block;text-decoration:none;transition:all .2s}.loading{color:#6c757d;font-style:italic}@media (max-width:768px){.events-analytics{padding:15px}.filters-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}.analytics-header h2{font-size:24px}}.advanced-segment-builder{background:linear-gradient(135deg,#f8f9ff,#e8f0fe);border:2px solid #e3f2fd;border-radius:12px;box-shadow:0 4px 12px #2196f31a;margin:20px 0;padding:24px}.builder-header{margin-bottom:24px;text-align:center}.builder-header h4{color:#1976d2;font-size:1.4em;margin:0 0 8px}.builder-description{color:#666;font-size:.9em;line-height:1.4;margin:0}.group-logic-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:16px}.group-logic-section label{color:#333;display:block;font-weight:600;margin-bottom:8px}.group-logic-select{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.filter-groups{display:flex;flex-direction:column;gap:20px}.filter-group{background:#fff;border:2px solid #e1f5fe;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;position:relative}.group-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.group-header,.group-info{align-items:center;display:flex}.group-info{gap:12px}.group-name-input{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:600;padding:8px 12px}.logic-connector{background:#2196f3;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}.group-controls{align-items:center;display:flex;gap:12px}.remove-group-btn{background:#ff5722;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background .2s}.remove-group-btn:hover{background:#e64a19}.group-filters{margin-bottom:16px}.filter-wrapper{margin-bottom:12px;position:relative}.filter-logic-connector{background:#e3f2fd;border-radius:4px;color:#2196f3;display:inline-block;font-weight:700;margin:8px 0;padding:4px 12px;text-align:center}.filter-item{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:12px;position:relative}.filter-item.customer-filter{border-left:4px solid #4caf50}.filter-item.event-filter{border-left:4px solid #ff9800}.filter-type-badge{background:#4caf50;border-radius:4px;color:#fff;font-size:11px;font-weight:700;min-width:60px;padding:4px 8px;text-align:center}.filter-type-badge.event{background:#ff9800}.filter-select{border:1px solid #ccc;border-radius:4px;font-size:13px;min-width:120px;padding:6px 10px}.filter-input,.filter-select.timeframe{min-width:100px}.filter-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:13px;padding:6px 10px}.remove-filter-btn{background:#f44336;border:none;color:#fff;cursor:pointer;font-size:16px;height:24px;line-height:1;width:24px}.remove-filter-btn:hover{background:#d32f2f}.empty-group-message{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;color:#999;font-style:italic;padding:20px;text-align:center}.add-filter-buttons{display:flex;gap:12px;justify-content:center}.add-filter-btn{border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.add-filter-btn.customer{background:#e8f5e8;border-color:#4caf50;color:#4caf50}.add-filter-btn.customer:hover{background:#4caf50;color:#fff}.add-filter-btn.event{background:#fff3e0;border-color:#ff9800;color:#ff9800}.add-filter-btn.event:hover{background:#ff9800;color:#fff}.add-group-section{margin-top:24px;text-align:center}.add-group-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 2px 8px #2196f34d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.add-group-btn:hover{box-shadow:0 4px 12px #2196f366;transform:translateY(-1px)}.logic-preview{background:#f1f8e9;border:1px solid #8bc34a;border-radius:8px;margin-top:24px;padding:16px}.logic-preview h5{color:#689f38;margin:0 0 8px}.preview-text{color:#333;font-family:Courier New,monospace;font-size:13px;line-height:1.4}.group-preview{background:#fff;border:1px solid #ddd;border-radius:4px;padding:2px 6px}@media (max-width:768px){.filter-item{align-items:stretch;flex-direction:column;gap:8px}.filter-input,.filter-select{min-width:auto}.group-header{align-items:stretch;flex-direction:column;gap:12px}.group-controls{justify-content:space-between}.add-filter-buttons{flex-direction:column}}.segments-container{margin:0 auto;max-width:1200px;padding:20px}.segments-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.segments-header h2{color:#333;margin:0}.segments-list{grid-gap:20px;display:grid;gap:20px}.segment-card{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.segment-info{flex:1 1}.segment-info h3{color:#333;font-size:18px;margin:0 0 10px}.segment-description{color:#666;line-height:1.4;margin:0 0 15px}.segment-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.status{border-radius:4px;font-weight:700}.status.computing{background-color:#fff3cd;color:#856404}.member-count{color:#007bff;font-weight:700}.last-computed{color:#666;font-size:14px}.segment-actions{display:flex;flex-direction:column;gap:10px;min-width:140px}.segment-actions .btn{font-size:14px;margin:0;padding:8px 12px;text-align:center}.no-segments{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;padding:60px 20px;text-align:center}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px}.pagination button{background:#fff;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;padding:8px 16px}.pagination button:hover:not(:disabled){background:#007bff;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:95%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;margin:0}.modal-header button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;font-weight:700}.form-group textarea{min-height:80px;resize:vertical}.criteria-section{background:#f8f9fa;border-radius:6px;margin-bottom:30px;margin-bottom:25px;overflow-x:auto;padding:20px}.criteria-section h4{color:#333;margin:0 0 15px}.filter-row{align-items:flex-end;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:15px;margin-bottom:15px;min-width:0;overflow-x:auto;padding:15px}.filter-row.customer-filter-row,.filter-row.event-filter-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1.8fr 1.8fr 1.2fr 1.2fr 1fr auto;min-width:800px;overflow-x:auto}.filter-row.customer-filter-row{grid-template-columns:2fr 1.5fr 1.5fr auto}.form-field{display:flex;flex-direction:column;gap:5px;min-width:0}.form-field label{color:#495057;font-size:12px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-field input,.form-field select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:0;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-field input:focus,.form-field select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.disabled-input{background-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed}.custom-field-input{margin-top:5px}.remove-filter-btn{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;padding:0;width:36px}.customer-field-select,.event-type-select,.operator-select,.property-select,.timeframe-select{min-width:120px}.loading-indicator{align-items:center;background:#e3f2fd;border:1px solid #2196f3;border-radius:4px;color:#1976d2;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:10px 15px}.loading-indicator:before{animation:spin 1s linear infinite;border:2px solid #2196f3;border-radius:50%;border-top-color:#0000;content:"";height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.filter-row.event-filter-row{grid-gap:10px;align-items:stretch;grid-template-columns:1fr 1fr 1fr}.filter-row.event-filter-row .form-field:nth-child(4),.filter-row.event-filter-row .form-field:nth-child(5){grid-column:span 1}.filter-row.event-filter-row .remove-filter-btn{grid-column:span 1;justify-self:center}}@media (max-width:768px){.filter-row.customer-filter-row,.filter-row.event-filter-row{gap:10px;grid-template-columns:1fr}.remove-filter-btn{justify-self:end;margin-top:10px}}.filter-row input,.filter-row select{margin:0}.btn-small{font-size:12px;min-width:auto;padding:4px 8px}.config-section{background:#f8f9fa;border-radius:6px;margin-top:20px;padding:15px}.config-section h4{color:#333;margin:0 0 15px}.btn-success{background-color:#28a745;border:1px solid #28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#1e7e34}.members-list{max-height:400px;overflow-y:auto}.member-item{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px}.member-item:last-child{border-bottom:none}.member-info{flex:1 1}.member-details{color:#666;display:flex;flex-direction:column;font-size:14px;gap:5px;margin-top:5px}.member-meta{color:#999;font-size:12px}.no-members{color:#666;padding:40px 20px;text-align:center}.loading{padding:60px 20px}.error-message{align-items:center;background:#f8d7da;display:flex;justify-content:space-between;padding:12px 16px}.error-message button{align-items:center;background:none;border:none;color:#721c24;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}@media (max-width:768px){.segments-header{align-items:stretch}.segment-card,.segments-header{flex-direction:column;gap:15px}.segment-actions{flex-direction:row;min-width:auto}.filter-row{gap:5px;grid-template-columns:1fr}.modal-content{margin:10px;width:95%}.pagination{flex-wrap:wrap}}.excel-template-modal{max-height:90vh;max-width:800px;overflow-y:auto}.template-info{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:15px}.template-info p{color:#6c757d;margin:0}.available-fields{margin-bottom:25px}.available-fields h4{color:#333;font-size:16px;margin:0 0 15px}.fields-grid{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto;padding:10px}.field-pill{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:20px;display:flex;font-size:12px;gap:6px;padding:4px 8px}.field-name{color:#1976d2;font-weight:500}.field-copy-btn{background:#1976d2;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:10px;padding:2px 6px;transition:background-color .2s}.field-copy-btn:hover{background:#1565c0}.template-columns{margin-bottom:20px}.columns-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.columns-header h4{color:#333;font-size:16px;margin:0}.column-row{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.column-inputs{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:1fr 2fr}.value-group,.value-input-container{position:relative}.value-input-container textarea{font-family:Courier New,monospace;font-size:13px;resize:vertical;width:100%}.placeholder-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.placeholder-buttons .btn{border-radius:4px;font-size:11px;padding:2px 6px}.btn-outline{background:#fff;border:1px solid #ddd;color:#666}.btn-outline:hover{background:#f0f0f0}.btn-sm{padding:6px 12px}.empty-state{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;color:#6c757d;padding:40px 20px}.empty-state p{font-style:italic;margin:0}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800;border-color:#d39e00;color:#212529}.btn-info{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496;border-color:#117a8b;color:#fff}.property-info{color:#666;display:block;font-size:12px;font-style:italic;margin-top:4px}.property-select optgroup{color:#333;font-weight:700}.property-select option{font-weight:400;padding:4px 8px}.event-filter-row .form-field{position:relative}.event-type-select,.property-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.event-type-select:focus,.property-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.loading-event-types{opacity:.6;pointer-events:none}.loading-event-types:after{color:#666;content:" (Loading...)";font-style:italic}.builder-mode-selector{margin-bottom:20px}.mode-tabs{border:2px solid #e0e0e0;border-radius:8px;gap:0;overflow:hidden}.mode-tab,.mode-tabs{background:#f5f5f5;display:flex}.mode-tab{align-items:center;border:none;color:#666;cursor:pointer;flex:1 1;flex-direction:column;font-weight:500;gap:4px;padding:16px 20px;transition:all .3s ease}.mode-tab:hover{background:#e8f4fd;color:#1976d2}.mode-tab.active{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:inset 0 2px 4px #0003;color:#fff}.mode-description{font-size:11px;font-weight:400;opacity:.8;text-align:center}.mode-tab.active .mode-description{opacity:1}@media (max-width:768px){.excel-template-modal{margin:10px;width:95%}.column-inputs{grid-template-columns:1fr}.fields-grid{max-height:100px}.field-pill{font-size:11px}.mode-tabs{flex-direction:column}.mode-tab{padding:12px 16px}}.download-group{display:flex;flex-wrap:wrap;gap:5px}.download-group .btn{font-size:13px;min-width:120px}.btn.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn.btn-warning:hover{background-color:#e0a800;border-color:#d39e00}.btn.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn.btn-success:hover{background-color:#218838;border-color:#1e7e34}.client-management{padding:20px}.clients-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.clients-table table{border-collapse:collapse;width:100%}.clients-table td,.clients-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.clients-table th{color:#333;font-weight:600}.clients-table th,.clients-table tr:hover{background-color:#f8f9fa}.client-info strong{color:#333;display:block}.client-info small{color:#666;display:block;margin-top:2px}.client-info .address-info{color:#888;font-size:11px;margin-top:4px}.client-info a{color:#007bff;text-decoration:none}.client-info a:hover{text-decoration:underline}.contact-info strong{color:#333;display:block}.contact-info small{color:#666;display:block;font-size:12px;margin-top:2px}.status.suspended{background-color:#fff3cd;color:#856404}@media (max-width:768px){.form-row{grid-template-columns:1fr}.clients-table{overflow-x:auto}.form-container{padding:20px;width:95%}}.checkbox-group{margin-top:5px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;margin-bottom:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:8px;margin-top:2px}.checkbox-text{color:#333;font-weight:500}.field-description{color:#666;display:block;font-size:12px;line-height:1.4;margin-left:20px;margin-top:4px}.dynamic-events{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:3px 8px;text-transform:uppercase}.dynamic-events.enabled{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.dynamic-events.disabled{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.project-management{padding:20px}.form-container{max-width:700px}.projects-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.projects-table table{border-collapse:collapse;width:100%}.projects-table td,.projects-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.projects-table th{color:#333;font-weight:600}.projects-table th,.projects-table tr:hover{background-color:#f8f9fa}.project-info strong{color:#333;display:block}.project-info small{color:#666;display:block;font-size:12px;margin-top:2px}.status{text-transform:capitalize}.status.planning{background-color:#fff3cd;color:#856404}.status.on-hold{background-color:#f8d7da;color:#721c24}.status.completed{background-color:#d1ecf1;color:#0c5460}.status.cancelled{background-color:#f5c6cb;color:#721c24}code{background-color:#f8f9fa;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.api-key-cell{align-items:center;display:flex;gap:8px}.api-key{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:12px;max-width:200px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.api-key-display{align-items:center;display:flex;gap:8px}.api-key-input{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;flex:1 1;font-family:Courier New,monospace;font-size:12px;padding:8px 12px}.api-key-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.btn-copy{background-color:#28a745;color:#fff;font-size:12px;padding:4px 8px;white-space:nowrap}.btn-copy:hover{background-color:#218838}.btn-xs{font-size:11px;padding:2px 6px}.help-text{color:#6c757d;display:block;font-size:12px;margin-top:4px}input:disabled,select:disabled{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.65}select:disabled option{color:#6c757d}.loading-inline{color:#6c757d;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.form-row{grid-template-columns:1fr}.projects-table{overflow-x:auto}.form-container{padding:20px;width:95%}}.user-management{padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#333;margin:0}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{font-size:12px;padding:4px 8px}.btn:disabled{cursor:not-allowed;opacity:.6}.form-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-container{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.form-container h3{color:#333;margin-bottom:20px;margin-top:0}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group label input[type=checkbox]{margin-right:8px;width:auto}.form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.users-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.users-table th{color:#333;font-weight:600}.users-table th,.users-table tr:hover{background-color:#f8f9fa}.user-info strong{color:#333;display:block}.user-info small{color:#666;display:block;font-size:12px;margin-top:2px}.user-type{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.user-type.admin{background-color:#e2e3e5;color:#383d41}.user-type.client{background-color:#d1ecf1;color:#0c5460}.status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:5px}.empty-state{color:#666;padding:40px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px}.loading{color:#666;padding:40px;text-align:center}select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}select:disabled option{color:#999}@media (max-width:768px){.form-row{grid-template-columns:1fr}.users-table{overflow-x:auto}.form-container{padding:20px;width:95%}}.user-management .admin-controls{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.user-management .admin-controls-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.user-management .user-type-selector{align-items:center;display:flex;gap:10px}.user-management .user-type-selector label{color:#495057;font-weight:600;margin:0;white-space:nowrap}.user-management .user-type-selector select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;min-width:150px;padding:8px 12px}.user-management .client-context{border-top:1px solid #dee2e6;padding-top:15px}.user-management .client-context .context-selector{margin:0}.user-management .info-message{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;color:#0c5460;margin-bottom:20px;padding:15px}.user-management .info-message p{margin:0}.user-management .help-text{color:#6c757d;display:block;font-size:12px;margin-top:4px}.dashboard-container{background-color:#f8f9fa;min-height:100vh}.dashboard-header{background-color:#007bff;box-shadow:0 2px 4px #0000001a;color:#fff;justify-content:space-between;padding:1rem 2rem}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:2rem}.dashboard-header h1{font-size:1.5rem;margin:0}.dashboard-nav{display:flex;gap:1rem}.dashboard-nav button{background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.dashboard-nav button:hover{background-color:#ffffff1a;color:#fff}.dashboard-nav button.nav-active{background-color:#fff3;color:#fff;font-weight:500}.user-info{align-items:center;display:flex;gap:1rem}.user-details{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:#fff;font-weight:500}.client-name{font-style:italic}.client-name,.user-role{color:#fffc;font-size:.8rem}.user-role{font-weight:600}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.logout-button:hover{background-color:#c82333}.dashboard-content{padding:2rem}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.card h3{color:#333;font-size:1.25rem;margin:0 0 .5rem}.card p{color:#666;line-height:1.4;margin:0}@media (max-width:768px){.dashboard-header{align-items:stretch}.dashboard-header,.header-left{flex-direction:column;gap:1rem}.dashboard-nav,.user-info{justify-content:center}}.App{text-align:center}.loading-container{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.2dda903a.css.map*/