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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 10px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#ea4354;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #feb2b2;border-radius:8px;color:#c53030;margin-bottom:20px}.login-button{background:#ea4354;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #ea43544d;transform:translateY(-2px)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:24px}}.header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;padding:0 24px;position:sticky;top:0;z-index:100}.header-content{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px}.header-brand,.header-content{align-items:center;display:flex}.header-brand{background:none;border:none;cursor:pointer;gap:8px;padding:0;transition:opacity .2s ease}.header-brand:hover{opacity:.8}.brand-logo{height:28px;object-fit:contain;width:28px}.brand-text-container{display:flex;flex-direction:column;gap:2px}.brand-text{color:#1a202c;font-size:16px;font-weight:600;line-height:1}.organization-text{color:#718096;font-size:12px;font-weight:400;line-height:1}.header-nav{display:flex;gap:32px;margin-left:auto;margin-right:32px}.nav-item{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 0;transition:color .2s ease}.nav-icon{font-size:16px}.nav-item:hover{color:#4a5568}.nav-item.active{border-bottom-color:#3182ce;color:#1a202c;font-weight:600}.header-user{align-items:center;display:flex;gap:16px}.notification-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:8px;transition:background-color .2s ease}.notification-btn:hover{background:#f7fafc}.user-menu-container{position:relative}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;transition:border-color .2s ease;width:32px}.user-avatar:hover{border-color:#3182ce}.user-avatar-content{color:#fff;font-size:12px;font-weight:600;text-align:center}.user-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.user-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px}.user-name{font-size:14px;font-weight:600;margin-bottom:4px}.user-email{font-size:12px;margin-bottom:4px}.user-role{color:#3182ce;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dropdown-divider{background:#e2e8f0;height:1px}.dropdown-menu{padding:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:#f7fafc}.dropdown-item.logout{color:#e53e3e}.dropdown-item.logout:hover{background:#fed7d7}.dropdown-icon{font-size:16px}@media (max-width:768px){.header{padding:0 16px}.header-nav{flex:none;gap:16px;justify-content:flex-start}.nav-item{font-size:13px}.brand-text{font-size:14px}}@media (max-width:640px){.header-nav{display:none}.header-content{justify-content:space-between}}.ticket-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;margin:20px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:none}.close-btn{background:none;border:none;color:#718096;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s ease}.close-btn:hover{color:#4a5568}.ticket-form{padding:24px}.form-field{margin-bottom:20px}.form-field label{color:#2d3748;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-field input,.form-field textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-field input:focus,.form-field textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#a0aec0}.file-upload-area{border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:all .2s ease}.file-upload-area.dragging,.file-upload-area:hover{background:#f7fafc;border-color:#3182ce}.upload-content{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-icon{color:#718096;font-size:24px}.upload-text{color:#718096;font-size:14px}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.attached-files{border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;max-height:120px;overflow-y:auto}.file-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.file-item:last-child{border-bottom:none}.file-name{color:#2d3748;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:16px;line-height:1;margin-left:8px;padding:4px}.remove-file-btn:hover{color:#c53030}.form-actions{display:flex;justify-content:flex-end;margin-top:24px}.submit-btn{background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.submit-btn:hover:not(:disabled){background:#2c5aa0}.submit-btn:disabled{background:#a0aec0;cursor:not-allowed}.focal-select-container{position:relative}.focal-select-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;text-align:left;transition:border-color .2s ease;width:100%}.focal-select-btn:hover:not(:disabled){border-color:#cbd5e0}.focal-select-btn:focus{border-color:#4f46e5;outline:none}.focal-select-content{flex:1 1}.focal-name{color:#1f2937;font-weight:600}.focal-department{color:#6b7280;font-size:14px}.focal-placeholder{color:#9ca3af}.focal-arrow{color:#6b7280;font-size:14px;transition:transform .2s ease}.focal-arrow.open{transform:rotate(180deg)}.focal-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.focal-option{background:#0000;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.focal-option:hover:not(:disabled){background:#f8fafc}.focal-option:last-child{border-bottom:none}.focal-info .focal-name{color:#1f2937;display:block;font-weight:600;margin-bottom:2px}.focal-details{color:#6b7280;font-size:14px}@media (max-width:768px){.ticket-modal{margin:10px;max-width:none}.modal-header,.ticket-form{padding:16px}.file-upload-area{padding:30px 15px}}.support-dashboard{background:#f8fafc;min-height:100vh;padding:32px}.new-ticket-btn{background:#dce8f4;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.new-ticket-btn:hover{background:#c1d4e8}.recent-tickets-section h2{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 24px;text-align:left}.ticket-tabs{gap:0;margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.tab.active{border-bottom-color:#3182ce;color:#1a202c;font-weight:600}.tab:hover{color:#4a5568}.tickets-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.tickets-table table{border-collapse:collapse;width:100%}.tickets-table thead{background:#f7fafc}.tickets-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:14px;font-weight:600;padding:16px 20px;text-align:left}.tickets-table td{border-bottom:1px solid #f1f5f9;font-size:14px;padding:16px 20px}.ticket-row{cursor:pointer;transition:background-color .2s ease}.ticket-row:hover{background:#f8fafc}.tickets-table tbody tr:last-child td{border-bottom:none}.ticket-id{color:#718096;font-family:Monaco,Menlo,monospace;font-weight:600}.ticket-subject{color:#1a202c;font-weight:500}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-open{background:#e6f3ff;color:#06c}.status-progress{background:#fff4e6;color:#c60}.status-resolved{background:#e6f7e6;color:#060}.status-closed,.status-default{background:#f0f0f0;color:#666}.ticket-date{color:#718096;font-size:13px}.no-tickets{color:#718096;font-style:italic;padding:40px;text-align:center}.error-notification{background:#fee;border:1px solid #fcc;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:16px;position:fixed;right:20px;top:20px;z-index:1001}.error-notification p{color:#c53030;font-size:14px;margin:0}@media (max-width:1024px){.support-dashboard{padding:24px}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.new-ticket-btn{align-self:flex-start}}@media (max-width:768px){.support-dashboard{padding:16px}.header-content h1{font-size:24px}.tickets-table{overflow-x:auto}.tickets-table table{min-width:600px}.tab{font-size:13px;padding:10px 12px}}.ticket-detail{background:#f8fafc;min-height:100vh;padding:32px}.messages-tab-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:600px;padding:0}.messages-section{display:flex;flex:1 1;flex-direction:column;padding:24px}.messages-title{border-bottom:1px solid #e2e8f0;color:#1a202c;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:16px}.messages-conversation{background:#fff;border-radius:8px;flex:1 1;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:16px 0}.message-bubble-container{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px}.message-bubble-container.user-message{flex-direction:row-reverse;justify-content:flex-start}.message-bubble-container.agent-message{flex-direction:row;justify-content:flex-start}.message-avatar{flex-shrink:0}.avatar-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;text-transform:uppercase;width:32px}.message-bubble-container.user-message .avatar-circle{background:#007bff}.message-bubble-container.agent-message .avatar-circle{background:#6c757d}.message-content{display:flex;flex-direction:column;max-width:70%}.message-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.message-bubble-container.user-message .message-header{flex-direction:row-reverse;justify-content:flex-end}.message-bubble-container.agent-message .message-header{justify-content:flex-start}.message-sender-name{color:#6c757d;font-size:12px;font-weight:500}.message-timestamp{color:#6c757d;font-size:11px}.message-bubble{word-wrap:break-word;border-radius:18px;max-width:100%;padding:12px 16px;position:relative}.message-bubble-container.user-message .message-bubble{align-self:flex-end;background:#007bff;border-bottom-right-radius:4px;color:#fff}.message-bubble-container.agent-message .message-bubble{align-self:flex-start;background:#e9ecef;border-bottom-left-radius:4px;color:#495057}.message-text{font-size:14px;line-height:1.4;margin:0}.message-input-container{border-top:1px solid #e2e8f0;margin-top:auto;padding:16px 0 0}.message-input-wrapper{align-items:center;display:flex;gap:12px}.input-avatar{flex-shrink:0}.input-avatar .avatar-circle{background:#007bff;height:32px;width:32px}.message-input-box{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;display:flex;flex:1 1;min-height:40px;padding:4px 4px 4px 16px}.message-input{background:#0000;border:none;color:#374151;flex:1 1;font-size:14px;max-height:100px;min-height:20px;outline:none;padding:8px;resize:none}.message-input::placeholder{color:#9ca3af}.message-input:disabled{color:#9ca3af;cursor:not-allowed}.send-button{background:#007bff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-left:8px;padding:8px 16px;transition:background-color .2s ease;white-space:nowrap}.send-button:hover:not(:disabled){background:#0056b3}.send-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.send-error{background:#fed7d7;border:1px solid #fc8181;border-radius:6px;color:#9b2c2c;font-size:13px;margin-top:12px;padding:8px 12px}.error-messages,.loading-messages{color:#718096;padding:40px 20px;text-align:center}.error-messages{color:#e53e3e}.no-messages{color:#718096;padding:40px 20px;text-align:center}.no-messages-icon{font-size:48px;margin-bottom:16px}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-top:12px}.attachment-image{border-radius:8px;cursor:pointer;max-height:200px;max-width:200px;object-fit:cover;transition:transform .2s ease}.attachment-image:hover{transform:scale(1.02)}.attachment-link{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;display:inline-flex;font-size:13px;max-width:fit-content;padding:8px 12px;text-decoration:none;transition:background-color .2s ease}.attachment-link:hover{background:#e0f2fe;text-decoration:none}.breadcrumb{align-items:center;display:flex;font-size:14px;margin-bottom:24px}.breadcrumb-link{color:#3182ce;font-size:14px;padding:0;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#718096;margin:0 8px}.breadcrumb-current{color:#4a5568}.ticket-header{margin-bottom:32px}.ticket-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.ticket-meta{color:#718096;font-size:14px;margin:0}.ticket-tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:32px}.ticket-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.ticket-tabs .tab:hover{color:#4a5568}.ticket-tabs .tab.active{border-bottom-color:#3182ce;color:#3182ce;font-weight:600}.ticket-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.details-content{display:flex;flex-direction:column;gap:32px}.description-section h3,.sla-info-section h3,.ticket-info-section h3,.updates-section h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#718096;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item .value{color:#2d3748;font-size:14px;font-weight:500}.description-content{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:14px;line-height:1.6;padding:16px}.timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{align-items:flex-start;display:flex;gap:12px}.timeline-icon{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.timeline-content{flex:1 1;padding-top:4px}.timeline-message{color:#2d3748;font-size:14px;font-weight:500;margin-bottom:4px}.timeline-sender{color:#718096;font-style:italic;font-weight:400}.timeline-date{color:#718096;font-size:12px}.history-content{padding:16px 0}@media (max-width:768px){.ticket-detail{padding:16px}.ticket-header h1{font-size:24px}.info-grid{grid-template-columns:1fr}.ticket-content{padding:16px}.details-content{gap:24px}}.sla-info-section{background:#fff;border-radius:8px;margin-bottom:24px;padding:20px}.sla-status-active{color:#2563eb;font-weight:600}.sla-status-hit{color:#dc2626;font-weight:600}.sla-status-achieved{color:#16a34a;font-weight:600}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.modal-header h2{color:#1a202c;font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-button:hover:not(:disabled){background:#f3f4f6;color:#374151}.create-user-form{gap:20px;padding:0 24px 24px}.create-user-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-group input:disabled,.form-group select:disabled{background-color:#f9fafb;cursor:not-allowed}.role-description{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;padding:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.cancel-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.submit-button{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background:#2c5aa0}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-actions{flex-direction:column-reverse}.cancel-button,.submit-button{justify-content:center;width:100%}}.users-dashboard{background:#f8fafc;min-height:100vh;padding:32px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:40px;width:100%}.header-content{flex:1 1}.header-content h1{color:#1a202c;font-size:32px;font-weight:700;margin:0 0 8px;text-align:left}.welcome-text{color:#718096;font-size:16px;margin:0 0 40px;text-align:left}.new-user-btn{background:#dce8f4;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.new-user-btn:hover:not(:disabled){background:#c1d4e8}.new-user-btn:disabled{cursor:not-allowed;opacity:.5}.users-section h2{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 24px;text-align:left}.users-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table thead{background:#f7fafc}.users-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:600;text-align:left}.users-table td,.users-table th{font-size:14px;padding:16px 20px}.users-table td{border-bottom:1px solid #f1f5f9}.user-row{transition:background-color .2s ease}.user-row:hover{background:#f8fafc}.users-table tbody tr:last-child td{border-bottom:none}.user-name{color:#1a202c;font-weight:500}.user-email{color:#718096;font-family:Monaco,Menlo,monospace;font-size:13px}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.role-admin{background:#e6f3ff;color:#06c}.role-focal{background:#fff4e6;color:#c60}.role-executive{background:#e6f7e6;color:#060}.role-default{background:#f0f0f0;color:#666}.user-date{color:#718096;font-size:13px}.no-users{color:#718096;font-style:italic;padding:40px;text-align:center}.error-state,.loading-state{background:#fff;border-radius:12px;padding:40px;text-align:center}.loading-state p{color:#718096;font-size:16px;margin:0}.error-state p{color:#e53e3e;font-size:16px;margin:0 0 16px}.retry-btn{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.retry-btn:hover{background:#2c5aa0}.permission-notice{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:24px;padding:16px;text-align:center}.permission-notice p{color:#0369a1;font-size:14px;margin:0}@media (max-width:1024px){.users-dashboard{padding:24px}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.new-user-btn{align-self:flex-start}}@media (max-width:768px){.users-dashboard{padding:16px}.header-content h1{font-size:24px}.users-table{overflow-x:auto}.users-table table{min-width:600px}}.main-layout{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;overflow-y:auto;padding:0;width:100%}.main-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:16px 24px;text-align:center}.main-footer p{color:#718096;font-size:14px;font-weight:500;margin:0}@media (max-width:768px){.main-content{padding:0}.main-footer{padding:12px 16px}}.App{-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;min-height:100vh}.loading-container{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#ea4354;height:40px;width:40px}.loading-spinner p{color:#718096;font-size:16px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box}body{margin:0;padding:0}
/*# sourceMappingURL=main.21c613db.css.map*/