.qhls-dashboard{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding-bottom:80px}.qhls-header{background:linear-gradient(135deg,#0f766e,#0d5d57);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.qhls-header h1{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.week-selector{display:flex;align-items:center;gap:8px}.week-selector select{padding:6px 12px;font-size:.85rem;font-family:inherit;color:#0f766e;background:#fff;border:none;border-radius:6px;cursor:pointer}.qhls-error{background:#fef2f2;color:#dc2626;padding:12px 20px;text-align:center;font-size:.9rem}.qhls-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.qhls-stat-card{background:#1e293b;border-radius:12px;padding:16px;text-align:center;border:1px solid #334155}.qhls-stat-card.highlight{background:linear-gradient(135deg,#0f766e,#0d5d57);border:none}.qhls-stat-value{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:2px}.qhls-stat-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.qhls-stat-card.highlight .qhls-stat-label{color:#fffc}.qhls-missing-summary{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);margin:0 16px 16px;padding:12px 16px;border-radius:10px;text-align:center}.qhls-missing-count{color:#f59e0b;font-size:1.25rem;font-weight:700}.qhls-missing-text{color:#94a3b8;font-size:.85rem}.qhls-tab-nav{display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto}.qhls-tab-btn{flex:1;padding:12px 16px;font-size:.85rem;font-weight:500;font-family:inherit;color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:10px;cursor:pointer;transition:all .2s;white-space:nowrap}.qhls-tab-btn.active{color:#fff;background:#0f766e;border-color:#0f766e}.qhls-actions-bar{display:flex;gap:10px;padding:0 16px 12px}.qhls-zone-filter{flex:1;padding:10px 36px 10px 14px;font-size:.9rem;font-family:inherit;color:#fff;background:#1e293b;border:1px solid #334155;border-radius:8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}.qhls-zone-filter:focus{outline:none;border-color:#14b8a6}.qhls-refresh-btn{padding:10px 16px;font-size:.85rem;font-weight:500;font-family:inherit;color:#fff;background:#334155;border:1px solid #475569;border-radius:8px;cursor:pointer;transition:all .2s}.qhls-refresh-btn:hover:not(:disabled){background:#475569}.qhls-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.qhls-cards-container{padding:0 16px;display:flex;flex-direction:column;gap:12px}.qhls-response-card{background:#1e293b;border-radius:12px;padding:16px;border:1px solid #334155}.qhls-response-card.no-qhls{opacity:.7;border-color:#f59e0b4d}.qhls-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.qhls-card-zone{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.qhls-card-unit{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:10px}.qhls-card-details{display:flex;gap:16px;color:#94a3b8;font-size:.85rem;margin-bottom:12px}.qhls-card-counts{display:flex;gap:12px;background:#0f172a;border-radius:8px;padding:12px}.qhls-count-item{flex:1;text-align:center}.qhls-count-item.total{border-left:1px solid #334155;padding-left:12px}.qhls-count-value{display:block;color:#fff;font-size:1.25rem;font-weight:700}.qhls-count-item.total .qhls-count-value{color:#14b8a6}.qhls-count-label{color:#64748b;font-size:.7rem;text-transform:uppercase}.qhls-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap}.qhls-status-yes{background:#14b8a633;color:#14b8a6}.qhls-status-no{background:#f59e0b33;color:#f59e0b}.qhls-empty-state{text-align:center;padding:40px 20px;color:#64748b;font-size:.95rem}.qhls-empty-state.success{color:#14b8a6;font-size:1.1rem}.qhls-missing-container{padding:0 16px;display:flex;flex-direction:column;gap:12px}.qhls-missing-zone-card{background:#1e293b;border-radius:12px;overflow:hidden;border:1px solid #334155}.qhls-missing-zone-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f59e0b1a;border-bottom:1px solid #334155}.qhls-missing-zone-name{color:#fff;font-weight:600;font-size:.95rem}.qhls-missing-zone-count{color:#f59e0b;font-size:.8rem;font-weight:500}.qhls-missing-units-list{padding:12px 16px}.qhls-missing-unit-item{padding:10px 0;color:#e2e8f0;font-size:.9rem;border-bottom:1px solid #334155}.qhls-missing-unit-item:last-child{border-bottom:none;padding-bottom:0}.qhls-loading{text-align:center;padding:40px 20px;color:#94a3b8;font-size:.95rem}@media (min-width: 768px){.qhls-stats-grid{grid-template-columns:repeat(4,1fr);padding:20px 24px;gap:16px}.qhls-stat-value{font-size:2rem}.qhls-stat-label{font-size:.75rem}.qhls-cards-container,.qhls-missing-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 24px}.qhls-actions-bar,.qhls-tab-nav{padding:0 24px 16px}.qhls-missing-summary{margin:0 24px 16px}}@media (min-width: 1024px){.qhls-cards-container,.qhls-missing-container{grid-template-columns:repeat(3,1fr)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3B82F6;--primary-light: #EFF6FF;--primary-dark: #1D4ED8;--secondary: #22C55E;--secondary-light: #F0FDF4;--accent: #111111;--accent-light: #F3F4F6;--warning: #F59E0B;--danger: #EF4444;--danger-light: #FEF2F2;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-cute: 0 4px 20px rgba(59, 130, 246, .15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}body{font-family:Anek Malayalam,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gray-50);color:var(--gray-800);line-height:1.6;min-height:100vh}#root{min-height:100vh;padding:var(--space-md)}.container{max-width:800px;margin:0 auto;background:var(--white);padding:var(--space-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}@media (max-width: 640px){#root{padding:var(--space-sm)}.container{padding:var(--space-md);border-radius:var(--radius-lg)}}h1{color:var(--primary);margin-bottom:var(--space-lg);text-align:center;font-size:1.5rem;font-weight:700;position:relative;padding-bottom:var(--space-md)}h3{color:var(--primary);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}@media (max-width: 640px){h1{font-size:1.25rem}h3{font-size:1rem}}.form-group{margin-bottom:var(--space-lg);background:var(--gray-50);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--gray-200)}label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--gray-700);font-size:.95rem}@media (max-width: 640px){.form-group{padding:var(--space-sm) var(--space-md)}label{font-size:.9rem}}input[type=text],input[type=password],input[type=date],input[type=time],input[type=number],select,textarea{width:100%;padding:var(--space-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;background:var(--white);color:var(--gray-800);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=time]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6c5ce726}input[type=text]::placeholder,textarea::placeholder{color:var(--gray-400)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233B82F6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:44px;cursor:pointer}textarea{resize:vertical;min-height:100px}@media (max-width: 640px){input[type=text],input[type=date],input[type=time],input[type=number],select,textarea{padding:var(--space-sm) var(--space-md);font-size:16px}}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border:none;border-radius:var(--radius-md);font-size:1rem;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:linear-gradient(135deg,var(--gray-500),var(--gray-600))}.btn-secondary:hover{background:linear-gradient(135deg,var(--gray-600),var(--gray-700))}.btn-danger{background:linear-gradient(135deg,var(--danger),#b91c1c)}.btn-danger:hover{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-success{background:linear-gradient(135deg,var(--secondary),#15803d)}.btn-success:hover{background:linear-gradient(135deg,#00a884,#008f6f)}@media (max-width: 640px){button{padding:var(--space-sm) var(--space-md);font-size:.9rem;width:100%}}.radio-group{display:flex;gap:var(--space-md);flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:var(--space-sm);position:relative}.radio-option input[type=radio]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--primary)}.radio-option label{margin:0;font-weight:500;cursor:pointer;color:var(--gray-700);font-size:.95rem}.attendee-item{padding:var(--space-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:var(--white);transition:all .2s ease}.attendee-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-cute)}.attendee-name{font-weight:600;margin-bottom:var(--space-sm);color:var(--gray-800);font-size:1rem}.attendee-role{color:var(--gray-500);font-weight:400;font-size:.85rem}.attendance-controls{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.absence-reason{flex:1;min-width:200px;margin-top:var(--space-sm)}@media (max-width: 640px){.attendee-item{padding:var(--space-sm) var(--space-md)}.attendee-name{font-size:.95rem}.attendance-controls{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.absence-reason{min-width:100%}}.minute-item{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);align-items:flex-start}.minute-item textarea{flex:1;min-height:80px}.minute-item button{padding:var(--space-sm);min-width:40px;width:40px;height:40px;border-radius:var(--radius-full)}.add-button{margin-top:var(--space-sm)}@media (max-width: 640px){.minute-item{flex-direction:column}.minute-item button{width:100%;border-radius:var(--radius-md)}}.agenda-selector{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.agenda-selector input[type=text]{flex:1}.agenda-selector button{min-width:50px;padding:var(--space-md);font-size:1.2rem;border-radius:var(--radius-md)}.selected-agendas{margin-top:var(--space-md)}.agenda-item{display:flex;align-items:center;padding:var(--space-md);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all .2s ease}.agenda-item:hover{border-color:var(--primary-light);background:var(--gray-50)}.agenda-item span:first-child{color:var(--primary);font-weight:700;min-width:28px}.agenda-item button{padding:var(--space-xs);background:transparent;box-shadow:none;min-width:auto}.agenda-item button:hover{transform:scale(1.1);background:#ff76751a;border-radius:var(--radius-sm)}@media (max-width: 640px){.agenda-selector{flex-direction:column}.agenda-selector button{width:100%}.agenda-item{padding:var(--space-sm) var(--space-md);font-size:.9rem}}.qhls-table-container{overflow-x:auto;margin-top:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--gray-200)}.qhls-table{width:100%;border-collapse:collapse;background:var(--white);min-width:500px}.qhls-table th,.qhls-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--gray-200)}.qhls-table th{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);font-weight:600;font-size:.9rem;white-space:nowrap}.qhls-table th:first-child{border-radius:var(--radius-md) 0 0 0}.qhls-table th:last-child{border-radius:0 var(--radius-md) 0 0}.qhls-table tbody tr:hover{background:var(--gray-50)}.qhls-table td input{width:100%;padding:var(--space-sm);border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9rem;transition:all .2s ease}.qhls-table td input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce71a}.qhls-table td input[type=number]{text-align:center}.qhls-table td input:disabled{background:var(--gray-100);color:var(--gray-600)}@media (max-width: 640px){.qhls-table th,.qhls-table td{padding:var(--space-sm);font-size:.85rem}.qhls-table td input{padding:var(--space-xs) var(--space-sm);font-size:.85rem}}.submit-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px dashed var(--gray-200);text-align:center}.submit-button{padding:var(--space-md) var(--space-2xl);font-size:1.1rem;background:linear-gradient(135deg,var(--secondary),#15803d);border-radius:var(--radius-full);box-shadow:var(--shadow-md);min-width:200px}.submit-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #22c55e4d}@media (max-width: 640px){.submit-section{margin-top:var(--space-lg);padding-top:var(--space-md)}.submit-button{width:100%;padding:var(--space-md)}}.loading{text-align:center;padding:var(--space-xl);color:var(--primary);font-weight:500}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;margin-left:var(--space-sm);animation:spin 1s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.error{background:linear-gradient(135deg,#fff5f5,#ffe5e5);color:var(--danger);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:2px solid var(--danger-light);font-weight:500}.success{background:linear-gradient(135deg,#f0fff4,#e0ffe9);color:var(--secondary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:2px solid var(--secondary-light);white-space:pre-wrap;line-height:1.6;font-weight:500}.report-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-md);overflow-y:auto}.report-preview-content{background:var(--white);border-radius:var(--radius-xl);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid var(--gray-100);background:linear-gradient(135deg,var(--gray-50),var(--white));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.report-preview-header h2{margin:0;color:var(--primary);font-size:1.25rem;font-weight:700}.close-button{background:none;border:none;font-size:1.8rem;color:var(--gray-500);cursor:pointer;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .2s ease;box-shadow:none}.close-button:hover{background:var(--danger);color:var(--white);transform:rotate(90deg)}.report-preview-body{padding:var(--space-lg);overflow-y:auto;flex:1}.report-section{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.report-section h3{color:var(--primary);margin-bottom:var(--space-sm);font-size:1rem}.report-section h3:before{display:none}.report-content{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.95rem;line-height:1.8;color:var(--gray-700);background:var(--white);padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--gray-200);margin:0}.report-preview-actions{display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-lg);border-top:2px solid var(--gray-100);background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-wrap:wrap}.report-preview-actions button{flex:1;min-width:150px;max-width:200px}@media (max-width: 640px){.report-preview-content{border-radius:var(--radius-lg);max-height:95vh}.report-preview-header{padding:var(--space-md);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.report-preview-header h2{font-size:1.1rem}.report-preview-body{padding:var(--space-md)}.report-preview-actions{padding:var(--space-md);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.report-preview-actions button{width:100%;max-width:none}}.report-container{background:var(--gray-50);padding:var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--gray-200)}.report-container h2{color:var(--primary);font-size:1.2rem;margin-top:var(--space-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--gray-200)}.report-container h2:first-of-type{margin-top:0}@media (max-width: 640px){div[style*="display: flex"][style*="justify-content: space-between"]{flex-direction:column!important;gap:var(--space-md)!important}div[style*="display: flex"][style*="justify-content: space-between"]>div{width:100%!important}div[style*="display: flex"][style*="justify-content: space-between"] button{width:100%!important;margin:var(--space-xs) 0!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}@media print{body{background:#fff}.container{box-shadow:none;max-width:100%}.submit-section,button{display:none}nav[style*="position: fixed"][style*="bottom: 0"]{display:none!important}}nav[style*="position: fixed"][style*="bottom: 0"] button{-webkit-tap-highlight-color:transparent}nav[style*="position: fixed"][style*="bottom: 0"] button:hover{background:var(--gray-50);border-radius:12px}@media (max-width: 640px){nav[style*="position: fixed"][style*="bottom: 0"]{height:65px!important;padding:0 8px!important}nav[style*="position: fixed"][style*="bottom: 0"] button{padding:6px 8px!important;min-width:50px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){nav[style*="position: fixed"][style*="bottom: 0"]{padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;height:calc(70px + env(safe-area-inset-bottom))!important}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #667eea66}50%{transform:scale(1.05);box-shadow:0 4px 12px #667eea99}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow{0%,to{opacity:.3}50%{opacity:.6}}.antigravity-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #667eea66;animation:pulse 2s ease-in-out infinite}.power-user-banner{background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:gradient-shift 3s ease infinite;color:#fff;padding:12px 20px;text-align:center;font-weight:700;margin-bottom:20px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px}.access-badge{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.access-badge.antigravity{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border:2px solid rgba(102,126,234,.3)}.antigravity-accessible{position:relative}.antigravity-accessible:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:inherit;z-index:-1;opacity:.5;animation:glow 2s ease-in-out infinite}.omnipotent-badge{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;padding:12px 20px;border-radius:12px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid rgba(102,126,234,.3)}