@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--surface:#fff;--surface-strong:#eef2f8;--text:#111827;--muted:#6b7280;--border:#d1d5db;--accent:#dc2626;--accent-strong:#c05151;--danger:#dc2626;--success:#16a34a;--shadow:0 24px 80px #0f172a0f;--radius:18px;color:var(--text);background:0 0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:0 0;margin:0}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.app-content{width:100%;transition:margin-left .26s}.rint{width:100%;max-width:346px;margin-top:10px}.sidebar{color:#fff;z-index:60;will-change:transform;background:#eef2ff;flex-direction:column;gap:.5rem;width:200px;padding:16px 14px 18px;transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-right:4px;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 24px #0000002e}@media (width>=901px){.app-shell.sidebar-open .app-content.with-sidebar{margin-left:200px}}.sidebar-overlay{display:none}@media (width<=900px){.sidebar-overlay{z-index:55;background:#0006;animation:.22s forwards fadeIn;display:block;position:fixed;inset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bar{background:currentColor;border-radius:2px;width:20px;height:2px;transition:transform .24s,opacity .2s;display:block}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-logo-image{object-fit:contain;width:50px;height:50px}.sidebar-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-self:flex-end;gap:5px;margin-bottom:8px;padding:6px;display:flex}.sidebar-toggle:hover{color:#fff;background:#ffffff12}.hamburger{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:5px;padding:7px 8px;display:flex}.hamburger:hover{background:var(--surface-strong)}.brand{font-size:1.2rem;font-weight:700}.nav-link{color:#000;border-radius:12px;align-items:center;gap:8px;padding:6px 8px;font-size:.88rem;display:flex}.nav-link.active,.nav-link:hover{color:#fff;background:#dc2626}.nav-section-toggle{color:#000;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:6px 8px;font-size:.88rem;display:flex}.nav-section-toggle:hover{color:#fff;background:#dc2626}.nav-section-label{align-items:center;gap:8px;display:flex}.nav-icon{opacity:.8;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.nav-link.active .nav-icon,.nav-link:hover .nav-icon,.nav-section-toggle:hover .nav-icon{opacity:1}.nav-sublink{padding-left:28px;font-size:.82rem}.nav-chevron{font-size:1rem;transition:transform .2s}.nav-chevron.open{transform:rotate(180deg)}.sidebar-footer{gap:.75rem;display:grid}.page-shell{max-width:1080px;margin:0 auto;padding:0 20px}.page-panel.no-border-panel{box-shadow:none;background:0 0;border:none;padding:6px 0 0}.page-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:9px}.card{margin-bottom:16px}h1{margin:0 0 .5rem;font-size:clamp(2rem,2.5vw,2.8rem)}.subtitle{color:var(--muted);margin-bottom:1.75rem}.form-grid{gap:1rem}.form-grid .full-width{grid-column:1/-1}.form-foot{justify-content:center;align-items:center;margin-top:25px;display:flex}.form-foot button{width:100%;min-width:120px;max-width:180px;padding:12px 24px}@media (width<=576px){.form-foot button{max-width:100%}}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;animation:.3s forwards slideUp;overflow:hidden;box-shadow:0 4px 20px #0000000f}.form-card-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.form-card form{padding:1.5rem}.form-card label{color:var(--text);flex-direction:column;gap:.5rem;margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:flex}.form-card label input,.form-card label select{border:1px solid var(--border);background:var(--surface-strong);width:100%;max-width:100%;height:44px;color:var(--text);border-radius:10px;padding:0 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-card label input:focus,.form-card label select:focus{border-color:var(--accent);background:var(--surface);outline:none;box-shadow:0 0 0 4px #3029b91a}.form-card label input::placeholder{color:var(--muted);font-size:.9rem}.form-card label select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:.25rem;padding-top:.75rem;display:flex}.form-actions.full-width{grid-column:1/-1}.form-actions .button{border-radius:10px;min-width:120px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.form-actions .button-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #b9292933}.form-actions .button-primary:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 12px #b929294d}.form-actions .button-primary:disabled{opacity:.6;cursor:not-allowed}.form-actions .button-muted{color:var(--text);border:1px solid var(--border);background:#fff}.form-actions .button-muted:hover{background:var(--surface-strong);border-color:var(--muted)}@media (width<=768px){.form-grid{grid-template-columns:1fr;gap:1rem}.form-card-header{padding:1rem 1.25rem}.form-card-header h2{font-size:1.25rem}.form-card form{padding:1.25rem}.form-actions{flex-direction:column-reverse;margin-top:.25rem;padding-top:.5rem}.form-actions .button{width:100%}}@media (width<=480px){.form-card-header{padding:.875rem 1rem}.form-card form{padding:1rem}.form-card-header h2{font-size:1.1rem}.form-actions{margin-top:.25rem;padding-top:.5rem}}.chapter-category-row{gap:1rem;margin:.75rem 0 1rem;display:flex}.chapter-category-row .form-group{flex:1;min-width:0;margin:0;padding:0;font-size:.9rem}.chapter-category-row .form-group select{border:1px solid var(--border);background:var(--surface-strong);width:100%;height:44px;color:var(--text);cursor:pointer;appearance:none;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;padding:0 40px 0 14px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:all .2s}.chapter-category-row .form-group select:focus{border-color:var(--accent);background:var(--surface);outline:none;box-shadow:0 0 0 4px #3029b91a}.chapter-category-row .form-group select:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.chapter-category-row{flex-direction:column;gap:.75rem}.chapter-category-row .form-group{width:100%}.chapter-category-row .form-group select{height:44px;padding:0 40px 0 14px;font-size:16px}}.admin-login .admin-login-panel{max-width:520px;margin:0 auto}.admin-login .admin-login-form{max-width:420px;margin:0 auto}.auth-bg-page,.user-login-page,.register-page{background:url(/auth-bg.png) 50%/cover no-repeat fixed;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:24px 16px;display:flex;position:relative;overflow-y:auto}.auth-bg-page:before,.user-login-page:before,.register-page:before{content:"";pointer-events:none;z-index:0;background:#0000008c;position:fixed;inset:0}.user-login-page>*,.register-page>*,.auth-bg-page>*{z-index:1;position:relative}.user-login-card,.register-split{-webkit-backdrop-filter:blur(16px);background-color:#fff;border:1px solid #ffffff4d;border-radius:10px;width:100%;max-width:500px;padding:48px 40px;animation:.5s both slideUp;box-shadow:0 20px 60px #0003}.register-form-panel{background-color:#fff;padding:0}.register-form-inner{width:100%;animation:.5s both slideUp}.register-form-inner h1{text-align:center;color:var(--text);margin:0 0 6px;font-size:1.75rem;font-weight:800}.register-form-inner .subtitle{text-align:center;color:var(--muted);margin-bottom:24px;font-size:.9rem}.register-form .floating-field{width:100%;max-width:100%;margin:1rem auto;display:block}.referral-full-width{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto}@media (width<=768px){.referral-full-width{width:100%}}.register-submit{border-radius:10px;width:100%;max-width:100%;margin:1.5rem auto 0;padding:14px 24px;font-size:1rem;font-weight:600;display:block}.register-form-inner .form-footer{color:var(--muted);justify-content:center;margin-top:24px;font-size:.9rem}.introducer-badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:.75rem;padding:10px 14px;font-size:.88rem;display:flex}.introducer-badge strong{color:var(--accent-strong);font-weight:700;display:block}.introducer-badge span{color:var(--muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.rstbtn{justify-content:center;gap:.5rem;margin:10px;display:flex}.user-login-card .logo-section{text-align:center;margin-bottom:28px}.user-login-card .logo-icon{background:linear-gradient(135deg,#ea6666 0%,#a24b4b 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex;box-shadow:0 6px 16px #667eea40}.user-login-card .logo-icon svg{color:#fff;width:28px;height:28px}.user-login-card{background-color:#fff}.user-login-card h1{color:var(--text);text-align:center;margin:0 0 6px;font-size:1.6rem;font-weight:800}.user-login-card .subtitle{text-align:center;color:var(--muted);margin-bottom:28px;font-size:.88rem}.user-login-form .floating-field{margin-bottom:1.1rem}.user-login-form .button{color:#fff;background:linear-gradient(135deg,#ea6666 0%,#a24b4b 100%);border-radius:10px;width:100%;height:38px;margin-top:6px;margin-bottom:8px;padding:13px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea40}.user-login-form .button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea59}.user-login-form .button:disabled{opacity:.6;cursor:not-allowed}.user-login-form .form-footer{text-align:center;color:var(--muted);margin-top:20px;font-size:.88rem}.user-login-form .form-footer .button-link{color:var(--accent);font-weight:400;text-decoration:none}.user-login-form .form-footer .button-link:hover{text-decoration:underline}.user-login-form .alert{border-radius:10px;margin-bottom:1.25rem;padding:12px}@media (width<=480px){.user-login-page,.register-page{padding:12px}.user-login-card,.register-split{border-radius:14px;max-width:100%;padding:32px 20px}.user-login-card h1,.register-form-inner h1{font-size:1.4rem}.register-form-inner .subtitle{margin-bottom:16px;font-size:.82rem}.register-form .floating-field{max-width:100%;margin:.875rem auto}.register-form .floating-field input,.register-form .floating-field select,.register-form .floating-field textarea{font-size:16px}.register-form{width:100%}.register-submit{height:auto;margin:1.25rem auto 0;padding:14px 20px;font-size:.95rem}.introducer-badge{flex-wrap:wrap;padding:8px 10px;font-size:.82rem}.form-group input{height:44px;font-size:16px}.chapter-category-row{margin:.625rem 0 .875rem}}@media (width>=481px) and (width<=768px){.register-page{padding:20px 16px}.register-split{max-width:450px;padding:36px 32px}.register-form .floating-field{max-width:100%}.register-form-inner h1{font-size:1.55rem}}.login-page{background:linear-gradient(135deg,#f5f7ff 0%,#f8faff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-page .page-panel{border-radius:20px;width:100%;max-width:440px;padding:40px 36px;box-shadow:0 20px 60px #0f172a14}.login-page h1{text-align:center;margin:0 0 6px;font-size:1.75rem;font-weight:800}.login-page .subtitle{text-align:center;margin-bottom:24px;font-size:.9rem}.login-form .floating-field{margin-bottom:.75rem}.login-form .button{border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:.95rem;font-weight:600}.login-panel .form-footer{color:var(--muted);justify-content:center;gap:1rem;margin-top:20px;font-size:.9rem}@media (width<=480px){.login-page{background:#fff;align-items:flex-start;padding:0}.login-page .page-panel{max-width:100%;box-shadow:none;border:none;border-radius:0;padding:32px 24px}}.login-layout{display:block!important}.login-illustration{display:none!important}.login-panel{width:100%!important}label{color:var(--text);gap:.55rem}input{border:1px solid var(--border);background:var(--surface-strong);border-radius:5px;outline:none;width:100%;height:36px;padding:7px 10px}input::placeholder{font-size:.85rem}input:focus{border-color:var(--accent)}.button{border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:5px 9px;font-weight:600}.button-primary{background:var(--accent);color:#fff;margin-bottom:10px}.button-secondary{color:var(--accent-strong);background:#eef2ff;margin-right:10px}.button-muted{border:1px solid var(--border);color:var(--text);background:#fff}.button-link{color:var(--accent-strong);background:0 0;border:none;margin-left:10px;padding:0;font-size:small}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.22s forwards fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:600px;max-height:90vh;animation:.3s forwards slideUp;overflow-y:auto;box-shadow:0 24px 80px #0003}.modal.modal-lg{max-width:800px}.modal.modal-sm{max-width:400px}.modal-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%);border-radius:20px 20px 0 0;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 20px;display:flex}.modal-header-content{flex:1;align-items:center;gap:16px;display:flex}.modal-header-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #667eea4d}.modal-header-text{flex:1}.modal-header-text h2{color:var(--text);margin:0 0 4px;font-size:1.4rem;font-weight:700}.modal-header-text .subtitle{color:var(--muted);margin:0;font-size:.9rem}.modal-close{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--muted);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--surface-strong);color:var(--text);border-color:var(--accent)}.modal-body{padding:28px}.modal-body .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-body .form-row .form-group{margin-bottom:0}.modal-actions{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:10px;padding:16px 28px;display:flex}@media (width<=768px){.modal-overlay{padding:12px}.modal{max-width:100%;max-height:85vh}.modal.modal-lg,.modal.modal-sm{max-width:100%}.modal-header{padding:20px 20px 16px}.modal-header-text h2{font-size:1.2rem}.modal-body{padding:20px}.modal-actions{padding:12px 20px}}@media (width<=480px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-width:100%;max-height:95vh;margin-top:auto}.modal.modal-lg,.modal.modal-sm{max-width:100%;max-height:95vh}.modal-header{border-radius:16px 16px 0 0;padding:16px 16px 12px}.modal-header-icon{width:40px;height:40px;font-size:20px}.modal-header-text h2{font-size:1.1rem}.modal-header-text .subtitle{font-size:.85rem}.modal-close{width:32px;height:32px;font-size:20px;position:absolute;top:12px;right:12px}.modal-body{padding:16px}.modal-body .form-row{grid-template-columns:1fr;gap:.75rem}.modal-actions{gap:8px;padding:12px 16px}}.master-page{max-width:1400px;margin:0 auto;padding:24px;overflow-x:hidden}.master-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.master-header h1{color:var(--text);margin:0;font-size:1.75rem;font-weight:700}.master-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.master-filters .form-input{flex:none;width:auto}.master-filters input[type=text]{flex:1;min-width:200px}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;min-width:0;overflow:auto hidden;box-shadow:0 4px 20px #0000000f}.data-table thead{background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%)}.data-table thead th{text-align:left;color:var(--text);text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--border);white-space:nowrap;padding:8px 6px;font-size:.85rem;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--border);color:var(--text);padding:7px 6px;font-size:.9rem}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-block}.status-active,.status-scheduled,.status-present{color:#166534;background:#dcfce7}.status-inactive,.status-cancelled,.status-absent{color:#b91c1c;background:#fee2e2}.status-pending,.status-late{color:#b45309;background:#fef3c7}.status-completed{color:#1d4ed8;background:#dbeafe}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.button-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.button-danger:hover{background:#fecaca;border-color:#fca5a5}.pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.pagination span{color:var(--muted);font-size:.9rem}.loading{text-align:center;color:var(--muted);padding:60px 20px;font-size:1rem}.form-input{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);vertical-align:middle;border-radius:8px;height:42px;min-height:42px;padding:8px 12px;font-size:.95rem;line-height:1.5;transition:all .2s}.form-input:focus{border-color:var(--accent);background:var(--surface);outline:none;box-shadow:0 0 0 4px #3029b91a}.form-input::placeholder{color:var(--muted);font-size:.85rem}.required{color:var(--danger);margin-left:2px}.modal-body .form-input{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);vertical-align:middle;border-radius:8px;height:42px;min-height:42px;padding:8px 12px;font-size:.95rem;line-height:1.5;transition:all .2s}.modal-body .form-input:focus{border-color:var(--accent);background:var(--surface);outline:none;box-shadow:0 0 0 4px #3029b91a}.modal-body textarea.form-input{resize:vertical;min-height:80px;font-family:inherit}.modal-body select.form-input{cursor:pointer;appearance:none;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;height:42px;min-height:42px;padding-right:36px;line-height:1.5}.member-selector{flex-direction:column;gap:.75rem;width:100%;display:flex}.member-selector .member-list{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;flex-direction:column;gap:.5rem;max-height:220px;padding:.25rem;display:flex;overflow-y:auto}.modal-body .member-selector .member-checkbox{width:100%;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;margin:0;padding:.75rem;font-size:.95rem;font-weight:500;transition:background-color .2s,border-color .2s;display:flex}.modal-body .member-selector .member-checkbox:hover{background:var(--surface)}.modal-body .member-selector .member-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0;padding:0}.member-checkbox-text{align-items:center;gap:.35rem;min-width:0;display:flex}.member-checkbox-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-checkbox-id{color:var(--muted);flex:none;font-size:.85rem}@media (width<=480px){.modal-body .member-selector .member-checkbox{align-items:flex-start}.member-checkbox-text{flex-direction:column;align-items:flex-start;gap:.15rem}.member-checkbox-name{white-space:normal;overflow-wrap:anywhere}}.modal-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.modal-section-title{color:var(--text);align-items:center;gap:8px;margin:0 0 1rem;font-size:.95rem;font-weight:600;display:flex}.modal-section-title:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:16px;display:inline-block}.badge-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.badge-item{background:var(--surface-strong);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.badge-item:hover{border-color:var(--accent);background:#eef2ff}.badge-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.badge-item label{cursor:pointer;color:var(--text);margin:0;font-size:.9rem;font-weight:500}.badge-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#eef2ff}.modal-actions{background:var(--surface-strong);border-radius:0 0 16px 16px;justify-content:flex-end;gap:10px;margin-top:10px;padding:20px 24px;display:flex}.modal-actions .button{border-radius:10px;min-width:100px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.modal-actions .button-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #3029b933}.modal-actions .button-primary:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 12px #3029b94d}.modal-actions .button-primary:disabled{opacity:.6;cursor:not-allowed}.modal-actions .button-secondary{color:var(--text);border:1px solid var(--border);background:#fff}.modal-actions .button-secondary:hover{background:var(--surface);border-color:var(--muted)}@media (width<=640px){.modal{max-width:100%;margin:10px}.badge-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}.notification-bell{cursor:pointer;background:0 0;border:none;margin-right:8px;padding:8px;font-size:1.5rem;transition:transform .2s;position:relative}.notification-bell:hover{transform:scale(1.1)}.notification-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0003}.notifications-list{flex-direction:column;gap:12px;display:flex}.notification-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.notification-item.unread{background:#fef3c7;border-color:#fbbf24}.notification-item.read{opacity:.7}.notification-icon{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:700;display:flex}.notification-content{flex:1;min-width:0}.notification-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.notification-header h4{margin:0;font-size:.95rem;font-weight:600}.notification-time{color:var(--muted);white-space:nowrap;font-size:.8rem}.notification-content p{color:var(--text);margin:0;font-size:.88rem;line-height:1.5}.notification-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=768px){.notification-item{flex-wrap:wrap}.notification-actions{width:100%;margin-top:8px}}.alert{border-radius:14px;margin-bottom:1rem;padding:16px}.alert-info{color:#1d4ed8;background:#eff6ff}.alert-danger{color:#b91c1c;background:#fee2e2}.alert-success{color:#166534;background:#dcfce7}.search-row{flex-wrap:wrap;grid-template-columns:1fr auto auto auto;gap:.75rem;margin-bottom:1.25rem;display:grid}.search-row input{min-width:0}.table-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-search{flex:1;min-width:260px}.table-search input{border:1px solid #d1d5db;border-radius:10px;width:100%;height:42px;padding:0 14px;font-size:14px}.table-actions{flex-wrap:wrap;gap:10px;display:flex}.table-actions button,.table-actions select{border-radius:10px;height:42px;padding:0 16px}.tv-search-form input{width:100%;max-width:300px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}table thead th{text-align:center;vertical-align:middle}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}table th,table td{border:1px solid #ddd;padding:10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-strong);font-size:.8rem;font-weight:600}@media (width<=768px){table{min-width:550px;font-size:11px}th,td{padding:4px 6px}.ad-cid-badge{padding:2px 4px;font-size:10px}}@media (width<=480px){table{min-width:500px;font-size:10px}th,td{padding:2px}}.tv-profile-card{background:#fff;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;padding:20px;display:grid;box-shadow:0 2px 10px #00000014}.tv-profile-card span{color:#777;margin-bottom:6px;font-size:13px;display:block}.tv-profile-card strong{color:#222;font-size:16px}.tv-filters{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.tv-filters input,.tv-filters select{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;height:42px;min-height:42px;padding:0 12px;line-height:1.5}.tv-filters input{flex:1;min-width:220px}.table-header{margin-bottom:16px}.table-header h3{margin:10px;font-size:20px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f5f6fa}thead th{text-align:left;white-space:nowrap;padding:7px;font-size:14px}tbody td{white-space:nowrap;border-top:1px solid #eee;padding:7px}tbody tr:hover{background:#fafafa}.tv-member-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:600}.tv-member-btn:hover{text-decoration:underline}.status-active{color:#00722a;font-weight:600}.status-inactive{color:#dc2626;font-weight:600}@media (width<=768px){.tv-filters{flex-direction:column}.tv-filters input,.tv-filters select{width:100%}}.tv-breadcrumb-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.tv-breadcrumb{color:#666;font-size:14px;font-weight:600}.tv-back-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.tv-back-btn:hover{opacity:.9}.grid-card{grid-template-columns:repeat(4,minmax(10px,160px));grid-auto-rows:1fr;justify-content:center;align-items:center;gap:2rem;display:grid}@media (width<=900px){.grid-card{grid-template-columns:repeat(2,minmax(0,160px))}}@media (width<=480px){.grid-card{grid-template-columns:1fr}}.grid-card>div{background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;height:100%;min-height:56px;padding:12px;display:flex}.grid-card>div strong{color:var(--muted);margin-bottom:2px;font-size:.95rem;display:block}.grid-card>div span{color:var(--text);word-break:break-word;font-weight:600;display:block}.referred-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.referred-item{background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.referred-item.no-border-item{background:0 0;border:none}.referred-item .ref-main{flex-direction:column;gap:4px;display:flex}.referred-item .ref-name{font-weight:700}.referred-item .ref-email,.referred-item .ref-phone{color:var(--muted);font-size:.95rem}@media (width<=600px){.referred-item{flex-direction:column;align-items:flex-start}}.ref-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=600px){.ref-actions{flex-wrap:wrap;justify-content:flex-start}}.referral-input{padding:8px 10px;font-size:.73rem}@media (width<=600px){.referral-input{font-size:.95rem}}.section-block{margin-top:1.5rem}.stat-card strong{color:var(--muted);margin-bottom:.5rem;display:block}.stat-card span{font-size:2rem}.growth-list{gap:.9rem;display:grid}.growth-item{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;gap:1rem;padding:12px 14px;display:flex}.pagination-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:12px 16px 16px;display:flex}.pagination-row .button{border-radius:8px;padding:6px 14px;font-size:.82rem}.pagination-row span{color:var(--muted);font-size:.82rem}.form-footer,.sidebar-footer{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.floating-field{margin-bottom:.9rem;position:relative}.floating-field input,.floating-field select,.floating-field textarea{border:1.5px solid var(--border);background:0 0;border-radius:5px;width:100%;font-family:inherit;font-size:.95rem;transition:all .2s}.floating-field textarea{resize:vertical;width:500px;min-height:80px}.floating-field select{appearance:none;cursor:pointer;color:#555;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}select.form-select{appearance:auto;cursor:pointer;color:#0f172a;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;min-height:42px;padding-right:2.5rem}select.form-select option{color:#0f172a;background:#fff;padding:10px}select.form-select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-input{height:42px;min-height:42px;padding:8px 12px;font-size:.95rem}.floating-field select option{color:#000}.floating-field select:invalid,.floating-field select option[value=""]{color:#999}.floating-field input:focus,.floating-field select:focus,.floating-field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f46e514}.floating-field input::placeholder,.floating-field textarea::placeholder{color:#0000}.floating-field label{color:#999;pointer-events:none;background:#fff;padding:2px 6px;font-size:.85rem;line-height:1.2;transition:all .22s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.floating-field input:focus+label,.floating-field input:not(:placeholder-shown)+label,.floating-field select:focus+label,.floating-field select:not(:placeholder-shown)+label,.floating-field textarea:focus+label,.floating-field textarea:not(:placeholder-shown)+label{color:var(--accent-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffffd9;padding:0 4px;font-size:12px;font-weight:600;top:-9px;left:10px;transform:none;box-shadow:0 0 0 4px #fffffff2}.floating-field .field-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;line-height:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.floating-field .field-toggle:hover{color:var(--accent);background:#4f46e512}.floating-field .field-toggle:active{transform:translateY(-50%)scale(.95)}.floating-field .field-error{color:var(--danger);margin-top:6px;font-size:13px}.floating-field input.invalid{border-color:var(--danger)}.toast{z-index:2000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:8px;min-width:280px;max-width:360px;height:auto;padding:12px 16px;font-size:.9rem;font-weight:500;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;top:24px;right:24px;transform:translateY(-120%);box-shadow:0 4px 16px #0f172a26}.toast-success{color:#fff;background:#22c55ef2;border:1px solid #1665344d}.toast-danger{color:#fff;background:#ef4444f2;border:1px solid #991b1b4d}@media (width<=480px){.toast{max-width:100%;min-width:unset;gap:8px;padding:10px 14px;font-size:.85rem;top:12px;left:12px;right:12px}.toast-message{font-size:.82rem}.toast-icon svg{width:16px;height:16px}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{text-align:center;width:100%;max-width:440px;padding:40px 36px 32px}.auth-card h1,.auth-card .subtitle{text-align:center}.auth-form{max-width:340px;margin:0 auto}.auth-form label{text-align:left}@media (width<=480px){.auth-card{padding:28px 20px 24px}.auth-form{max-width:100%}}.profile-card{background:var(--surface);border:1px solid var(--border);max-width:320px;box-shadow:var(--shadow);border-radius:20px;margin:0;padding-bottom:16px;overflow:hidden}.profile-hero{border-bottom:1px solid var(--border);background:#fafbff;flex-direction:column;align-items:center;padding:18px 14px 10px;display:flex}.profile-avatar{background:#dce8f5;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:8px;display:flex;overflow:hidden;box-shadow:0 4px 16px #4f46e51f}.profile-name{color:var(--text);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 0 8px;font-size:1rem;font-weight:700;display:flex}.profile-uid{background:var(--primary,#f74747);color:#fff;letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.profile-cid{color:var(--muted);font-weight:600}.profile-since{color:#4b6b87;background:#eef2f8;border-radius:999px;padding:6px 18px;font-size:.88rem;font-weight:500;display:inline-block}.profile-info-list{flex-direction:column;gap:6px;padding:8px 14px 6px;display:flex}.profile-row{border-bottom:1px solid #f1f5f9;align-items:baseline;gap:6px;padding:8px 0;font-size:.9rem;display:flex}.profile-row:last-of-type{border-bottom:none}.profile-row-label{color:var(--text);white-space:nowrap;min-width:140px;font-weight:700}.profile-row-value{color:var(--accent);word-break:break-all;font-weight:500}.profile-edit-trigger{justify-content:center;margin-top:16px;display:flex}.profile-edit-form{flex-direction:column;gap:14px;padding:20px 28px 8px;display:flex}.profile-edit-form label,.profile-modal-label{color:var(--muted);flex-direction:column;gap:5px;font-size:.88rem;font-weight:600;display:flex}.profile-edit-form input,.profile-modal-label input{border-radius:8px;height:36px;padding:7px 10px;font-size:.92rem}.profile-edit-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width<=540px){.profile-card{border-radius:14px;margin:0 4px}.profile-info-list,.profile-edit-form{padding-left:18px;padding-right:18px}.profile-row-label{min-width:120px}}.profile-form{max-width:520px;margin:0 auto}.page-panel h2,.page-panel .subtitle{text-align:center}.status-badge.active{color:#166534;background:#5fff95}.status-badge.inactive{color:#991b1b;background:#fee2e2}.floating-field input.with-toggle{padding-right:72px}.floating-field input:focus{outline:none}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.dashboard-stats .stat-row.single{grid-template-columns:1fr}.stat-card,.section-block{border:1px solid var(--border);background:var(--surface-strong);border-radius:12px;padding:12px}.section-block{box-shadow:none;background:0 0;border:none;padding:0}.stat-card{align-items:center;gap:12px;min-height:72px;padding:12px 14px;transition:transform .12s,box-shadow .12s;display:flex}.stat-icon{background:#6366f10f;border-radius:10px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content .stat-label{color:var(--muted);font-size:.85rem}.stat-content .stat-value{color:var(--text);font-size:1.25rem;font-weight:700}.stat-content .stat-meta{color:var(--muted);margin-top:.25rem;font-size:.85rem}@media (width<=900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{flex-direction:column}.app-content,.with-sidebar{padding:12px;margin-left:0!important}.search-row{grid-template-columns:1fr 1fr;gap:.5rem}.search-row input{grid-column:1/-1}}@media (width<=600px){.app-content{padding:8px}h1{font-size:1.4rem}.subtitle{margin-bottom:1rem;font-size:.88rem}.search-row{grid-template-columns:1fr 1fr;gap:.4rem}.search-row input{grid-column:1/-1}table{font-size:.78rem}th,td{padding:7px 8px}.icon-button svg{width:15px;height:15px}.pagination-row{gap:.5rem}.pagination-row .button{padding:8px 10px;font-size:.82rem}.button{padding:9px 12px;font-size:.85rem}}.topbar{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}.topbar-left,.topbar-right{align-items:center;display:flex}.topbar-right{gap:10px;margin-left:auto}.user-icon{background:var(--accent);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-right:10px;font-weight:700;display:flex}@media (width<=768px){.topbar{gap:10px;padding:8px 0}}@media (width<=480px){.topbar{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:8px 0}.topbar>*{flex:unset;width:auto;min-width:0}.user-icon{width:36px;height:36px}}.logo{color:#0f172a;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:8px;font-weight:800;display:flex}.brand-text{margin-top:6px;font-size:1rem;display:inline-block}.topbar-right{margin-left:auto;position:relative}.topbar-right .button-link,.topbar-right .topbar-link,.topbar-right .nav-link{display:flex}.user-icon{width:36px;height:36px}.user-dropdown{border:1px solid var(--border);z-index:999;background:#fff;border-radius:10px;flex-direction:column;min-width:180px;display:flex;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.user-dropdown.show{display:flex}.user-dropdown .button-link{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex}.user-dropdown .button-link:not(:last-child){border-bottom:1px solid #eee}.modal-body label{color:var(--muted);gap:4px;font-size:.85rem;font-weight:600;display:flex}.modal-body label input,.modal-body label select{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;width:100%;height:34px;padding:6px 10px;font-size:.92rem}.modal-body label input:focus,.modal-body label select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #4f46e514}.modal-body label input:disabled{color:var(--muted);cursor:not-allowed;background:#f8fafc}.modal-body .form-grid{gap:.65rem}.icon-button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:background .15s;display:inline-flex}.icon-button:hover{background:var(--surface-strong)}.admin-login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.admin-login-page:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#0f172abf,#4f46e58c);position:absolute;inset:0}.admin-login-bg-blob{filter:blur(100px);opacity:.4;z-index:1;border-radius:50%;position:absolute}.alb1{background:#6366f1;width:280px;height:280px;top:-80px;left:-80px}.alb2{background:#8b5cf6;width:320px;height:320px;bottom:-100px;right:-100px}.admin-login-card{z-index:2;-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff3;border-radius:24px;width:100%;max-width:430px;padding:40px;animation:.6s adminCard;position:relative}@keyframes adminCard{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ad-loading{min-height:40vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.95rem;display:flex}.ad-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ad-hero{color:#fff;background:linear-gradient(135deg,#b14444 0%,#e54646 55%,#ed3a3a 100%);border-radius:20px;margin-bottom:24px;padding:32px 36px;position:relative;overflow:hidden}.ad-hero-blob{opacity:.1;pointer-events:none;border-radius:50%;position:absolute}.ad-blob1{background:#fff;width:320px;height:320px;top:-120px;right:-80px}.ad-blob2{background:#fff;width:200px;height:200px;bottom:-70px;left:-50px}.ad-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.ad-greeting{color:#fffffff2;margin:0 0 8px;font-size:1.1rem;font-weight:600}.ad-hero-title{color:#fff;text-align:left;margin:0 0 6px;font-size:1.6rem;font-weight:800}.ad-hero-sub{color:#ffffffc7;text-align:left;max-width:420px;margin:0;font-size:.88rem}.ad-manage-btn{color:#fff;white-space:nowrap;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:12px;flex-shrink:0;align-items:center;padding:10px 18px;font-size:.88rem;font-weight:600;transition:background .18s;display:flex}.ad-manage-btn:hover{background:#ffffff47}.ad-hero-illo{opacity:.55;pointer-events:none;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.ad-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.ad-stat-card{color:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:18px 16px;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 4px 18px #0000001a}.ad-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000024}.ad-stat-icon{background:#ffffff38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ad-stat-body{flex:1;min-width:0}.ad-stat-label{color:#ffffffbf;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.72rem;font-weight:600}.ad-stat-value{color:#fff;word-break:break-word;font-size:1.2rem;font-weight:800;line-height:1.2}.ad-table-card{border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 14px #0f172a0f}.ad-table-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex}.ad-table-title{text-align:left;margin:0;font-size:1rem;font-weight:700}.ad-table-sub{color:var(--muted);margin:2px 0 0;font-size:.8rem}.ad-cid-badge{color:var(--accent-strong);white-space:nowrap;background:#eef2ff;border-radius:8px;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-block}.ad-name-cell{align-items:center;gap:9px;display:flex}.ad-name-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.ad-table-row{animation:.28s both fadeSlideIn}@media (width<=1100px){.ad-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.ad-hero{padding:24px 22px}.ad-hero-title{font-size:1.3rem}.ad-hero-illo{display:none}.ad-stats{grid-template-columns:repeat(2,1fr);gap:12px}.ad-table-header{padding:14px 16px 12px}}@media (width<=600px){.ad-hero{border-radius:14px;margin-bottom:16px;padding:20px 16px}.ad-hero-title{font-size:1.1rem}.ad-hero-sub{font-size:.8rem}.ad-manage-btn{justify-content:center;width:100%}.ad-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.ad-stat-card{border-radius:12px;padding:14px 12px}.ad-stat-icon{border-radius:9px;width:36px;height:36px}.ad-stat-icon svg{width:18px;height:18px}.ad-stat-value{font-size:1rem}.ad-table-card{border-radius:14px}}@media (width<=400px){.ad-stats{grid-template-columns:1fr}}.ad-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.ad-form-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0f172a0f}.ad-form-title{margin:0 0 8px;font-size:1rem;font-weight:700}.ad-form-desc{color:var(--muted);margin:0 0 16px;font-size:.85rem}.ad-current-top{margin-bottom:12px}.ad-no-top{text-align:center;color:var(--muted);padding:20px 0}.ad-no-data{text-align:center;color:var(--muted);padding:32px 0}.page-container{max-width:100%;margin-left:20px;margin-right:20px;padding:20px}@media (width<=1024px){.app-content{margin:0 20px}}.genealogy-container{padding:20px;overflow-x:auto}.genealogy-node{flex-direction:column;align-items:center;gap:20px;display:flex}.genealogy-node-content{background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;display:flex}.genealogy-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.genealogy-name{font-size:.95rem;font-weight:700}.genealogy-id{color:var(--muted);font-size:.8rem}.genealogy-children{grid-template-columns:auto auto;gap:40px;display:grid}@media (width<=900px){.ad-grid{grid-template-columns:1fr}}.profile-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.profile-referral-col{flex-direction:column;gap:16px;display:flex}.pref-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:0 2px 10px #0f172a0d}.pref-card-header{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;display:flex}.pref-card-header svg{color:var(--accent);flex-shrink:0}.pref-card-header h3{flex:1;margin:0;font-size:.9rem;font-weight:700}.pref-badge{background:var(--accent);color:#fff;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}.pref-url{color:var(--accent);word-break:break-all;background:#eef2ff;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:.76rem;font-weight:500;line-height:1.5}.pref-actions{gap:8px;display:flex}.pref-empty{color:var(--muted);text-align:center;margin:0;padding:8px 0;font-size:.83rem}.pref-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pref-stat{background:var(--surface-strong);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.pref-stat-value{color:var(--accent);font-size:1.4rem;font-weight:800;line-height:1}.pref-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:.72rem;font-weight:600}.pref-referral-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pref-referral-item{background:var(--surface-strong);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pref-referral-avatar{color:#fff;background:linear-gradient(135deg,#fa5a5a,#a24b4b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.pref-referral-info{min-width:0}.pref-referral-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.pref-referral-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}@media (width<=960px){.profile-layout{grid-template-columns:1fr}.profile-card{max-width:100%}}.landing{background:#f8faff;min-height:100vh;font-family:inherit;overflow-x:hidden}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:14px 24px;display:flex}.landing-logo{align-items:center;gap:10px;display:flex}.landing-logo-mark{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:800;display:flex}.landing-logo-text{color:#0f172a;font-size:1.05rem;font-weight:800}.landing-nav-actions{align-items:center;gap:10px;display:flex}.landing-nav-btn-ghost{color:#374151;background:0 0;border:1.5px solid #d1d5db;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:600}.landing-nav-btn-ghost:hover{color:#4f46e5;border-color:#4f46e5}.landing-nav-btn-solid{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:600}.landing-nav-btn-solid:hover{opacity:.9}.landing-hero{align-items:center;min-height:88vh;padding:60px 24px;display:flex;position:relative;overflow:hidden}.landing-hero-blob{filter:blur(80px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.landing-blob1{background:#c7d2fe;width:500px;height:500px;top:-100px;right:-100px}.landing-blob2{background:#ddd6fe;width:350px;height:350px;bottom:-80px;left:-60px}.landing-blob3{background:#bfdbfe;width:250px;height:250px;top:40%;left:35%}.landing-hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1100px;margin:0 auto;display:grid;position:relative}.landing-pill{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;margin-bottom:20px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-block}.landing-hero-title{color:#0f172a;letter-spacing:-.02em;text-align:left;margin:0 0 18px;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;line-height:1.15}.landing-hero-accent{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-desc{color:#475569;max-width:460px;margin:0 0 28px;font-size:1rem;line-height:1.7}.landing-hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.landing-cta-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;align-items:center;padding:13px 24px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #4f46e559}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.landing-cta-secondary{color:#4f46e5;background:#fff;border:2px solid #c7d2fe;border-radius:12px;padding:13px 24px;font-size:.95rem;font-weight:700}.landing-cta-secondary:hover{background:#eef2ff;border-color:#4f46e5}.landing-hero-admin-link{color:#94a3b8;margin:0;font-size:.85rem}.landing-hero-admin-link .button-link{color:#4f46e5;font-weight:600}.landing-hero-illo{justify-content:center;align-items:center;display:flex}.landing-hero-img{filter:drop-shadow(0 20px 48px #4f46e52e);width:100%;max-width:520px;height:auto;animation:5s ease-in-out infinite alternate floatCard}.landing-features{background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:80px 24px}.landing-features-inner,.landing-portals-inner{max-width:1100px;margin:0 auto}.landing-section-label{text-align:center;color:#4f46e5;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:700}.landing-section-title{text-align:center;color:#0f172a;letter-spacing:-.01em;margin:0 0 40px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800}.landing-features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.landing-feature-card{background:#f8faff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;transition:transform .15s,box-shadow .15s}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a14}.landing-feature-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex}.landing-feature-title{color:#0f172a;margin:0 0 6px;font-size:.95rem;font-weight:700}.landing-feature-desc{color:#64748b;margin:0;font-size:.83rem;line-height:1.6}.landing-portals{background:#f8faff;padding:80px 24px}.landing-portals-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:0 auto;display:grid}.landing-portal-card{border:1px solid #0000;border-radius:20px;padding:36px 32px}.landing-portal-customer{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0f172a12}.landing-portal-admin{color:#fff;background:linear-gradient(145deg,#1e1b4b,#312e81)}.landing-portal-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;display:flex}.landing-portal-customer .landing-portal-icon{color:#4f46e5;background:#eef2ff}.landing-portal-admin .landing-portal-icon{color:#fff;background:#ffffff26}.landing-portal-card h3{margin:0 0 8px;font-size:1.2rem;font-weight:800}.landing-portal-customer h3{color:#0f172a}.landing-portal-admin h3{color:#fff}.landing-portal-card p{margin:0 0 16px;font-size:.88rem;line-height:1.6}.landing-portal-customer p{color:#64748b}.landing-portal-admin p{color:#ffffffbf}.landing-portal-features{flex-direction:column;gap:6px;margin:0 0 24px;padding:0;list-style:none;display:flex}.landing-portal-features li{font-size:.83rem;font-weight:500}.landing-portal-customer .landing-portal-features li{color:#475569}.landing-portal-admin .landing-portal-features li{color:#fffc}.landing-portal-actions{flex-wrap:wrap;gap:10px;display:flex}.landing-portal-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;padding:11px 20px;font-size:.88rem;font-weight:700}.landing-portal-btn-ghost{color:#4f46e5;background:0 0;border:1.5px solid #c7d2fe;border-radius:10px;padding:11px 20px;font-size:.88rem;font-weight:700}.landing-portal-btn-ghost:hover{background:#eef2ff}.landing-portal-btn-admin{color:#312e81;background:#fff;border:none;border-radius:10px;padding:11px 20px;font-size:.88rem;font-weight:700;box-shadow:0 2px 10px #00000026}.landing-portal-btn-admin:hover{background:#eef2ff}.landing-footer{background:#0f172a;padding:28px 24px}.landing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;display:flex}.landing-footer-copy{color:#475569;margin:0;font-size:.82rem}@media (width<=960px){.landing-hero-inner{grid-template-columns:1fr;gap:40px}.landing-hero-illo{display:none}.landing-hero{min-height:unset;padding:50px 20px}.landing-features-grid{grid-template-columns:repeat(2,1fr)}.landing-portals-grid{grid-template-columns:1fr;max-width:480px}}@media (width<=600px){.landing-nav-inner{padding:12px 16px}.landing-nav-actions{flex-direction:column;gap:8px}.landing-nav-btn-ghost,.landing-nav-btn-solid{padding:6px 12px;font-size:.8rem}.landing-hero{padding:36px 16px}.landing-hero-title{font-size:1.75rem}.landing-features{padding:48px 16px}.landing-features-grid{grid-template-columns:1fr}.landing-portals{padding:48px 16px}.landing-portal-card{padding:28px 20px}.landing-footer-inner{text-align:center;flex-direction:column}}.admin-login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.admin-login-bg-blob{filter:blur(80px);pointer-events:none;opacity:.12;border-radius:50%;position:absolute}.alb1{background:#a5b4fc;width:380px;height:380px;top:-100px;right:-80px}.alb2{background:#c7d2fe;width:280px;height:280px;bottom:-60px;left:-60px}.admin-login-card{z-index:1;background:var(--surface);border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:20px;padding:18px 16px;position:relative}.admin-login-header{text-align:center;margin-bottom:14px}.admin-login-logo{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 8px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 4px 12px #4f46e52e}.admin-login-title{color:var(--text);margin:0 0 4px;font-size:1rem;font-weight:800}.admin-login-sub{color:var(--muted);margin:0;font-size:.75rem}.admin-login-btn{color:#fff;background:linear-gradient(135deg,#e54646,#ed3a3a);border:none;border-radius:10px;width:100%;margin-top:6px;padding:9px 14px;font-size:.85rem;font-weight:700;transition:opacity .12s,transform .12s;box-shadow:0 3px 8px #4f46e529}.admin-login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.admin-login-links{flex-direction:column;gap:8px;margin-top:12px;display:flex}.admin-login-link{color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;font-size:.85rem;transition:color .15s;display:block}.admin-login-link:hover{color:var(--accent)}.page,.master-page{padding:0 20px}.page-header h1{margin:0 0 .35rem;font-size:1.6rem}.page-header p{color:var(--muted);margin:0;font-size:.95rem}.status-badge{border-radius:3px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.status-active{color:#166534;background:#7dffb7;border:none}.status-inactive{color:#991b1b;background:#fee2e2}.tv-search-card{margin-bottom:1rem}.tv-search-form{align-items:center;gap:8px;display:flex}.tv-search-form input{flex:1;min-width:0;height:32px;padding:5px 10px;font-size:.85rem}.tv-search-form .button{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:.82rem}@media (width<=500px){.tv-search-form{flex-wrap:wrap}.tv-search-form input{min-width:100%}}.tv-profile-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:1rem;padding:14px;display:grid}.tv-profile-card span{color:var(--muted);margin-bottom:3px;font-size:.8rem;font-weight:700;display:block}.tv-profile-card strong{color:var(--text);word-break:break-word;font-size:1rem;display:block}.tv-level-card{margin-bottom:1.25rem}.tv-arrow-btn{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:4px 6px;font-size:.9rem;line-height:1}.tv-arrow-btn:hover{color:var(--accent-strong)}.selected-member-row{border-top:2px solid var(--accent);background:#eef2ff!important}.selected-member-row td{padding:10px 12px}.row-selected{outline:1px solid var(--accent);outline-offset:-1px;background:#f5f7ff!important}.tv-tree-container{background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;padding:20px;overflow-x:auto}.tv-node{margin-bottom:8px}.tv-node-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.tv-node-card.tv-inactive{opacity:.75}.tv-node-header{align-items:flex-start;gap:10px;display:flex}.tv-expand-btn{border:1px solid var(--border);background:var(--surface-strong);cursor:pointer;border-radius:6px;flex-shrink:0;width:28px;height:28px;font-weight:700}.tv-expand-spacer{flex-shrink:0;width:28px}.tv-node-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.tv-user-id{font-weight:700}.tv-position{color:#5b21b6;background:#ede9fe;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.tv-node-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.82rem;display:flex}.tv-children{border-left:2px solid var(--border);margin-top:8px;padding-left:8px}@media (width<=600px){.tv-profile-card{grid-template-columns:1fr}}.mt-tree-container{background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;margin-bottom:1.25rem;padding:16px;overflow-x:auto}.mt-node{margin-bottom:8px}.mt-node-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.mt-node-card.mt-inactive{opacity:.72}.mt-expand-btn{border:1px solid var(--border);background:var(--surface-strong);border-radius:6px;flex:0 0 28px;width:28px;height:28px;font-weight:800;line-height:1}.mt-expand-btn:disabled{background:0 0;border-color:#0000}.mt-node-main{min-width:0}.mt-node-title,.mt-node-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabs{border-bottom:2px solid var(--border);gap:.5rem;margin-bottom:1.5rem;display:flex}@media (width<=768px){.tabs{gap:.75rem;margin-bottom:1rem}.tabs button,.tabs .tab-btn{flex:1}}@media (width<=480px){.tabs{border-bottom:none;flex-direction:row;gap:.01rem;margin-left:3px}.tabs button,.tabs .tab-btn{width:100%}}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1rem;font-weight:600;transition:all .2s}.tab:hover{color:var(--accent)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.business-hours-section{background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;margin-top:.5rem;padding:.75rem}.business-hours-section h3{color:var(--text);margin:0 0 .75rem;font-size:1rem;font-weight:700}.business-hours-group{background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;max-width:600px;margin-bottom:.75rem;padding:.5rem}.business-hours-group:last-child{margin-bottom:0}.business-hours-group-header{color:var(--text);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.schedule-title{color:var(--text);font-size:.9rem;font-weight:600}.remove-schedule-btn{white-space:nowrap;height:26px;padding:.3rem .6rem;font-size:.75rem}.days-grid{flex-wrap:wrap;gap:3px;margin-bottom:.5rem;display:flex}.day-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:50px;height:24px;padding:.25rem .15rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.day-chip:hover{border-color:var(--accent);background:var(--surface-strong)}.day-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.time-inputs-inline{align-items:center;gap:.5rem;display:flex}.time-inputs-inline label{min-width:auto;color:var(--muted);flex:none;margin:0;font-size:.85rem;font-weight:500}.time-inputs-inline input{width:100px;height:24px;padding:0 6px;font-size:.85rem}.add-schedule-btn{height:32px;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem}.button-small{padding:.4rem .8rem;font-size:.85rem}.button-secondary{background:var(--surface-strong);color:var(--text);border:1px solid var(--border)}.button-secondary:hover{background:var(--border)}.button-danger{background:var(--danger);color:#fff}.button-danger:hover{opacity:.9}.map-card{border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.map-input{width:100%}.image-preview{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.image-preview img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:80px;height:80px}.business-directory-form input[type=file]{max-width:280px;padding:4px 8px;font-size:.82rem}input[type=file]::file-selector-button{height:20px;padding:2px 4px;font-size:12px}.business-directory-form .full-width{margin-top:1rem}.business-directory-form .full-width:first-of-type,.business-directory-form .full-width:nth-of-type(2){margin-top:1.5rem}.business-directory-form .full-width input[type=file]{border:1.5px solid var(--border);cursor:pointer;border-radius:8px;max-width:350px;padding:8px 12px;font-size:.9rem}.business-directory-form .full-width input[type=file]:hover{border-color:var(--accent)}.radio-group{gap:1.5rem;margin-top:.5rem;display:flex}.radio-group label{align-items:center;gap:.5rem;display:flex}.radio-group input[type=radio]{width:auto;height:auto}.full-width{grid-column:1/-1;width:100%;max-width:300px}.form-actions{gap:1rem;margin-top:1rem;display:flex}.business-directory-form input,.business-directory-form select,.business-directory-form textarea{max-width:500px;height:40px;padding-left:10px}.business-directory-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.business-directory-form select:hover{border-color:var(--accent)}.business-directory-form select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.country-field-wrapper{flex-direction:column;gap:.35rem;display:flex}.country-label{color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.country-select{border:1.5px solid var(--border);background:var(--surface-strong);width:100%;max-width:500px;height:30px;color:var(--text);cursor:not-allowed;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:5px;margin-bottom:15px;padding:0 36px 0 10px;font-size:.95rem}.country-select:disabled{color:var(--muted);opacity:.7;background-color:#f8fafc}.map-location-label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.map-location-wrapper{align-items:center;gap:.5rem;margin-bottom:15px;display:flex}.map-location-input{border:1.5px solid var(--border);background:var(--surface-strong);max-width:500px;height:30px;color:var(--text);cursor:pointer;border-radius:5px;flex:1;padding:0 10px;font-size:.95rem}.map-location-input:hover{border-color:var(--accent)}.map-location-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f46e51a}.map-picker-button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:5px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.map-picker-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.map-location-preview{margin-top:.5rem}.map-preview-link{color:var(--accent);font-size:.85rem;font-weight:500;text-decoration:none}.map-preview-link:hover{text-decoration:underline}.map-picker-modal{z-index:1000;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.map-picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.map-picker-content{background:var(--surface);border-radius:16px;width:90%;max-width:500px;max-height:90vh;animation:.3s slideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.map-picker-header{border-bottom:1px solid var(--border);background:var(--surface-strong);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.map-picker-header h3{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.map-picker-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.map-picker-close:hover{background:var(--border);color:var(--text)}.map-picker-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.map-picker-instruction{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.map-url-input{border:1.5px solid var(--border);background:var(--surface-strong);border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.map-url-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f46e51a}.map-picker-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.open-maps-link{color:var(--accent);text-align:center;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.open-maps-link:hover{background:var(--accent);color:#fff}.table-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-box input{border:1.5px solid var(--border);border-radius:8px;min-width:250px;padding:.5rem 1rem;font-size:.9rem}.search-box input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f46e51a}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--surface-strong);border-bottom:2px solid var(--border)}.data-table th{text-align:left;color:var(--text);text-transform:uppercase;letter-spacing:.05em;padding:.5rem;font-size:.85rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.4rem;font-size:.9rem}.data-table tbody tr:hover{background:var(--surface-strong)}.data-table tbody tr:last-child td{border-bottom:none}.text-center{text-align:center}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.pagination-info{color:var(--muted);font-size:.9rem}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:380px}.form-card label select{border:1px solid var(--border);background:var(--surface-strong);height:36px;color:var(--text);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:5px;width:100%;max-width:300px;padding:0 36px 0 10px;font-size:.9rem}.form-card label select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f46e514}.form-card label input{max-width:300px}.business-detail-page{max-width:1000px;margin:0 auto}.business-detail-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:2rem;display:flex}.business-detail-title h1{color:var(--text);margin:0 0 1rem;font-size:1.75rem}.business-detail-contact p{color:var(--muted);margin:.5rem 0;font-size:.95rem}.business-detail-actions{flex-shrink:0;gap:.5rem;display:flex}.business-detail-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.business-detail-section h2{color:var(--text);border-bottom:2px solid var(--surface-strong);margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.25rem}.company-overview{grid-template-columns:1fr 300px;align-items:start;gap:2rem;display:grid}@media (width<=768px){.company-overview{grid-template-columns:1fr}}.overview-content{flex-direction:column;gap:1rem;display:flex}.overview-description{color:var(--text);margin:0;line-height:1.7}.overview-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.overview-detail{flex-direction:column;gap:.25rem;display:flex}.overview-detail-label{color:var(--muted);font-size:.85rem;font-weight:600}.overview-detail span:last-child{color:var(--text);font-weight:500}.map-link-button{background:var(--accent);color:#fff;border-radius:8px;align-self:flex-start;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.overview-image{justify-content:center;display:flex}.building-image{object-fit:cover;border-radius:12px;width:100%;max-width:300px;height:auto}.business-hours{flex-direction:column;gap:.75rem;display:flex}.business-hours-days{color:var(--text);font-weight:500}.business-hours-time{color:var(--accent);font-weight:600}.services-list{flex-direction:column;gap:.75rem;display:flex}.location-map{border-radius:12px;overflow:hidden}.quick-actions{justify-content:flex-end;gap:1rem;display:flex}.business-directory-list{margin-top:1rem}.business-directory-table-container{background:var(--surface);border:1px solid var(--border);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;overflow-x:auto}.business-directory-table{border-collapse:collapse;width:100%;min-width:560px}.business-directory-table thead th{z-index:2;background:var(--surface-strong);white-space:nowrap;position:sticky;top:0}.business-directory-table tbody tr.business-table-row{cursor:pointer;transition:background .15s}.business-directory-table tbody tr.business-table-row:hover{background:var(--surface-strong)}.business-directory-table .business-name-cell{font-weight:600}.business-directory-table .actions-col,.business-directory-table .actions-cell{text-align:center;width:80px}.business-directory-table .actions-cell{white-space:nowrap}.business-directory-table .icon-button{color:var(--accent)}.modal-card.business-details-modal{max-width:600px}.business-details-modal-content{flex-direction:column;display:flex}.business-details-modal-content .business-card-header{border-radius:0}.business-details-modal-header{margin:-16px -20px 0}.business-details-modal-content .business-card-section:first-of-type{border-top:1px solid var(--border)}.product-details-block{border-bottom:1px solid var(--border);padding:1rem 0}.product-details-block:last-child{border-bottom:none;padding-bottom:0}.product-details-block h5{color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .75rem;font-size:.9rem;font-weight:600}.product-specs-list,.product-descriptions-list,.product-images-preview{margin-top:1rem}.product-spec-item{background:var(--surface-strong);border-radius:8px;flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.product-description-text{color:var(--text);margin:0 0 .5rem;line-height:1.6}.product-images-grid{flex-wrap:wrap;gap:.75rem;display:flex}.product-preview-image{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:80px;height:80px}@media (width<=768px){.business-directory-table{min-width:520px}.modal-card.business-details-modal{max-width:100%}}.business-cards-grid{gap:1.5rem;display:grid;grid-template-columns:repeat(2,1fr)!important}@media (width<=768px){.business-cards-grid{grid-template-columns:1fr}}.business-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:box-shadow .2s,transform .2s;overflow:hidden}.business-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.business-card-header{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.business-card-title h3{color:#fff;margin:0 0 .75rem;font-size:1.5rem}.business-card-contact{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.contact-item{opacity:.95;font-size:.9rem}.business-card-address{opacity:.9;margin:0;font-size:.85rem}.business-card-section{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.business-card-section:last-child{border-bottom:none}.business-card-section h4{color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1rem;font-weight:600}@media (width<=480px){.business-directory-list{margin-top:.75rem}.business-card{border-radius:10px}.business-card-header{padding:.9rem}.business-card-title h3{font-size:1.1rem}.business-card-section{padding:.9rem}.business-card-section h4{font-size:.9rem}.contact-item,.business-card-address{word-break:break-word;font-size:.8rem}.edit-business-btn{width:100%}}@media (width<=768px){.business-cards-grid{gap:1rem;grid-template-columns:1fr!important}.business-card{width:100%;max-width:100%}.business-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.business-card-title{flex:1;min-width:0}.business-card-title h3{word-break:break-word;margin-bottom:.5rem;font-size:1.3rem}.business-card-contact,.business-card-address{word-break:break-word;overflow-wrap:anywhere;line-height:1.5}.business-card-header .btn,.edit-business-btn{white-space:nowrap;flex-shrink:0;width:auto}.business-card-section{padding:1rem}}@media (width<=480px){.business-card-header{flex-direction:column;align-items:stretch}.business-card-header .btn,.edit-business-btn{width:100%;margin-top:.75rem}.business-card-title h3{font-size:1.15rem}.contact-item,.business-card-address{font-size:.9rem}}.business-directory-list,.business-cards-grid{width:100%;max-width:100%}.business-card{width:100%}.business-description{color:var(--text);margin:0;line-height:1.6}.business-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=768px){.business-info-grid{grid-template-columns:1fr}}.business-info-item{flex-direction:column;gap:.25rem;display:flex}.business-info-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.business-info-value{color:var(--text);font-size:.95rem;font-weight:500}.business-details-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=768px){.business-details-grid{grid-template-columns:1fr}}.business-detail-item{flex-direction:column;gap:.25rem;display:flex}.business-detail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.business-detail-value{color:var(--text);font-size:.95rem;font-weight:500}.business-detail-link{color:var(--accent);text-decoration:none;transition:color .2s}.business-detail-link:hover{color:var(--accent-strong);text-decoration:underline}.business-hours{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=768px){.business-hours{grid-template-columns:1fr}}.business-hours-item{background:var(--surface-strong);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.business-hours-days{color:var(--text);font-size:.9rem;font-weight:500}.business-hours-time{color:var(--accent);font-size:.9rem;font-weight:600}.services-list{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=768px){.services-list{grid-template-columns:1fr}}.service-item{background:var(--surface-strong);border-left:3px solid var(--accent);border-radius:6px;padding:.75rem 1rem}.service-name{color:var(--text);font-size:.95rem;font-weight:500}.map-link-button{background:var(--accent);color:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.map-link-button:hover{background:var(--accent-strong)}.form-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.form-card-header h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.modal-sm{max-width:400px}.modal-body .text-muted{color:var(--muted);margin-top:.5rem;font-size:.85rem}.alert{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin:1rem;padding:1rem 1.25rem;display:flex}.alert p{margin:0;font-size:.9rem}.alert button{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.25rem;display:flex}.alert-success{color:#166534;background:#dcfce7;border-color:#22c55e}.alert-danger{color:#991b1b;background:#fee2e2;border-color:#ef4444}.button-muted{background:var(--surface-strong);color:var(--text);border:1px solid var(--border)}.button-muted:hover{background:var(--border)}@media (width<=768px){.table-actions{flex-direction:column;align-items:stretch}.search-box input{min-width:100%}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:.4rem}.form-card{padding:1rem}}@media (width>=768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.form-grid{grid-template-columns:1fr}.days-grid{grid-template-columns:repeat(4,1fr)}.time-inputs-inline{flex-direction:column;align-items:stretch}.radio-group{flex-direction:column;gap:.75rem}.business-directory-form input,.business-directory-form select,.business-directory-form textarea,.full-width,.business-hours-group{max-width:100%}}@media (width>=768px) and (width<=1024px){.full-width,.business-hours-group{max-width:600px}}.mt-node-title{margin-bottom:4px}.mt-level{color:var(--muted);font-size:.8rem;font-weight:700}.mt-node-meta{color:var(--muted);font-size:.82rem}.mt-children{border-left:2px solid var(--border);margin-top:8px;padding-left:8px}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:var(--surface-strong);color:var(--text);transform:rotate(90deg)}.modal-header-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3029b940}.modal-header-content{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.modal-header-text{flex:1;min-width:0}.modal-header h2{color:var(--text);word-wrap:break-word;align-items:center;gap:12px;margin:0 0 6px;font-size:1.6rem;font-weight:700;display:flex}.modal-header .subtitle{color:var(--muted);word-wrap:break-word;margin:6px 0 0;font-size:.9rem;font-weight:400}@media (width<=768px){.modal-header{padding:20px 20px 16px}.modal-header-icon{border-radius:10px;width:40px;height:40px;font-size:1.25rem}.modal-header-content{gap:12px}.modal-header h2{gap:10px;font-size:1.35rem}.modal-header .subtitle{font-size:.85rem}}@media (width<=480px){.modal-header{padding:16px 16px 12px}.modal-header-icon{border-radius:8px;width:36px;height:36px;font-size:1.1rem}.modal-header-content{gap:10px}.modal-header h2{gap:8px;margin:0 0 4px;font-size:1.15rem}.modal-header .subtitle{margin:4px 0 0;font-size:.8rem}.modal-close{padding:2px 4px;font-size:18px}}.modal-body .form-input::placeholder{color:var(--muted);opacity:.6;font-size:.9rem}.modal-body .form-input:focus{border-color:var(--accent);background:var(--surface);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #3029b91a}.modal-body .form-group label .required{color:var(--danger);margin-left:2px;font-weight:700}.form-row .form-group{margin-bottom:0}@media (width<=768px){.form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}.form-row .form-group{margin-bottom:1.5rem}}.modal-actions .button-secondary:hover{background:var(--surface-strong);border-color:var(--accent);color:var(--accent-strong);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.modal-actions .button-secondary:active{transform:translateY(0)}.modal-actions .button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3029b959}.modal-actions .button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.testimonials-page{max-width:1400px;margin:0 auto;padding:2rem}.testimonials-header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.button-large{border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;display:flex}.button-icon{font-size:1.25rem}.stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000a}.stat-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.stat-value{color:var(--text);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--muted);font-size:.875rem;font-weight:500}.testimonials-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.tabs-container{background:var(--surface-strong);border-radius:14px;gap:.75rem;padding:.5rem;display:flex}.tab-pill{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;position:relative}.tab-pill:hover{color:var(--text);background:#ffffff80}.tab-pill.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px #00000014}.tab-icon{font-size:1rem}.tab-badge{background:var(--accent);color:#fff;text-align:center;border-radius:12px;min-width:20px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.search-container{flex:1;max-width:400px;position:relative}.search-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:.875rem 1rem .875rem 2.75rem;font-size:.95rem;transition:all .2s}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #3029b91a}.search-icon{color:var(--muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000f}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.testimonial-header{border-bottom:1px solid var(--surface-strong);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.testimonial-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:700;display:flex}.testimonial-user-info{flex:1;min-width:0}.testimonial-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1rem;font-weight:600;overflow:hidden}.testimonial-date{color:var(--muted);font-size:.85rem}.testimonial-rating-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:10px;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.9rem;font-weight:700;display:flex}.rating-number{font-size:1.1rem}.rating-star{font-size:.9rem}.testimonial-stars{gap:.25rem;display:flex}.testimonial-stars .star{color:var(--surface-strong);font-size:1.5rem;transition:color .2s}.testimonial-stars .star.filled{color:#f59e0b}.testimonial-feedback{color:var(--text);background:var(--surface-strong);border-radius:12px;flex:1;padding:1rem;font-size:.95rem;font-style:italic;line-height:1.6}.testimonial-footer{justify-content:flex-end;padding-top:.5rem;display:flex}.testimonial-type-badge{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.testimonial-card.skeleton{pointer-events:none}.skeleton-header{border-bottom:1px solid var(--surface-strong);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.skeleton-avatar{background:linear-gradient(90deg, var(--surface-strong) 25%, var(--border) 50%, var(--surface-strong) 75%);background-size:200% 100%;border-radius:50%;flex-shrink:0;width:52px;height:52px;animation:1.5s infinite shimmer}.skeleton-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--surface-strong) 25%, var(--border) 50%, var(--surface-strong) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.5s infinite shimmer}.skeleton-name{width:60%}.skeleton-stars{background:linear-gradient(90deg, var(--surface-strong) 25%, var(--border) 50%, var(--surface-strong) 75%);background-size:200% 100%;border-radius:6px;width:80px;height:24px;animation:1.5s infinite shimmer}.skeleton-feedback{width:100%;height:60px}.skeleton-feedback-short{width:70%;height:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.testimonial-empty-state{text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:20px;padding:4rem 2rem}.empty-icon{margin-bottom:1.5rem;font-size:4rem}.testimonial-empty-state h3{color:var(--text);margin:0 0 .75rem;font-size:1.5rem}.testimonial-empty-state p{color:var(--muted);max-width:400px;margin:0 auto 2rem;font-size:1rem}.testimonial-empty-state .button{margin:0}.no-results{text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:20px;padding:3rem 2rem}.no-results-icon{margin-bottom:1rem;font-size:3rem}.no-results h3{color:var(--text);margin:0 0 .5rem;font-size:1.25rem}.no-results p{color:var(--muted);margin:0}.rating-selector{gap:.5rem;margin-top:.5rem;display:flex}.rating-star-btn{border:2px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--surface-strong);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.rating-star-btn:hover{border-color:var(--accent);color:#f59e0b;transform:scale(1.1)}.rating-star-btn.selected{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-color:#f59e0b;transform:scale(1.1)}@media (width<=768px){.testimonials-page{padding:1rem}.testimonials-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-content h1{font-size:1.5rem}.button-large{justify-content:center;width:100%}.stats-section{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-icon{width:48px;height:48px;font-size:1.5rem}.stat-value{font-size:1.5rem}.testimonials-controls{flex-direction:column;align-items:stretch}.tabs-container{width:100%}.tab-pill{flex:1;justify-content:center}.search-container{max-width:100%}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:1.25rem}.testimonial-avatar{width:48px;height:48px;font-size:1.1rem}.testimonial-stars .star{font-size:1.25rem}}@media (width<=480px){.testimonials-page{padding:.75rem}.header-content h1{font-size:1.25rem}.header-subtitle{font-size:.875rem}.stat-card{gap:.75rem;padding:1rem}.stat-icon{width:44px;height:44px;font-size:1.25rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.8rem}.tab-pill{padding:.625rem 1rem;font-size:.85rem}.tab-icon{font-size:.875rem}.testimonial-card{border-radius:16px;padding:1rem}.testimonial-header{gap:.75rem;padding-bottom:.75rem}.testimonial-avatar{width:44px;height:44px;font-size:1rem}.testimonial-user-name{font-size:.9rem}.testimonial-date{font-size:.75rem}.testimonial-feedback{padding:.875rem;font-size:.875rem}.rating-star-btn{width:40px;height:40px;font-size:1.25rem}}.events-page{max-width:1400px;margin:0 auto;padding:2rem}.events-header{margin-bottom:2rem}.header-content h1{color:var(--text);margin:0 0 .5rem;font-size:2rem;font-weight:700}.events-controls{justify-content:flex-end;margin-bottom:2rem;display:flex}.events-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000f}.event-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.event-header{border-bottom:1px solid var(--surface-strong);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.event-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.event-status-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.375rem .75rem;font-size:.75rem;font-weight:700}.event-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.event-details{flex-direction:column;gap:.75rem;display:flex}.event-detail-item{align-items:center;gap:.75rem;display:flex}.detail-value{color:var(--text);font-size:.95rem;font-weight:500}.event-description{background:var(--surface-strong);color:var(--text);border-radius:12px;padding:1rem;font-size:.9rem;font-style:italic;line-height:1.6}.event-footer{justify-content:flex-end;padding-top:.5rem;display:flex}.event-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.event-type-badge.upcoming{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.event-type-badge.past{background:var(--surface-strong);color:var(--muted)}.event-card.skeleton{pointer-events:none}.skeleton-header{border-bottom:1px solid var(--surface-strong);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.skeleton-icon{background:linear-gradient(90deg, var(--surface-strong) 25%, var(--border) 50%, var(--surface-strong) 75%);background-size:200% 100%;border-radius:12px;width:48px;height:48px;animation:1.5s infinite shimmer}.skeleton-status{background:linear-gradient(90deg, var(--surface-strong) 25%, var(--border) 50%, var(--surface-strong) 75%);background-size:200% 100%;border-radius:10px;width:60px;height:24px;animation:1.5s infinite shimmer}.skeleton-title{background:linear-gradient(90deg, var(--surface-strong) 25%, var(--border) 50%, var(--surface-strong) 75%);background-size:200% 100%;border-radius:6px;width:80%;height:28px;animation:1.5s infinite shimmer}.skeleton-details{flex-direction:column;gap:.75rem;display:flex}.skeleton-detail{background:linear-gradient(90deg, var(--surface-strong) 25%, var(--border) 50%, var(--surface-strong) 75%);background-size:200% 100%;border-radius:6px;width:100%;height:16px;animation:1.5s infinite shimmer}.skeleton-description{background:linear-gradient(90deg, var(--surface-strong) 25%, var(--border) 50%, var(--surface-strong) 75%);background-size:200% 100%;border-radius:12px;height:60px;animation:1.5s infinite shimmer}.event-empty-state{text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:20px;padding:4rem 2rem}.event-empty-state .empty-icon{margin-bottom:1.5rem;font-size:4rem}.event-empty-state h3{color:var(--text);margin:0 0 .75rem;font-size:1.5rem}.event-empty-state p{color:var(--muted);max-width:400px;margin:0 auto;font-size:1rem}@media (width<=768px){.events-page{padding:1rem}.header-content h1{font-size:1.5rem}.events-controls{justify-content:stretch}.search-container{max-width:100%}.events-grid{grid-template-columns:1fr}.event-card{padding:1.25rem}.event-icon{width:44px;height:44px;font-size:1.25rem}.event-title{font-size:1.1rem}}@media (width<=480px){.events-page{padding:.75rem}.header-content h1{font-size:1.25rem}.header-subtitle{font-size:.875rem}.event-card{border-radius:16px;padding:1rem}.event-header{gap:.75rem;padding-bottom:.75rem}.event-icon{width:40px;height:40px;font-size:1.1rem}.event-title{font-size:1rem}.event-detail-item{gap:.5rem}.detail-icon{font-size:1rem}.detail-label{min-width:45px;font-size:.8rem}.detail-value{font-size:.875rem}.event-description{padding:.875rem;font-size:.875rem}}.attendance-header{border:1px solid var(--border);background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%);border-radius:20px;margin-bottom:24px;padding:32px;animation:.5s both slideUp;box-shadow:0 4px 20px #0000000f}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.header-text h1{color:var(--text);margin:0 0 8px;font-size:2rem;font-weight:700}.header-subtitle{color:var(--muted);margin:0;font-size:1rem}.button-lg{border-radius:12px;height:auto;padding:14px 28px;font-size:1rem}.button-icon{justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:inline-flex}.toast-animate{animation:.3s both slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;animation:.6s both slideUp;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000f}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-total .stat-icon{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.stat-members .stat-icon{color:#4338ca;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%)}.stat-present .stat-icon{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.stat-absent .stat-icon{color:#b91c1c;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.stat-late .stat-icon{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.stat-content{flex:1}.stat-label{color:var(--muted);margin-bottom:4px;font-size:.85rem;font-weight:500}.stat-value{color:var(--text);font-size:1.75rem;font-weight:700;line-height:1}.filter-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px;animation:.7s both slideUp;box-shadow:0 2px 12px #0000000f}.filter-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-actions{flex-wrap:wrap;grid-column:1/-1;gap:12px;margin-top:8px;display:flex}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;animation:.8s both slideUp;overflow:hidden;box-shadow:0 2px 12px #0000000f}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table-modern{border-collapse:collapse;width:100%;min-width:900px}.data-table-modern thead th{text-align:left;color:var(--text);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);white-space:nowrap;padding:8px 7px;font-size:.8rem;font-weight:600}.data-table-modern tbody td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:5px;font-size:.9rem}.table-row-animate{animation:.4s both fadeInRow}@keyframes fadeInRow{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-table-modern tbody tr{transition:all .2s}.data-table-modern tbody tr:hover{background:#f8faff;transform:scale(1.01)}.id-badge{background:var(--surface-strong);color:var(--muted);border-radius:6px;padding:4px 10px;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;display:inline-block}.event-badge{color:#1d4ed8;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:8px;max-width:200px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-block;overflow:hidden}.chapter-badge{color:#4338ca;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-block}.member-info{align-items:center;gap:10px;display:flex}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:flex}.status-badge-modern{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-present{color:#166534;background:#dcfce7}.status-absent{color:#b91c1c;background:#fee2e2}.status-late{color:#b45309;background:#fef3c7}.progress-container{align-items:center;gap:10px;min-width:120px;display:flex}.progress-bar{background:var(--surface-strong);border-radius:10px;flex:1;min-width:60px;height:8px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .5s}.progress-fill.high{background:linear-gradient(90deg,#16a34a 0%,#22c55e 100%)}.progress-fill.medium{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.progress-fill.low{background:linear-gradient(90deg,#dc2626 0%,#ef4444 100%)}.progress-text{color:var(--text);text-align:right;min-width:40px;font-size:.85rem;font-weight:600}.remarks-text{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--muted);font-size:.85rem;display:inline-block;overflow:hidden}.action-buttons-modern{gap:8px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-edit{color:var(--accent);background:#eef2ff}.action-edit:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.action-delete{color:#b91c1c;background:#fee2e2}.action-delete:hover{color:#fff;background:#b91c1c;transform:translateY(-2px)}.pagination-modern{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.pagination-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.pagination-current{color:var(--text);font-weight:600}.pagination-separator,.pagination-total{color:var(--muted)}.pagination-records{color:var(--muted);font-size:.85rem}.empty-state-modern{text-align:center;padding:60px 20px;animation:.5s both fadeIn}.empty-illustration{margin-bottom:24px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-modern h3{color:var(--text);margin:0 0 12px;font-size:1.5rem;font-weight:700}.empty-description{color:var(--muted);max-width:500px;margin-bottom:24px;margin-left:auto;margin-right:auto;line-height:1.6}.attendance-skeleton{padding:20px}.skeleton-row{border-bottom:1px solid var(--border);grid-template-columns:60px 1.5fr 1fr 1fr 100px 80px 80px 1fr 100px 100px;align-items:center;gap:12px;padding:16px 0;display:grid}.skeleton-cell{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.5s infinite shimmer}.skeleton-id{width:50px}.skeleton-event{width:80%}.skeleton-chapter{width:70%}.skeleton-member{width:75%}.skeleton-status{width:80px}.skeleton-time{width:60px}.skeleton-remarks{width:90%}.skeleton-date{width:70%}.skeleton-actions{width:80px}.button-success{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);border:none}.button-success:hover:not(:disabled){background:linear-gradient(135deg,#15803d 0%,#16a34a 100%);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.button-info{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none}.button-info:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (width<=768px){.attendance-header{padding:24px 20px}.header-content{flex-direction:column;align-items:flex-start}.header-text h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.filter-card{padding:20px}.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions button{width:100%}.skeleton-row{grid-template-columns:50px 1fr 1fr 80px 60px 60px 80px}.skeleton-chapter,.skeleton-member,.skeleton-remarks,.skeleton-date{display:none}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.attendance-header{padding:20px 16px}.header-text h1{font-size:1.3rem}.filter-card{padding:16px}.pagination-modern{text-align:center;flex-direction:column}}.appreciation-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000f}.appreciation-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.appreciation-header{border-bottom:1px solid var(--surface-strong);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.appreciation-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:700;display:flex}.appreciation-user-info{flex:1;min-width:0}.appreciation-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1rem;font-weight:600;overflow:hidden}.appreciation-date{color:var(--muted);font-size:.85rem}.business-amount-badge{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;flex-shrink:0;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 2px 8px #22c55e4d}.appreciation-from-user{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.from-user-label{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.from-user-info{flex:1;align-items:center;gap:.5rem;display:flex}.from-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.from-user-name{color:var(--text);font-size:.95rem;font-weight:600}.appreciation-remarks{background:var(--surface-strong);border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.remarks-icon{flex-shrink:0;font-size:1.25rem}.remarks-text{color:var(--text);flex:1;font-size:.95rem;font-style:italic;line-height:1.6}.appreciation-footer{justify-content:flex-end;padding-top:.5rem;display:flex}.appreciation-type-badge{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.connection-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000f}.connection-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.connection-header{border-bottom:1px solid var(--surface-strong);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.connection-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:700;display:flex}.connection-user-info{flex:1;min-width:0}.connection-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1rem;font-weight:600;overflow:hidden}.connection-date{color:var(--muted);font-size:.85rem}.connection-details{flex-direction:column;gap:.75rem;display:flex}.connection-detail-item{align-items:center;gap:.75rem;display:flex}.detail-icon{flex-shrink:0;font-size:1.1rem}.detail-label{color:var(--muted);min-width:80px;font-size:.85rem;font-weight:500}.detail-value{color:var(--text);flex:1;font-size:.95rem;font-weight:500}.connection-footer{justify-content:flex-end;padding-top:.5rem;display:flex}.connection-type-badge{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}@media (width<=768px){.appreciation-card,.connection-card{padding:1.25rem}.appreciation-avatar,.connection-avatar{width:48px;height:48px;font-size:1.1rem}.appreciation-user-name,.connection-user-name{font-size:.9rem}.business-amount-badge{padding:.375rem .625rem;font-size:.8rem}.connection-detail-item{flex-wrap:wrap}.detail-label{min-width:70px;font-size:.8rem}.detail-value{font-size:.875rem}}@media (width<=480px){.appreciation-card,.connection-card{border-radius:16px;padding:1rem}.appreciation-header,.connection-header{gap:.75rem;padding-bottom:.75rem}.appreciation-avatar,.connection-avatar{width:44px;height:44px;font-size:1rem}.appreciation-user-name,.connection-user-name{font-size:.85rem}.appreciation-date,.connection-date{font-size:.75rem}.appreciation-remarks{padding:.875rem;font-size:.875rem}.remarks-icon{font-size:1rem}.business-amount-badge{padding:.25rem .5rem;font-size:.75rem}.detail-icon{font-size:1rem}.detail-label{min-width:60px;font-size:.75rem}.detail-value{font-size:.85rem}}.meetups-page{max-width:1400px;margin:0 auto;padding:2rem}.meetups-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.meetups-controls{justify-content:flex-end;margin-bottom:2rem;display:flex}.meetups-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.meetup-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000f}.meetup-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.meetup-header{border-bottom:1px solid var(--surface-strong);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.meetup-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #6366f140}.meetup-status-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.375rem .75rem;font-size:.75rem;font-weight:700}.meetup-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.meetup-details{flex-direction:column;gap:.75rem;display:flex}.meetup-detail-item{align-items:center;gap:.75rem;display:flex}.meetup-description{background:var(--surface-strong);color:var(--text);border-left:3px solid #6366f1;border-radius:12px;padding:1rem;font-size:.9rem;font-style:italic;line-height:1.6}.meetup-footer{border-top:1px solid var(--surface-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.meetup-actions{gap:8px;display:flex}.meetup-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.meetup-type-badge.upcoming{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.meetup-type-badge.past{background:var(--surface-strong);color:var(--muted)}.meetup-empty-state{text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:20px;padding:4rem 2rem}.meetup-empty-state .empty-icon{margin-bottom:1.5rem;font-size:4rem}.meetup-empty-state h3{color:var(--text);margin:0 0 .75rem;font-size:1.5rem}.meetup-empty-state p{color:var(--muted);max-width:400px;margin:0 auto 1.5rem;font-size:1rem}@media (width<=768px){.meetups-page{padding:1rem}.meetups-header{flex-direction:column;align-items:stretch}.meetups-header .button-large{justify-content:center;width:100%}.meetups-controls{justify-content:stretch}.meetups-grid{grid-template-columns:1fr}.meetup-card{padding:1.25rem}.meetup-icon{width:44px;height:44px;font-size:1.25rem}.meetup-title{font-size:1.1rem}}@media (width<=480px){.meetups-page{padding:.75rem}.meetup-card{border-radius:16px;padding:1rem}.meetup-header{padding-bottom:.75rem}.meetup-icon{width:40px;height:40px;font-size:1.1rem}.meetup-title{font-size:1rem}.meetup-detail-item{gap:.5rem}.meetup-footer{flex-direction:column;align-items:flex-start}.meetup-actions{justify-content:flex-end;width:100%}}.trainings-page{max-width:1400px;margin:0 auto;padding:2rem}.trainings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.trainings-controls{justify-content:flex-end;margin-bottom:2rem;display:flex}.trainings-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.training-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000f}.training-card:hover{border-color:#6366f1;transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.training-header{border-bottom:1px solid var(--surface-strong);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.training-icon{background:linear-gradient(135deg,#0ea5e9,#6366f1);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #0ea5e940}.training-status-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.375rem .75rem;font-size:.75rem;font-weight:700}.training-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.training-details{flex-direction:column;flex:1;gap:.75rem;display:flex}.training-detail-item{align-items:center;gap:.75rem;display:flex}.training-footer{border-top:1px solid var(--surface-strong);justify-content:flex-start;padding-top:.5rem;display:flex}.training-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.training-type-badge.upcoming{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.training-type-badge.past{background:var(--surface-strong);color:var(--muted)}.training-empty-state{text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:20px;padding:4rem 2rem}.training-empty-state .empty-icon{margin-bottom:1.5rem;font-size:4rem}.training-empty-state h3{color:var(--text);margin:0 0 .75rem;font-size:1.5rem}.training-empty-state p{color:var(--muted);max-width:400px;margin:0 auto;font-size:1rem}@media (width<=768px){.trainings-page{padding:1rem}.trainings-header{flex-direction:column;align-items:stretch}.trainings-controls{justify-content:stretch}.trainings-grid{grid-template-columns:1fr}.training-card{padding:1.25rem}.training-icon{width:44px;height:44px;font-size:1.25rem}.training-title{font-size:1.1rem}}@media (width<=480px){.trainings-page{padding:.75rem}.training-card{border-radius:16px;padding:1rem}.training-header{padding-bottom:.75rem}.training-icon{width:40px;height:40px;font-size:1.1rem}.training-title{font-size:1rem}.training-detail-item{gap:.5rem}}@media (width<=768px){.master-page{padding:10px}.master-header h1{font-size:1.3rem}.master-header input[type=text],.master-header .form-input{min-width:0;width:100%!important}}@media (width<=480px){.master-page{padding:6px}.master-header{flex-direction:column;align-items:stretch;gap:8px}.master-header .button{width:100%;height:40px;font-size:.9rem}.master-header h1{font-size:1.1rem}}@media (width<=768px){.search-row{grid-template-columns:1fr}.search-row input{grid-column:1/-1}.search-row .button,.search-row button{width:100%}}@media (width<=600px){.search-row{grid-template-columns:1fr;gap:.5rem}}@media (width<=768px){.table-toolbar{flex-direction:column;align-items:stretch}.table-search{width:100%;min-width:0}.table-actions{width:100%}.table-actions button,.table-actions select{border-radius:10px;height:42px;min-height:42px;padding:0 16px;line-height:1.5}@media (width<=900px){.app-content{padding:12px 10px}}@media (width<=480px){.app-content{padding:8px 6px}.page-shell{padding:0 10px}.page-panel{border-radius:12px;padding:6px}}@media (width<=600px){.floating-field textarea{width:100%;max-width:100%}.form-card{max-width:100%;padding:1rem}.form-card label select,.form-card label input{max-width:100%}}@media (width<=480px){.action-buttons{flex-direction:column;gap:4px}.action-buttons .button{text-align:center;width:100%}}@media (width<=600px){.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination .button{text-align:center;flex:1;min-width:80px}.pagination-row{flex-direction:column;align-items:center;gap:10px}.form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}.form-row .form-group{margin-bottom:1rem}}@media (width<=768px){.business-detail-header{flex-direction:column;padding:1.25rem}.business-detail-actions{width:100%}.business-detail-actions .button{text-align:center;flex:1}.business-detail-title h1{font-size:1.35rem}}@media (width<=600px){.map-location-wrapper{flex-direction:column;align-items:stretch}.map-location-input{max-width:100%}.map-picker-button{justify-content:center}.map-picker-content{border-radius:12px;width:95%}.map-picker-body{padding:1rem}.map-picker-actions{flex-direction:column}.map-picker-actions .button{text-align:center;width:100%}}@media (width<=480px){.radio-group{flex-direction:column;gap:.5rem}}@media (width<=768px){.ad-grid{grid-template-columns:1fr}.ad-form-card{padding:16px}}@media (width<=600px){.chapter-category-row{grid-template-columns:1fr;margin:1rem .5rem}}@media (width<=768px){.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}.data-table{min-width:650px}.data-table-modern{min-width:700px}.table-scroll{-webkit-overflow-scrolling:touch}}@media (width<=480px){.profile-card{border-radius:12px;max-width:100%;margin:0}.profile-row{flex-direction:column;gap:2px}.profile-row-label{min-width:0;font-size:.8rem}.profile-row-value{font-size:.85rem}.profile-avatar{width:80px;height:80px}.alert{flex-direction:column;gap:.5rem;margin:.5rem;padding:.75rem}.alert button{align-self:flex-end}.pref-stats{grid-template-columns:1fr 1fr;gap:8px}.pref-actions{flex-direction:column}.pref-actions .button{text-align:center;width:100%}.pref-referral-item{flex-wrap:wrap}}@media (width<=768px){.genealogy-container{padding:10px}.genealogy-children{gap:20px}}@media (width<=480px){.referred-item{flex-direction:column;align-items:flex-start}.ref-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=600px){.business-directory-form input,.business-directory-form select,.business-directory-form textarea,.full-width,.country-select{max-width:100%}}@media (width<=480px){.badge-grid{grid-template-columns:1fr}}@media (width<=360px){.user-login-card,.register-split{padding:16px 12px}.user-login-card h1,.register-form-inner h1{font-size:1.2rem}}@media (width<=480px){.modal-actions{flex-direction:column-reverse}.modal-actions .button{text-align:center;width:100%}}@media (width<=600px){.stat-card{min-height:60px;padding:12px}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.2rem}}@media (width<=480px){.loading{padding:40px 12px;font-size:.9rem}.image-preview img{width:60px;height:60px}.days-grid{gap:2px}.day-chip{width:42px;font-size:.7rem}.business-hours-group{padding:.5rem}.time-inputs-inline{flex-direction:column;align-items:flex-start}.time-inputs-inline input{width:100%}.tv-node-title{flex-direction:column;align-items:flex-start}.tv-node-meta{flex-direction:column;gap:4px}.tv-tree-container{padding:12px}.section-block{padding:.75rem}}@media (width<=600px){.grid-card{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (width<=380px){.grid-card{grid-template-columns:1fr}}@media (width<=768px){.stats-section{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.stats-section{grid-template-columns:1fr}select.form-input{max-width:100%}.landing-hero-admin-link{font-size:.78rem}}@media (width<=600px){.business-details-grid,.business-info-grid,.services-list,.business-hours{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-actions .button{text-align:center;width:100%}}@media (width<=480px){.ad-hero-content{flex-direction:column;align-items:flex-start}.ad-stat-card{flex-direction:column;gap:8px}.ad-stat-icon{width:32px;height:32px}.ad-stat-value{font-size:1rem}.ad-table-header{flex-direction:column;align-items:flex-start}.ad-table-header .button{text-align:center;width:100%}.admin-login-card{border-radius:14px;max-width:100%;padding:16px 14px}.admin-login-page{padding:12px}}@media (width<=600px){.table-actions{flex-direction:column;align-items:stretch}.table-actions .button{text-align:center;width:100%;height:40px;padding:9px 12px}.search-box input{width:100%;min-width:0}}@media (width<=480px){.landing-portal-actions{flex-direction:column}.landing-portal-actions .button,.landing-portal-actions a{text-align:center;width:100%}.landing-hero-cta{flex-direction:column}.landing-hero-cta .button,.landing-hero-cta a{text-align:center;width:100%}}@media (width<=600px){.events-page,.meetups-page,.trainings-page{padding:.75rem}.events-header,.meetups-header,.trainings-header{flex-direction:column;align-items:stretch}.events-header .button-large,.meetups-header .button-large,.trainings-header .button-large{justify-content:center;width:100%}.events-controls,.meetups-controls,.trainings-controls{justify-content:stretch}.events-grid,.meetups-grid,.trainings-grid{grid-template-columns:1fr}.testimonials-controls{flex-direction:column;align-items:stretch}.tabs-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.tab-pill{white-space:nowrap;flex:1;justify-content:center;padding:.625rem .75rem;font-size:.82rem}.search-container{max-width:100%}.testimonials-grid{grid-template-columns:1fr}}@media (width<=480px){.notifications-list{gap:8px}.notification-item{gap:10px;padding:12px}.notification-header{flex-direction:column;align-items:flex-start}.notification-header h4{font-size:.88rem}.notification-content p{font-size:.82rem}.member-selector .member-checkbox{padding:.5rem;font-size:.85rem}.member-checkbox-text{flex-direction:column;align-items:flex-start;gap:.15rem}.member-checkbox-name{white-space:normal;overflow-wrap:anywhere}.appreciation-from-user{flex-direction:column;align-items:flex-start}.from-user-info{flex-wrap:wrap}.appreciation-remarks{flex-direction:column;align-items:flex-start}.meetup-actions,.event-footer .action-buttons{width:100%}.meetup-actions .button,.event-footer .button{text-align:center;flex:1}}@media (width<=600px){.business-directory-table-container{border-radius:10px}.business-directory-table{min-width:480px}}@media (width<=480px){.business-directory-form .full-width input[type=file],.profile-form{max-width:100%}.profile-edit-form{padding:12px 14px 8px}.profile-edit-actions{flex-direction:column}.profile-edit-actions .button{text-align:center;width:100%}}@media (width<=600px){.toast{max-width:100%;min-width:unset;bottom:16px;left:12px;right:12px}}@media (width<=480px){.business-amount-badge{padding:.25rem .5rem;font-size:.75rem}.ad-cid-badge{padding:2px 6px;font-size:.7rem}.ad-name-cell{gap:6px}.ad-name-avatar{width:24px;height:24px;font-size:.65rem}}@media (width<=600px){.tv-search-form input{min-width:100%}.tv-filters{flex-direction:column}.tv-filters input,.tv-filters select{width:100%}}@media (width<=480px){.tv-breadcrumb-row{flex-direction:column;align-items:flex-start}.tv-back-btn{text-align:center;width:100%}.growth-item{flex-direction:column;gap:.5rem}.floating-field{margin-bottom:1.1rem}.floating-field label{padding:2px 4px;font-size:.78rem;left:12px}.floating-field input,.floating-field select,.floating-field textarea{height:44px;padding:12px 10px;font-size:16px}.floating-field input:focus+label,.floating-field input:not(:placeholder-shown)+label,.floating-field select:focus+label,.floating-field select:not(:placeholder-shown)+label,.floating-field textarea:focus+label,.floating-field textarea:not(:placeholder-shown)+label{padding:0 4px;font-size:11px;top:-10px;left:8px}.floating-field textarea{height:auto;min-height:100px}}@media (width>=481px) and (width<=768px){.floating-field{margin-bottom:1rem}.floating-field label{font-size:.82rem}.floating-field input,.floating-field select,.floating-field textarea{height:40px;padding:10px}.floating-field input:focus+label,.floating-field input:not(:placeholder-shown)+label,.floating-field select:focus+label,.floating-field select:not(:placeholder-shown)+label,.floating-field textarea:focus+label,.floating-field textarea:not(:placeholder-shown)+label{font-size:11px;top:-9px;left:9px}}@media (width<=600px){.modal-body .form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}.modal-body .form-row .form-group{margin-bottom:1rem}}@media (width<=480px){.member-selector .member-list{max-height:180px}}@media (width<=360px){h1,.page-header h1{font-size:1.2rem}}@media (width<=480px){.status-badge{padding:3px 8px;font-size:.65rem}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .button{text-align:center;width:100%}.attendance-header .header-content{flex-direction:column;align-items:flex-start}.attendance-header .button-lg{justify-content:center;width:100%}.filter-card .filter-actions{flex-direction:column}.filter-card .filter-actions button{width:100%}.building-image{max-width:100%}.overview-image{width:100%}}@media (width<=768px){.page-container{margin-left:8px;margin-right:8px;padding:10px}}@media (width<=480px){.page-container{margin-left:4px;margin-right:4px;padding:6px}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{white-space:nowrap;padding:.5rem .75rem;font-size:.82rem}.stat-content .stat-value{font-size:1rem}.stat-content .stat-label,.stat-content .stat-meta{font-size:.75rem}.business-cards-grid{gap:.75rem;grid-template-columns:1fr!important}.business-card{border-radius:10px}}@media (width<=360px){.dashboard-grid,.ad-stats,.stats-grid{grid-template-columns:1fr}}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.ibc-landing{--ibc-red:#c8102e;--ibc-red-dark:#a00d24;--ibc-red-light:#fff5f5;--ibc-red-gradient:linear-gradient(135deg, #c8102e, #8b0000);--ibc-bg:#fff;--ibc-text:#111827;--ibc-text-light:#4b5563;--ibc-muted:#6b7280;--ibc-border:#e5e7eb;--ibc-shadow:0 4px 24px #00000014;--ibc-shadow-lg:0 20px 60px #0000001f;--ibc-radius:16px;--ibc-radius-lg:24px;--ibc-glass:#ffffffd9;--ibc-glass-border:#ffffff4d;color:var(--ibc-text);background:var(--ibc-bg);scroll-behavior:smooth;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.ibc-navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #0000;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.ibc-navbar.scrolled{border-bottom:1px solid #c8102e14;box-shadow:0 4px 30px #0000000f}.ibc-navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.ibc-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.ibc-logo-image{object-fit:contain;width:100px;height:100px;transition:transform .3s}.ibc-logo:hover .ibc-logo-image{transform:scale(1.05)}.ibc-logo-mark{background:var(--ibc-red-gradient);color:#fff;letter-spacing:-.5px;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:800;transition:transform .3s;display:flex;box-shadow:0 4px 16px #c8102e4d}.ibc-logo:hover .ibc-logo-mark{transform:scale(1.05)}.ibc-logo-text{color:var(--ibc-text);font-size:.9rem;font-weight:700;line-height:1.3;display:none}@media (width>=768px){.ibc-logo-text{display:block}}.ibc-nav-links{align-items:center;gap:4px;display:none}@media (width>=900px){.ibc-nav-links{display:flex}}.ibc-nav-links.open{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--ibc-border);background:#fffffffa;flex-direction:column;padding:16px;animation:.3s slideDown;display:flex;position:absolute;top:72px;left:0;right:0;box-shadow:0 20px 40px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.ibc-nav-link{color:var(--ibc-text-light);cursor:pointer;border-radius:8px;padding:8px 18px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s;position:relative}.ibc-nav-link:after{content:"";background:var(--ibc-red);border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:2px;left:18px;right:18px;transform:scaleX(0)}.ibc-nav-link:hover:after,.ibc-nav-link.active:after{transform:scaleX(1)}.ibc-nav-link:hover,.ibc-nav-link.active{color:var(--ibc-red);background:var(--ibc-red-light)}.ibc-nav-login-btn{background:var(--ibc-red-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-left:12px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #c8102e40}.ibc-nav-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c8102e59}.ibc-mobile-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:flex}@media (width>=900px){.ibc-mobile-toggle{display:none}}.ibc-mobile-toggle .bar{background:var(--ibc-text);border-radius:2px;width:24px;height:2.5px;transition:all .3s}.ibc-mobile-toggle .bar.open:first-child{background:var(--ibc-red);transform:rotate(45deg)translate(5px,5px)}.ibc-mobile-toggle .bar.open:nth-child(2){opacity:0}.ibc-mobile-toggle .bar.open:nth-child(3){background:var(--ibc-red);transform:rotate(-45deg)translate(5px,-5px)}.ibc-hero{align-items:center;min-height:100vh;padding:120px 24px 100px;display:flex;position:relative;overflow:hidden}.ibc-hero-bg{pointer-events:none;position:absolute;inset:0}.ibc-hero-bg-gradient{background:linear-gradient(135deg,#fff5f5 0%,#fff 40%,#fff0f0 100%);position:absolute;inset:0}.ibc-hero-bg-pattern{background-image:radial-gradient(#c8102e0f 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.ibc-hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.ibc-hero-content{animation:.8s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ibc-hero-badge{color:var(--ibc-red);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c8102e14;border:1px solid #c8102e26;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:10px 20px;font-size:.85rem;font-weight:600;animation:.8s .1s both fadeInUp;display:inline-flex}.ibc-hero-title{color:var(--ibc-text);margin:0 0 20px;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1.15;animation:.8s .2s both fadeInUp}.ibc-hero-accent{background:var(--ibc-red-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ibc-hero-desc{color:var(--ibc-text-light);max-width:520px;margin:0 0 36px;font-size:1.1rem;line-height:1.7;animation:.8s .3s both fadeInUp}.ibc-hero-actions{flex-wrap:wrap;gap:16px;animation:.8s .4s both fadeInUp;display:flex}.ibc-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 34px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.ibc-btn-primary{background:var(--ibc-red-gradient);color:#fff;box-shadow:0 6px 20px #c8102e4d}.ibc-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #c8102e66}.ibc-btn-primary:active{transform:translateY(-1px)}.ibc-btn-secondary{color:var(--ibc-red);background:#fff;border:2px solid #c8102e33}.ibc-btn-secondary:hover{background:var(--ibc-red-light);border-color:var(--ibc-red);transform:translateY(-3px);box-shadow:0 8px 24px #c8102e1a}.ibc-hero-visual{justify-content:center;align-items:center;animation:.8s .3s both fadeInUp;display:flex;position:relative}.ibc-hero-image-wrapper{justify-content:center;align-items:center;width:100%;max-width:480px;display:flex;position:relative}.ibc-hero-image-wrapper:before{content:"";z-index:0;background:radial-gradient(circle,#c8102e1f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:4s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.ibc-hero-image-wrapper:after{content:"";z-index:1;pointer-events:none;border:1px solid #c8102e14;border-radius:50%;width:calc(100% + 40px);height:calc(100% + 40px);animation:12s linear infinite ringRotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ringRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ibc-hero-image-wrapper .ibc-hero-ring-dashed{z-index:1;pointer-events:none;border:1px dashed #c8102e0f;border-radius:50%;width:calc(100% + 80px);height:calc(100% + 80px);animation:16s linear infinite ringRotateReverse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ringRotateReverse{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}.ibc-hero-image-container{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffff80);border:1px solid #ffffffb3;border-radius:28px;justify-content:center;align-items:center;width:100%;max-width:420px;padding:12px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 30px 80px #c8102e1f,0 10px 30px #0000000d,inset 0 1px #fffc}.ibc-hero-image-container:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 40px 100px #c8102e2e,0 15px 40px #00000014,inset 0 1px #fffc}.ibc-hero-image{object-fit:contain;border-radius:20px;width:100%;height:auto;max-height:450px;transition:transform .5s;animation:6s ease-in-out infinite heroFloat;box-shadow:0 4px 20px #0000000f}.ibc-hero-image-container:hover .ibc-hero-image{animation-play-state:paused}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ibc-float-badge{z-index:10;-webkit-backdrop-filter:blur(16px);cursor:default;background:#ffffffeb;border:1px solid #ffffff80;border-radius:14px;align-items:center;gap:10px;padding:10px 16px 10px 12px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:4s ease-in-out infinite badgeFloat;display:flex;position:absolute;box-shadow:0 12px 40px #0000001a,0 4px 12px #c8102e0f}.ibc-float-badge:hover{background:#fffffffa;border-color:#c8102e26;transform:translateY(-6px)scale(1.05);box-shadow:0 20px 50px #00000026,0 8px 20px #c8102e1a}.ibc-float-badge-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:all .3s;display:flex}.ibc-float-badge-icon svg{width:100%;height:100%}.ibc-float-badge-text{flex-direction:column;gap:1px;display:flex}.ibc-float-badge-label{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600;line-height:1}.ibc-float-badge-value{font-size:.85rem;font-weight:700;line-height:1.2}.badge-global{animation-delay:0s;top:-6%;left:-12%}.badge-global .ibc-float-badge-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.badge-global .ibc-float-badge-label{color:#3b82f6}.badge-global .ibc-float-badge-value{color:#1e3a5f}.badge-members{animation-delay:.8s;top:-10%;right:-8%}.badge-members .ibc-float-badge-icon{color:#fff;background:linear-gradient(135deg,#c8102e,#8b0000)}.badge-members .ibc-float-badge-label{color:#c8102e}.badge-members .ibc-float-badge-value{color:#8b0000}.badge-chapters{animation-delay:1.6s;bottom:28%;left:-16%}.badge-chapters .ibc-float-badge-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.badge-chapters .ibc-float-badge-label{color:#8b5cf6}.badge-chapters .ibc-float-badge-value{color:#5b21b6}.badge-growth{animation-delay:2.4s;bottom:-5%;right:-10%}.badge-growth .ibc-float-badge-icon{color:#fff;background:linear-gradient(135deg,#10b981,#047857)}.badge-growth .ibc-float-badge-label{color:#10b981}.badge-growth .ibc-float-badge-value{color:#065f46}.badge-verified{animation-delay:3.2s;top:36%;left:-18%}.badge-verified .ibc-float-badge-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.badge-verified .ibc-float-badge-label{color:#f59e0b}.badge-verified .ibc-float-badge-value{color:#92400e}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ibc-section-header{text-align:center;margin-bottom:36px}.ibc-section-badge{color:var(--ibc-red);text-transform:uppercase;letter-spacing:.5px;background:#c8102e14;border:1px solid #c8102e26;border-radius:100px;margin-bottom:20px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.ibc-section-title{color:var(--ibc-text);margin:0 0 16px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.2}.ibc-section-desc{color:var(--ibc-text-light);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.6}.ibc-about{background:#fafafa;padding:100px 24px 80px;position:relative}.ibc-about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto 60px;display:grid}.ibc-about-content{animation:.8s fadeInUp}.ibc-about-content .ibc-section-badge{margin-bottom:16px}.ibc-about-content .ibc-section-title{text-align:left;margin-bottom:24px}.ibc-about-text p{color:var(--ibc-text-light);margin:0 0 16px;font-size:1rem;line-height:1.7}.ibc-about-text p:last-child{margin-bottom:0}.ibc-about-illustration{justify-content:center;align-items:center;animation:.8s .2s both fadeInUp;display:flex}.ibc-about-illu-box{border-radius:var(--ibc-radius-lg);width:100%;max-width:400px;transition:transform .5s,box-shadow .5s;overflow:hidden;box-shadow:0 20px 50px #c8102e26}.ibc-about-illu-box:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px #c8102e33}.ibc-about-illu-box svg{width:100%;height:auto;display:block}.ibc-about-features{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.ibc-about-feature-card{border-radius:var(--ibc-radius);border:1px solid var(--ibc-border);text-align:center;background:#fff;padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ibc-about-feature-card:before{content:"";background:var(--ibc-red-gradient);transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ibc-about-feature-card:hover:before{transform:scaleX(1)}.ibc-about-feature-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 16px 40px #00000014}.ibc-about-feature-icon{background:var(--ibc-red-light);width:52px;height:52px;color:var(--ibc-red);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;padding:12px;transition:all .3s;display:flex}.ibc-about-feature-card:hover .ibc-about-feature-icon{background:var(--ibc-red);color:#fff;transform:scale(1.1)}.ibc-about-feature-icon svg{width:100%;height:100%}.ibc-about-feature-card h3{color:var(--ibc-text);margin:0 0 8px;font-size:1rem;font-weight:700}.ibc-about-feature-card p{color:var(--ibc-muted);margin:0;font-size:.88rem;line-height:1.5}.ibc-ecosystem{background:linear-gradient(#fafafa 0%,#fff 100%);padding:50px 24px;position:relative;overflow:hidden}.ibc-ecosystem:before{content:"";background:linear-gradient(90deg,#0000,#c8102e33,#0000);height:2px;position:absolute;top:0;left:0;right:0}.ibc-eco-carousel-wrapper{max-width:1200px;margin:0 auto;padding:40px 0 20px;position:relative}.ibc-eco-swiper{padding:20px 60px 60px;overflow:hidden}.ibc-eco-swiper .swiper-slide{opacity:.5;height:auto;transition:all .35s cubic-bezier(.4,0,.2,1);transform:scale(.92)}.ibc-eco-swiper .swiper-slide-active{z-index:3;opacity:1;transform:scale(1)}.ibc-eco-swiper .swiper-slide-next,.ibc-eco-swiper .swiper-slide-prev{opacity:.6;transform:scale(.92)}.ibc-eco-swiper .ibc-eco-card{cursor:default;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e5e7eb80;border-radius:24px;height:100%;min-height:420px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f}.ibc-eco-card:hover{background:#fffffffa;border-color:#c8102e26;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #0000001f,0 8px 24px #c8102e14}.ibc-eco-card-bg{opacity:0;background:linear-gradient(135deg,#fafafa 0%,#fff 50%,#f9f9f9 100%);border-radius:24px;transition:opacity .5s;position:absolute;inset:0}.ibc-eco-card:hover .ibc-eco-card-bg{opacity:1}.ibc-eco-card:before{content:"";transform-origin:0;z-index:2;background:linear-gradient(90deg,#c8102e,#8b0000);border-radius:0 0 2px 2px;height:3px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ibc-eco-card:hover:before{transform:scaleX(1)}.ibc-eco-card-content{z-index:1;background:0 0;flex-direction:column;align-items:flex-start;height:100%;padding:40px 32px;display:flex;position:relative}.ibc-eco-card-icon{color:#fff;background:linear-gradient(135deg,#c8102e,#8b0000);border:3px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;padding:14px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #c8102e33}.ibc-eco-card-icon:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.ibc-eco-card:hover .ibc-eco-card-icon{transform:scale(1.18)rotate(-10deg);box-shadow:0 12px 28px #c8102e4d}.ibc-eco-card:hover .ibc-eco-card-icon:before{opacity:1}.ibc-eco-card-icon svg{z-index:1;width:100%;height:100%;position:relative}.ibc-eco-card-title{color:#111827;letter-spacing:-.4px;margin:0 0 12px;font-size:1.35rem;font-weight:700;line-height:1.4;transition:all .3s}.ibc-eco-card:hover .ibc-eco-card-title{color:#c8102e;transform:translate(3px)}.ibc-eco-card-desc{color:#6b7280;text-wrap:pretty;flex-grow:1;margin:0 0 24px;font-size:.925rem;font-weight:400;line-height:1.65}.ibc-eco-card-btn{color:#c8102e;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #c8102e14}.ibc-eco-card-btn:before{content:"";color:#fff;z-index:0;background:#c8102e;border-radius:10px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-100%)}.ibc-eco-card-btn:hover:before{transform:translate(0)}.ibc-eco-card-btn:hover{color:#fff;letter-spacing:.4px;transform:translate(4px);box-shadow:0 8px 20px #c8102e40}.ibc-eco-card-btn span,.ibc-eco-card-btn svg{z-index:1;position:relative}.ibc-eco-card:after{content:"";border-radius:inherit;opacity:0;z-index:-1;filter:blur(18px);background:linear-gradient(135deg,#fff9,#c8102e14,#fff9);transition:opacity .5s;position:absolute;inset:-2px}.ibc-eco-card:hover:after{opacity:1}.ibc-eco-card-content:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:45%;height:320%;transition:left 1s;position:absolute;top:-140%;left:-60%;transform:rotate(25deg)}.ibc-eco-card:hover .ibc-eco-card-content:after{left:150%}.ibc-eco-swiper .swiper-slide-active .ibc-eco-card{box-shadow:0 25px 70px #c8102e2e,0 12px 30px #00000014}.ibc-eco-swiper .swiper-slide:not(.swiper-slide-active){filter:saturate(.8)}.ibc-eco-swiper .swiper-button-next,.ibc-eco-swiper .swiper-button-prev{color:#c8102e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border:2px solid #fffc;border-radius:50%;width:40px;height:40px;padding:5px;transition:all .35s cubic-bezier(.4,0,.2,1);top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000014,0 8px 24px #0000001f}.ibc-eco-swiper .swiper-button-next:after,.ibc-eco-swiper .swiper-button-prev:after{font-size:1.2rem;font-weight:700}.ibc-eco-swiper .swiper-button-next:hover,.ibc-eco-swiper .swiper-button-prev:hover{color:#c8102e;background:#fff;border-color:#c8102e33;transform:translateY(-50%)scale(1.08);box-shadow:0 6px 20px #0000001f,0 12px 32px #c8102e33}.ibc-eco-swiper .swiper-button-prev{left:10px}.ibc-eco-swiper .swiper-button-next{right:10px}.ibc-eco-swiper .swiper-button-disabled{opacity:.25;cursor:not-allowed}.ibc-eco-swiper .swiper-button-disabled:hover{color:#c8102e;background:#fffffff2;transform:translateY(-50%)scale(1);box-shadow:0 4px 16px #00000014,0 8px 24px #0000001f}.ibc-eco-swiper .swiper-pagination{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex;position:relative;bottom:auto}.ibc-eco-swiper .swiper-pagination-bullet{opacity:1;cursor:pointer;background:#d1d5db;border-radius:999px;width:10px;height:10px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.ibc-eco-swiper .swiper-pagination-bullet:before{content:"";background:0 0;border-radius:999px;transition:all .3s;position:absolute;inset:-4px}.ibc-eco-swiper .swiper-pagination-bullet:hover:before{background:#c8102e14}.ibc-eco-swiper .swiper-pagination-bullet-active{background:var(--ibc-red);width:32px;animation:1.4s infinite pulseDot;box-shadow:0 0 0 4px #c8102e26}@keyframes pulseDot{0%{box-shadow:0 0 #c8102e59}to{box-shadow:0 0 0 12px #c8102e00}}.ibc-ecosystem:after{content:"";pointer-events:none;background:radial-gradient(#c8102e0f,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;right:-180px}@media (width<=1024px){.ibc-eco-carousel-wrapper{padding:40px 0 80px}.ibc-eco-swiper{padding:20px 50px 60px}.ibc-eco-swiper .swiper-button-prev{left:8px}.ibc-eco-swiper .swiper-button-next{right:8px}.ibc-eco-swiper .swiper-button-next,.ibc-eco-swiper .swiper-button-prev{width:52px;height:52px}.ibc-eco-swiper .swiper-button-next:after,.ibc-eco-swiper .swiper-button-prev:after{font-size:1.1rem}.ibc-eco-card{min-height:380px}}@media (width<=767px){.ibc-eco-carousel-wrapper{padding:40px 0 80px}.ibc-eco-swiper{padding:20px 44px 60px}.ibc-eco-swiper .swiper-button-prev{left:6px}.ibc-eco-swiper .swiper-button-next{right:6px}.ibc-eco-swiper .swiper-button-next,.ibc-eco-swiper .swiper-button-prev{width:48px;height:48px}.ibc-eco-swiper .swiper-button-next:after,.ibc-eco-swiper .swiper-button-prev:after{font-size:1rem}.ibc-eco-card{min-height:360px}.ibc-eco-card-content{padding:32px 24px}.ibc-eco-card-icon{width:52px;height:52px;padding:12px}.ibc-eco-card-title{font-size:1.25rem}}@media (width<=600px){.ibc-eco-carousel-wrapper{padding:40px 0 80px}.ibc-eco-swiper{padding:20px 38px 60px}.ibc-eco-swiper .swiper-button-prev{left:4px}.ibc-eco-swiper .swiper-button-next{right:4px}.ibc-eco-swiper .swiper-button-next,.ibc-eco-swiper .swiper-button-prev{width:42px;height:42px;top:auto;bottom:20px;transform:none}.ibc-eco-swiper .swiper-button-next:after,.ibc-eco-swiper .swiper-button-prev:after{font-size:.9rem}.ibc-eco-swiper .swiper-button-next:hover,.ibc-eco-swiper .swiper-button-prev:hover{transform:scale(1.08)}.ibc-eco-swiper .swiper-pagination{margin-top:16px}.ibc-eco-card{min-height:340px}}.ibc-cta{text-align:center;background:#fff;padding:120px 24px;position:relative;overflow:hidden}.ibc-cta-bg{background:linear-gradient(135deg,#fff5f5 0%,#fff 40%,#fff0f0 100%);position:absolute;inset:0}.ibc-cta-bg:before{content:"";background-image:radial-gradient(circle at 20%,#c8102e0a 0%,#0000 50%),radial-gradient(circle at 80%,#c8102e08 0%,#0000 50%);position:absolute;inset:0}.ibc-cta-bg:after{content:"";background-image:radial-gradient(#c8102e0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.ibc-cta-shape{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.ibc-cta-shape-1{background:radial-gradient(circle,#c8102e0d 0%,#0000 70%);width:400px;height:400px;animation:8s ease-in-out infinite ctaFloat1;top:-200px;right:-100px}.ibc-cta-shape-2{background:radial-gradient(circle,#c8102e08 0%,#0000 70%);width:300px;height:300px;animation:10s ease-in-out infinite ctaFloat2;bottom:-150px;left:-80px}.ibc-cta-shape-3{border:1px solid #c8102e0f;width:180px;height:180px;animation:12s ease-in-out infinite ctaFloat3;top:15%;left:8%}.ibc-cta-shape-4{border:1px dashed #c8102e0d;width:120px;height:120px;animation:14s linear infinite ctaFloat4;bottom:20%;right:10%}@keyframes ctaFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,20px)scale(1.05)}}@keyframes ctaFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.05)}}@keyframes ctaFloat3{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(10px,-15px)rotate(180deg)}}@keyframes ctaFloat4{0%{transform:translate(0)rotate(0)}to{transform:translate(0)rotate(360deg)}}.ibc-cta-inner{z-index:1;max-width:720px;margin:0 auto;position:relative}.ibc-cta-badge{color:var(--ibc-red);background:#c8102e14;border:1px solid #c8102e26;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.ibc-cta-badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite ctaPulse}@keyframes ctaPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ibc-cta-title{color:var(--ibc-text);margin:0 0 20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.ibc-cta-title-accent{background:var(--ibc-red-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ibc-cta-text{color:var(--ibc-text-light);max-width:560px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}.ibc-cta-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-bottom:40px;display:flex}.ibc-cta-stat{text-align:center}.ibc-cta-stat-value{color:var(--ibc-red);font-size:2rem;font-weight:800;line-height:1.2}.ibc-cta-stat-label{color:var(--ibc-text-light);margin-top:4px;font-size:.85rem;font-weight:500}.ibc-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.ibc-btn-cta-primary{cursor:pointer;background:var(--ibc-red-gradient);color:#fff;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 34px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 20px #c8102e4d}.ibc-btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #c8102e66}.ibc-btn-cta-primary:active{transform:translateY(-1px)}.ibc-btn-cta-secondary{cursor:pointer;color:var(--ibc-red);background:#fff;border:2px solid #c8102e33;border-radius:12px;align-items:center;gap:10px;padding:16px 34px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex}.ibc-btn-cta-secondary:hover{background:var(--ibc-red-light);border-color:var(--ibc-red);transform:translateY(-3px);box-shadow:0 8px 24px #c8102e1a}.ibc-footer{color:#cbd5e1;background:#0f172a;position:relative;overflow:hidden}.ibc-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--ibc-red), transparent);height:3px;position:absolute;top:0;left:0;right:0}.ibc-footer-inner{max-width:1200px;margin:0 auto;padding:0 24px}.ibc-footer-top{grid-template-columns:1.5fr 2fr;gap:60px;padding:80px 0 60px;display:grid}.ibc-footer-brand{flex-direction:column;gap:20px;display:flex}.ibc-footer-logo{align-items:center;display:flex}.ibc-footer-logo-image{filter:brightness(0)invert();width:80px;height:80px}.ibc-footer-desc{color:#94a3b8;max-width:360px;margin:0;font-size:.95rem;line-height:1.7}.ibc-footer-social{gap:12px;margin-top:8px;display:flex}.ibc-social-link{color:#94a3b8;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex}.ibc-social-link svg{width:18px;height:18px}.ibc-social-link:hover{background:var(--ibc-red);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #c8102e4d}.ibc-footer-links{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.ibc-footer-col{flex-direction:column;gap:12px;display:flex}.ibc-footer-col h4{color:#f1f5f9;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.9rem;font-weight:700}.ibc-footer-col a{color:#94a3b8;cursor:pointer;font-size:.88rem;line-height:1.6;text-decoration:none;transition:all .25s}.ibc-footer-col a:hover{color:var(--ibc-red);transform:translate(4px)}.ibc-footer-bottom{text-align:center;padding:24px 0}.ibc-footer-bottom p{color:#64748b;margin:0;font-size:.85rem}@media (width<=1024px){.ibc-footer-top{grid-template-columns:1fr;gap:48px}.ibc-footer-desc{max-width:100%}.ibc-footer-links{grid-template-columns:repeat(2,1fr);gap:40px}}@media (width<=600px){.ibc-footer-top{gap:40px;padding:60px 0 40px}.ibc-footer-links{grid-template-columns:repeat(2,1fr);gap:32px}.ibc-footer-col h4{font-size:.85rem}.ibc-footer-col a{font-size:.82rem}.ibc-cta-stats{gap:32px}.ibc-cta-stat-value{font-size:1.6rem}}.cd-hero{color:#fff;background:linear-gradient(135deg,#f30707 0%,#852222 100%);border-radius:24px;align-items:center;gap:24px;margin-bottom:28px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #6366f129}.cd-hero-blob{pointer-events:none;background:#ffffff0a;border-radius:50%;position:absolute}.cd-hero-blob1{width:300px;height:300px;top:-120px;left:-80px}.cd-hero-blob2{width:180px;height:180px;bottom:-60px;right:60px}.cd-hero-content{z-index:1;text-align:left;flex:1;align-items:center;gap:20px;display:flex;position:relative}.cd-hero-avatar{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex}.cd-greeting{opacity:.85;margin:0 0 4px;font-size:1.1rem;font-weight:500}.cd-hero-title{color:#fff;margin:0 0 4px;font-size:1.45rem;font-weight:700}.cd-hero-sub{opacity:.75;margin:0;font-size:.88rem}.cd-hero-illo{opacity:.15;pointer-events:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.cd-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.cd-stat-card{color:#fff;border-radius:16px;align-items:center;gap:14px;padding:20px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000f}.cd-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.cd-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cd-stat-body{flex:1;min-width:0}.cd-stat-body .cd-stat-label{opacity:.8;color:#fff;-webkit-text-fill-color:white;background:0 0;margin-bottom:2px;font-size:.78rem;font-weight:500}.cd-stat-body .cd-stat-value{word-break:break-word;color:#fff;-webkit-text-fill-color:white;background:0 0;font-size:1.1rem;font-weight:700;line-height:1.2}.cd-referral-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:20px;margin-bottom:28px;padding:20px 24px;display:flex}.cd-referral-left{display:contents}.cd-referral-icon{color:#fff;background:linear-gradient(135deg,#fa574b 0%,#d31111 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cd-referral-title{color:var(--muted);margin-bottom:2px;font-size:.82rem;font-weight:500}.cd-referral-url{color:var(--accent);word-break:break-all;font-size:.82rem;font-weight:600}.cd-referral-left>div{min-width:0}.cd-referral-actions{flex-shrink:0;gap:8px;display:flex}.cd-referred-section{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:24px 24px 28px}.cd-referred-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.cd-referred-header h2{margin:0;font-size:1.15rem;font-weight:700}.cd-referred-count{background:var(--accent);color:#fff;text-align:center;border-radius:12px;min-width:24px;padding:2px 10px;font-size:.78rem;font-weight:700}.cd-referred-empty{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:40px 20px;font-size:.9rem;display:flex}.cd-referred-grid{flex-direction:column;gap:0;display:flex}.cd-referred-item{border-bottom:1px solid var(--border);animation:.4s both cdSlideIn;animation-delay:var(--delay,0s);align-items:center;gap:12px;padding:14px 0;display:flex}.cd-referred-item:last-child{border-bottom:none}.cd-referred-avatar{color:#fff;background:linear-gradient(135deg,#fa4b4b 0%,#d31111 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;display:flex}.cd-referred-info{flex:1;min-width:0}.cd-referred-name{color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:700}.cd-referred-meta{color:var(--muted);font-size:.8rem}.cd-referred-date{color:var(--muted);font-size:.78rem}@keyframes cdSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.cd-cards{grid-template-columns:repeat(2,1fr)}.cd-hero-illo{display:none}.cd-hero{padding:26px 24px}.cd-hero-title{font-size:1.25rem}.cd-referred-section{padding:16px 16px 20px}}@media (width<=600px){.cd-hero{padding:20px 16px}.cd-hero-content{gap:12px}.cd-hero-avatar{width:46px;height:46px;font-size:1.1rem}.cd-hero-title{font-size:1.05rem}.cd-hero-sub{font-size:.8rem}.cd-cards{grid-template-columns:repeat(2,1fr)}.cd-stat-card{border-radius:12px;gap:10px;padding:14px 12px}.cd-stat-icon{border-radius:9px;width:36px;height:36px}.cd-referral-card{grid-template-columns:auto 1fr;padding:16px}.cd-referral-url{font-size:.76rem}.cd-referral-actions{grid-column:1/-1;width:100%}.cd-referral-actions .button{text-align:center;flex:1}.cd-referred-section{padding:14px 14px 18px}.cd-referred-item{flex-wrap:wrap}.cd-referred-date{width:100%}}@media (width<=480px){.cd-hero-content{flex-direction:column;align-items:flex-start;gap:8px}.cd-hero-title,.cd-greeting{font-size:.95rem}.cd-hero-sub{font-size:.78rem}.cd-stat-card{text-align:center;flex-direction:column}.cd-cards{grid-template-columns:1fr}.cd-referral-card{grid-template-columns:1fr;gap:12px}.cd-referral-left{align-items:center;gap:12px;display:flex}.cd-referral-actions{width:100%}.cd-referral-actions .button{flex:1}}@media (width<=380px){.cd-cards{grid-template-columns:1fr}}.modal-lg{width:90%;max-width:700px}.qr-generation{text-align:center;padding:2rem}.qr-info h3{color:#1a1a1a;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.qr-info p{color:#6b7280;margin-bottom:1.5rem}.qr-info ul{text-align:left;max-width:400px;margin:0 auto 2rem}.qr-info li{color:#374151;margin-bottom:.75rem;line-height:1.6}.qr-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.qr-display{text-align:center}.qr-code-container{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;display:inline-block;box-shadow:0 2px 8px #0000001a}.qr-code-image{width:100%;max-width:280px;height:auto;display:block}.qr-details{text-align:left;background:#f8faff;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.qr-detail-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:.5rem 0;display:flex}.qr-detail-item:last-child{border-bottom:none}.qr-label{color:#6b7280;font-weight:600}.qr-value{color:#1a1a1a;font-weight:500}.qr-instructions{text-align:left;background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.qr-instructions h4{color:#1a1a1a;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.qr-instructions ol{margin-left:1.5rem}.qr-instructions li{color:#374151;margin-bottom:.5rem;line-height:1.6}.temp-token-row{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;margin-top:.25rem;padding:.5rem .75rem!important}.temp-token-value{letter-spacing:.1em;font-family:Courier New,monospace;font-size:1.1rem;color:#92400e!important;font-weight:700!important}.data-table-modern{border-collapse:collapse;table-layout:fixed;width:100%}.data-table-modern thead{background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%)}.data-table-modern thead th{text-align:left;color:var(--text);text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:6px 4px;font-size:.75rem;font-weight:600;overflow:hidden}.data-table-modern tbody td{border-bottom:1px solid var(--border);color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:5px 4px;font-size:.8rem;overflow:hidden}.data-table-modern tbody tr:hover{background:#f8faff}.data-table-modern tbody tr:last-child td{border-bottom:none}.data-table-modern th:first-child,.data-table-modern td:first-child{width:4%}.data-table-modern th:nth-child(2),.data-table-modern td:nth-child(2){width:8%}.data-table-modern th:nth-child(3),.data-table-modern td:nth-child(3){width:9%}.data-table-modern th:nth-child(4),.data-table-modern td:nth-child(4){width:10%}.data-table-modern th:nth-child(5),.data-table-modern td:nth-child(5){width:6%}.data-table-modern th:nth-child(6),.data-table-modern td:nth-child(6){width:7%}.data-table-modern th:nth-child(7),.data-table-modern td:nth-child(7),.data-table-modern th:nth-child(8),.data-table-modern td:nth-child(8){width:6%}.filter-grid{max-width:100%;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.filter-search{grid-column:span 2}.filter-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-header h3{color:var(--text);margin:0;font-size:1.125rem;font-weight:600}.filter-actions{grid-column:span 2;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}@media (width<=768px){.modal-lg{width:95%;max-width:none}.qr-generation,.qr-code-container,.qr-details{padding:1rem}.qr-detail-item{flex-direction:column;gap:.25rem}.qr-instructions{padding:1rem}.qr-actions{flex-direction:column}.qr-actions .button{width:100%}.attendance-header{padding:1.5rem 1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-text h1{font-size:1.5rem}.header-subtitle{font-size:.9rem}.header-actions .button-lg{width:100%}.filter-card{padding:1rem}.filter-header{flex-direction:column;align-items:stretch;gap:.75rem}.filter-header h3{font-size:1rem}.filter-grid{gap:.75rem;grid-template-columns:1fr!important}.filter-search,.filter-actions{grid-column:1}.filter-actions .button{width:100%}.table-container{-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.table-wrapper{min-width:0}.data-table-modern{min-width:700px;font-size:.75rem}.data-table-modern thead th,.data-table-modern tbody td{padding:4px 2px;font-size:.7rem}.data-table-modern th:first-child,.data-table-modern td:first-child{width:5%}.data-table-modern th:nth-child(2),.data-table-modern td:nth-child(2),.data-table-modern th:nth-child(3),.data-table-modern td:nth-child(3){width:10%}.data-table-modern th:nth-child(4),.data-table-modern td:nth-child(4){width:12%}.data-table-modern th:nth-child(5),.data-table-modern td:nth-child(5){width:8%}.data-table-modern th:nth-child(6),.data-table-modern td:nth-child(6){width:10%}.data-table-modern th:nth-child(7),.data-table-modern td:nth-child(7),.data-table-modern th:nth-child(8),.data-table-modern td:nth-child(8){width:8%}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:.75rem!important}.stat-icon{width:36px!important;height:36px!important}.stat-icon svg{width:18px!important;height:18px!important}.stat-label{font-size:.75rem!important}.stat-value{font-size:1.1rem!important}.pagination-modern{flex-direction:column;gap:.75rem;padding:1rem}.pagination-modern .button{width:100%}.empty-state-modern{padding:2rem 1rem}.empty-illustration svg{width:150px;height:150px}.empty-state-modern h3{font-size:1.1rem}.empty-description{font-size:.85rem}}@media (width<=480px){.master-page{padding:.75rem}.attendance-header{padding:1rem .75rem}.header-text h1{font-size:1.25rem}.header-subtitle{font-size:.85rem}.filter-card{padding:.75rem}.filter-header h3{font-size:1rem}.stats-grid{gap:.5rem;grid-template-columns:1fr!important}.stat-card{padding:.5rem!important}.data-table-modern{min-width:600px;font-size:.7rem}.data-table-modern thead th,.data-table-modern tbody td{padding:3px 1px;font-size:.65rem}.pagination-modern{flex-direction:column;gap:.75rem;padding:1rem}.pagination-modern .button{width:100%}.member-info{flex-direction:column;align-items:flex-start;gap:.25rem}.member-avatar{width:28px;height:28px;font-size:.75rem}.status-badge-modern{padding:.25rem .5rem;font-size:.65rem}.progress-container{flex-direction:column;gap:.25rem}.progress-bar{height:4px}.progress-text{font-size:.65rem}.id-badge{padding:.15rem .4rem;font-size:.7rem}.event-badge,.chapter-badge{padding:.2rem .5rem;font-size:.7rem}}.my-services-filter-card{background:var(--surface,#fff);border:1px solid var(--border,#d1d5db);border-radius:var(--radius,18px);box-shadow:var(--shadow,0 24px 80px #0f172a0f);margin-bottom:24px;padding:20px 24px}.my-services-filter-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.my-services-filter-header h3{color:var(--text,#111827);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.my-services-filter-header h3 svg{width:18px;height:18px;color:var(--accent,#2a5ae0)}.my-services-filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.my-services-filter-group{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.my-services-filter-group label{color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.my-services-filter-group input,.my-services-filter-group select{border:2px solid var(--border,#d1d5db);background:var(--surface,#fff);width:100%;color:var(--text,#111827);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s;box-shadow:0 1px 2px #0000000a}.my-services-filter-group input:hover,.my-services-filter-group select:hover{border-color:#9ca3af}.my-services-filter-group input:focus,.my-services-filter-group select:focus{border-color:var(--accent,#2a5ae0);outline:none;box-shadow:0 0 0 4px #2a5ae01a}.my-services-filter-group input::placeholder{color:#9ca3af}.my-services-filter-group select{cursor:pointer;appearance:auto;background-color:var(--surface,#fff);color:var(--text,#111827);vertical-align:middle;height:42px;padding-right:14px;font-family:inherit;font-size:.9rem;line-height:1.5}.my-services-filter-group select option{color:var(--text,#111827);background:var(--surface,#fff);padding:10px;font-size:.9rem}.my-services-filter-group select:focus{border-color:var(--accent,#2a5ae0);outline:none;box-shadow:0 0 0 4px #2a5ae01a}.my-services-reset-btn{background:var(--surface,#fff);border:2px solid var(--border,#d1d5db);color:var(--muted,#6b7280);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;height:42px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.my-services-reset-btn:hover{border-color:var(--danger,#dc2626);color:var(--danger,#dc2626);background:#fef2f2}.my-services-reset-btn svg{width:16px;height:16px}.my-services-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.my-services-stat-card{background:var(--surface,#fff);border:1px solid var(--border,#d1d5db);border-radius:var(--radius,18px);box-shadow:var(--shadow,0 24px 80px #0f172a0f);align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.my-services-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.my-services-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.my-services-stat-icon svg{width:24px;height:24px}.my-services-stat-icon.total{color:var(--accent,#2a5ae0);background:#eef2ff}.my-services-stat-icon.active{color:var(--success,#16a34a);background:#ecfdf5}.my-services-stat-icon.inactive{color:var(--danger,#dc2626);background:#fef2f2}.my-services-stat-icon.draft{color:#d97706;background:#fffbeb}.my-services-stat-info{flex-direction:column;gap:2px;display:flex}.my-services-stat-value{color:var(--text,#111827);font-size:1.5rem;font-weight:700;line-height:1.2}.my-services-stat-label{color:var(--muted,#6b7280);font-size:.8rem;font-weight:500}@media (width<=768px){.my-services-filter-card{padding:16px}.my-services-filter-row{flex-direction:column;gap:12px}.my-services-filter-group{min-width:100%}.my-services-reset-btn{justify-content:center;width:100%}.my-services-stats{grid-template-columns:repeat(2,1fr);gap:12px}.my-services-stat-card{padding:16px}.my-services-stat-value{font-size:1.25rem}}@media (width<=480px){.my-services-stats{grid-template-columns:1fr}}.service-form-panel{background:var(--surface);border-radius:var(--radius);max-width:900px;box-shadow:var(--shadow);margin:0 auto;overflow:hidden}.service-form-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;gap:16px;padding:28px 32px;display:flex}.service-form-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0000001a}.service-form-title{color:#fff;margin:0;font-size:1.75rem;font-weight:700}.service-form-subtitle{color:#ffffffe6;margin:4px 0 0;font-size:.9rem}.service-form-grid{padding:32px}.form-section{background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px;transition:box-shadow .2s}.section-title{color:var(--text);border-bottom:2px solid var(--border);align-items:center;gap:10px;margin:0 0 20px;padding-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.section-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:4px;height:20px}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text);letter-spacing:.01em;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s;box-shadow:0 1px 2px #0000000a}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af;box-shadow:0 2px 4px #0000000f}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #2a5ae01a,0 2px 4px #0000000f}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-size:.9rem}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group select{cursor:pointer;appearance:auto;background-color:var(--surface);color:var(--text);vertical-align:middle;height:44px;padding-right:14px;font-family:inherit;font-size:.95rem;line-height:1.5}.form-group select option{color:var(--text);background:var(--surface);padding:10px;font-size:.95rem}.form-group select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #2a5ae01a}.form-group select:hover{background-color:var(--surface-strong)}.file-input-wrapper{width:100%;display:inline-block;position:relative}.file-input{display:none}.file-input-label{border:2px dashed var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.file-input-label:hover{border-color:var(--accent);background:var(--surface-strong);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.file-input-label svg{color:var(--accent);flex-shrink:0}.form-hint{color:var(--muted);margin:8px 0 0;font-size:.85rem;font-style:italic}.image-preview{border:2px solid var(--border);border-radius:12px;margin-top:16px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001f}.preview-label{color:var(--muted);text-align:center;margin-top:8px;font-size:.85rem;font-style:italic;display:block}.form-actions .button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000f}.form-actions .button-secondary{border:1px solid var(--border);color:var(--text);background:#fff}.form-actions .button-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.form-actions .button-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8 0%,#6b3fa0 100%)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (width<=768px){.service-form-header{padding:20px 24px}.service-form-title{font-size:1.5rem}.service-form-grid{padding:24px}.form-section{margin-bottom:20px;padding:20px}.form-row{grid-template-columns:1fr;gap:16px}.form-row-3{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;padding:20px 24px}.form-actions .button{width:100%}.image-preview img{max-width:180px;max-height:180px}}@media (width<=480px){.service-form-header{padding:16px 20px}.service-form-icon{width:40px;height:40px}.service-form-title{font-size:1.25rem}.service-form-subtitle{font-size:.85rem}.service-form-grid{padding:20px}.form-section{margin-bottom:16px;padding:16px}.section-title{font-size:1rem}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;font-size:16px}.image-preview img{max-width:150px;max-height:150px}.form-actions .button{padding:14px 20px;font-size:.95rem}}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{.form-actions{display:none}.service-form-panel{box-shadow:none;border:1px solid var(--border)}}.form-group input,.form-group select,.form-group textarea,.file-input-label,.form-actions .button{transition:all .2s}.service-form-container{background:var(--surface);border-radius:var(--radius);max-width:900px;box-shadow:var(--shadow);margin:0 auto;overflow:hidden}.service-form-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px;display:flex}.service-form-header h2{align-items:center;gap:12px;margin:0;font-size:1.75rem;font-weight:700;display:flex}.service-form-header-icon{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.service-form-body{padding:32px}.form-section{background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:24px}.form-section:last-child{margin-bottom:0}.form-section-header{border-bottom:2px solid var(--border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.form-section-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.form-section-title{color:var(--text);margin:0;font-size:1.1rem;font-weight:600}.form-section-description{color:var(--muted);margin:4px 0 0;font-size:.85rem}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row:last-child{margin-bottom:0}.form-label{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.form-label-text{color:var(--text);letter-spacing:.01em;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.form-label-required{color:var(--danger);font-weight:700}.form-label-optional{color:var(--muted);font-size:.8rem;font-weight:400}.form-input,.form-select,.form-textarea{border:2px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s;box-shadow:0 1px 2px #0000000a}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#9ca3af;box-shadow:0 2px 4px #0000000f}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #2a5ae01a,0 2px 4px #0000000f}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;font-size:.9rem}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-color:var(--surface);padding-right:40px}.form-select:hover{background-color:var(--surface-strong)}.image-upload-container{border:2px dashed var(--border);text-align:center;background:var(--surface);cursor:pointer;border-radius:12px;padding:32px 24px;transition:all .3s;position:relative;overflow:hidden}.image-upload-container:before{content:"";opacity:0;background:linear-gradient(135deg,#667eea08 0%,#764ba208 100%);transition:opacity .3s;position:absolute;inset:0}.image-upload-container:hover{border-color:var(--accent);background:var(--surface-strong);transform:translateY(-2px);box-shadow:0 4px 12px #2a5ae01a}.image-upload-container:hover:before{opacity:1}.image-upload-input{display:none}.image-upload-label{cursor:pointer;z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.image-upload-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;transition:transform .3s;display:flex;box-shadow:0 4px 12px #667eea4d}.image-upload-container:hover .image-upload-icon{transform:scale(1.05)}.image-upload-text{color:var(--text);font-size:.95rem;font-weight:600}.image-upload-hint{color:var(--muted);font-size:.85rem}.image-preview{border-radius:12px;margin-top:20px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001f}.image-preview img{object-fit:cover;border-radius:12px;max-width:220px;max-height:220px;display:block}.image-preview-label{color:var(--muted);text-align:center;margin-top:10px;font-size:.85rem;font-style:italic;display:block}.gallery-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:20px;display:grid}.gallery-preview-item{aspect-ratio:1;background:var(--surface);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.gallery-preview-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.gallery-preview-item:hover img{transform:scale(1.05)}.gallery-remove-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0003}.gallery-remove-btn:hover{background:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.gallery-remove-btn:active{transform:scale(.95)}.radio-group{gap:12px;display:flex}.radio-option{flex:1;position:relative}.radio-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.radio-option label{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-bottom:0;padding:12px 16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.radio-option label:hover{border-color:var(--accent);background:var(--surface-strong);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.radio-option input[type=radio]:checked+label{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.radio-option input[type=radio]:checked+label:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.form-actions{background:var(--surface-strong);border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);justify-content:flex-end;gap:12px;margin-top:32px;padding:24px 32px;display:flex}.form-actions .button{border-radius:10px;min-width:140px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #0000000f}.form-actions .button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.form-actions .button:active:not(:disabled){transform:translateY(0)}.form-actions .button:disabled{opacity:.6;cursor:not-allowed}.form-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.form-loading-spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.form-loading-text{color:var(--muted);font-size:.95rem}.form-empty-state{text-align:center;padding:60px 20px}.form-empty-state-icon{background:var(--surface-strong);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:32px;display:flex}.form-empty-state h3{color:var(--text);margin:0 0 8px;font-size:1.25rem}.form-empty-state p{color:var(--muted);margin:0 0 24px}@media (width<=768px){.service-form-header{padding:20px 24px}.service-form-header h2{font-size:1.5rem}.service-form-body{padding:24px}.form-section{margin-bottom:24px;padding:20px}.form-row{grid-template-columns:1fr;gap:16px}.form-row-3{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;padding:20px 24px}.form-actions .button{width:100%}.radio-group{flex-direction:column}.image-upload-container{padding:24px 16px}.image-preview img{max-width:180px;max-height:180px}.gallery-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}@media (width<=480px){.service-form-header{padding:16px 20px}.service-form-header h2{font-size:1.25rem}.service-form-body{padding:20px}.form-section{margin-bottom:20px;padding:16px}.form-section-title{font-size:1rem}.form-input,.form-select,.form-textarea{padding:10px 14px;font-size:16px}.image-preview img{max-width:150px;max-height:150px}.gallery-preview-grid{grid-template-columns:repeat(2,1fr);gap:10px}.form-actions .button{padding:14px 20px;font-size:.95rem}}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{.form-actions{display:none}.service-form-container{box-shadow:none;border:1px solid var(--border)}}.form-input,.form-select,.form-textarea,.radio-option label,.image-upload-container,.form-actions .button{transition:all .2s}.form-section{transition:box-shadow .2s}.form-section:hover{box-shadow:0 2px 8px #0000000a}:root{--se-primary:#6366f1;--se-primary-dark:#4f46e5;--se-primary-darker:#3730a3;--se-primary-light:#eef2ff;--se-primary-lighter:#f5f7ff;--se-primary-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--se-primary-gradient-subtle:linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);--se-accent:#f59e0b;--se-accent-gradient:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--se-secondary:#6b7280;--se-success:#10b981;--se-success-soft:#d1fae5;--se-warning:#f59e0b;--se-danger:#ef4444;--se-info:#06b6d4;--se-bg:#f8fafc;--se-bg-secondary:#f1f5f9;--se-bg-card:#fff;--se-glass:#fffc;--se-glass-border:#6366f11f;--se-glass-hover:#fffffff2;--se-text:#0f172a;--se-text-secondary:#475569;--se-text-tertiary:#94a3b8;--se-text-muted:#cbd5e1;--se-border:#e2e8f0;--se-border-light:#f1f5f9;--se-shadow-sm:0 1px 2px 0 #0000000a;--se-shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--se-shadow-lg:0 10px 15px -3px #6366f114, 0 4px 6px -4px #6366f10a;--se-shadow-xl:0 20px 25px -5px #6366f11a, 0 8px 10px -6px #6366f10d;--se-shadow-2xl:0 25px 50px -12px #0000001f;--se-shadow-glow:0 0 20px #6366f114, 0 0 40px #6366f10a;--se-radius-sm:6px;--se-radius-md:8px;--se-radius-lg:12px;--se-radius-xl:16px;--se-radius-2xl:20px;--se-radius-3xl:24px;--se-radius-full:9999px;--se-transition:all .3s cubic-bezier(.4, 0, .2, 1);--se-transition-slow:all .5s cubic-bezier(.4, 0, .2, 1);--se-transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1);--se-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--se-nav-height:72px}*,:before,:after{box-sizing:border-box}.se-page{background:var(--se-bg);min-height:100vh;font-family:var(--se-font);color:var(--se-text);padding-top:var(--se-nav-height);overflow-x:hidden}.se-section-container{max-width:1280px;margin:0 auto;padding:0 24px}.se-navbar{z-index:1000;height:var(--se-nav-height);-webkit-backdrop-filter:blur(20px);transition:var(--se-transition);background:#ffffffd9;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.se-navbar-scrolled{border-bottom-color:var(--se-border);background:#fffffff7;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000f}.se-nav-inner{align-items:center;gap:12px;max-width:1440px;height:100%;margin:0 auto;padding:0 20px;display:flex}.se-nav-left{flex-shrink:0;padding-left:8px}.se-logo{cursor:pointer;align-items:center;gap:10px;padding:4px 0;display:flex}.se-logo-icon{border-radius:var(--se-radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:80px;padding:4px;overflow:hidden}.se-logo-icon img{object-fit:contain;height:100%}.se-logo-text{flex-direction:column;line-height:1.2;display:flex}.se-logo-name{background:var(--se-primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.se-logo-sub{color:var(--se-text-tertiary);letter-spacing:.3px;text-transform:uppercase;font-size:.6rem;font-weight:500}.se-nav-center{flex-direction:column;flex:1;gap:4px;max-width:700px;margin:0 auto;display:flex}.se-nav-search{background:var(--se-bg-secondary);border-radius:var(--se-radius-full);border:1px solid var(--se-border);transition:var(--se-transition);align-items:center;height:44px;display:flex;position:relative}.se-nav-search:focus-within{border-color:var(--se-primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.se-nav-city{flex-shrink:0;position:relative}.se-city-btn{cursor:pointer;color:var(--se-text);white-space:nowrap;transition:var(--se-transition);border-radius:var(--se-radius-full);background:0 0;border:none;align-items:center;gap:6px;height:100%;padding:8px 12px 8px 16px;font-family:inherit;font-size:.82rem;font-weight:500;display:flex}.se-city-btn:hover{color:var(--se-primary)}.se-city-btn svg{width:16px;height:16px;color:var(--se-primary);flex-shrink:0}.se-city-text{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.se-city-chevron{width:12px;transition:transform .2s;height:12px!important}.se-city-dropdown{border-radius:var(--se-radius-xl);border:1px solid var(--se-border);z-index:100;background:#fff;min-width:260px;animation:.2s ease-out seDropIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 8px 20px #0000000f}@keyframes seDropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.se-city-search{border-bottom:1px solid var(--se-border);align-items:center;gap:10px;padding:12px 16px;display:flex}.se-city-search svg{width:18px;height:18px;color:var(--se-text-tertiary);flex-shrink:0}.se-city-search input{color:var(--se-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.se-city-search input::placeholder{color:var(--se-text-tertiary)}.se-city-list{max-height:280px;padding:6px;overflow-y:auto}.se-city-list::-webkit-scrollbar{width:4px}.se-city-list::-webkit-scrollbar-track{background:0 0}.se-city-list::-webkit-scrollbar-thumb{background:var(--se-border);border-radius:4px}.se-city-option{border-radius:var(--se-radius-lg);cursor:pointer;width:100%;color:var(--se-text-secondary);transition:var(--se-transition);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:.85rem;display:flex}.se-city-option svg{width:16px;height:16px;color:var(--se-text-tertiary);flex-shrink:0}.se-city-option:hover{background:var(--se-primary-light);color:var(--se-primary)}.se-city-option.active{background:var(--se-primary-light);color:var(--se-primary);font-weight:600}.se-city-option.active svg{color:var(--se-primary)}.se-city-no-results{text-align:center;color:var(--se-text-tertiary);padding:20px;font-size:.85rem}.se-nav-divider{background:var(--se-border);flex-shrink:0;width:1px;height:24px}.se-nav-input-wrapper{flex:1;align-items:center;gap:8px;padding:0 4px;display:flex;position:relative}.se-nav-search-icon{width:18px;height:18px;color:var(--se-text-tertiary);flex-shrink:0}.se-nav-input{color:var(--se-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.88rem}.se-nav-input::placeholder{color:var(--se-text-tertiary)}.se-nav-clear{cursor:pointer;width:20px;height:20px;color:var(--se-text-tertiary);transition:var(--se-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.se-nav-clear:hover{color:var(--se-text)}.se-nav-clear svg{width:16px;height:16px}.se-nav-search-btn{background:var(--se-primary-gradient);cursor:pointer;color:#fff;width:36px;height:36px;transition:var(--se-transition-bounce);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;display:flex}.se-nav-search-btn svg{width:16px;height:16px}.se-nav-search-btn:hover{transform:scale(1.08);box-shadow:0 4px 16px #6366f159}.se-nav-search-btn:active{transform:scale(.95)}.se-autocomplete-dropdown{border-radius:var(--se-radius-xl);border:1px solid var(--se-border);z-index:100;background:#fff;animation:.2s ease-out seDropIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 8px 20px #0000000f}.se-autocomplete-item{cursor:pointer;width:100%;transition:var(--se-transition);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;display:flex}.se-autocomplete-item:hover{background:var(--se-primary-light)}.se-autocomplete-item:not(:last-child){border-bottom:1px solid var(--se-border-light)}.se-autocomplete-icon{border-radius:var(--se-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.se-autocomplete-icon svg{width:16px;height:16px}.se-autocomplete-icon--service{color:#6366f1;background:#eef2ff}.se-autocomplete-icon--category{color:#f59e0b;background:#fef3c7}.se-autocomplete-icon--company{color:#10b981;background:#d1fae5}.se-autocomplete-label{color:var(--se-text);flex:1;font-size:.88rem;font-weight:500}.se-autocomplete-type{color:var(--se-text-tertiary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:.7rem;font-weight:500}.se-nav-popular{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 4px 0;display:flex}.se-popular-label{color:var(--se-text-tertiary);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;font-size:.72rem;font-weight:600}.se-popular-tag{border-radius:var(--se-radius-full);color:var(--se-text-tertiary);cursor:pointer;transition:var(--se-transition);white-space:nowrap;background:0 0;border:none;padding:2px 10px;font-family:inherit;font-size:.72rem}.se-popular-tag:hover{color:var(--se-primary);background:var(--se-primary-light)}.se-nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.se-nav-btn{border:1px solid var(--se-border);border-radius:var(--se-radius-full);color:var(--se-text-secondary);cursor:pointer;transition:var(--se-transition);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:500;display:flex}.se-nav-btn svg{flex-shrink:0;width:16px;height:16px}.se-nav-btn--login:hover{border-color:var(--se-primary);color:var(--se-primary);background:var(--se-primary-light)}.se-nav-btn--register{background:var(--se-primary-light);color:var(--se-primary);border-color:#6366f133}.se-nav-btn--register:hover{background:var(--se-primary);color:#fff;border-color:#0000;box-shadow:0 4px 16px #6366f140}.se-nav-btn--listing{background:var(--se-primary-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 12px #6366f133}.se-nav-btn--listing:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.se-mobile-toggle{border:1px solid var(--se-border);border-radius:var(--se-radius-lg);cursor:pointer;width:40px;height:40px;color:var(--se-text);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.se-mobile-toggle svg{width:22px;height:22px}.se-mobile-menu{top:var(--se-nav-height);border-bottom:1px solid var(--se-border);background:#fff;padding:16px;animation:.3s ease-out seSlideDown;display:none;position:absolute;left:0;right:0;box-shadow:0 20px 40px #00000014}@keyframes seSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.se-mobile-search{margin-bottom:16px}.se-mobile-input{border:1px solid var(--se-border);border-radius:var(--se-radius-xl);width:100%;color:var(--se-text);transition:var(--se-transition);outline:none;padding:14px 18px;font-family:inherit;font-size:.95rem}.se-mobile-input:focus{border-color:var(--se-primary);box-shadow:0 0 0 3px #6366f11a}.se-mobile-input::placeholder{color:var(--se-text-tertiary)}.se-mobile-actions{gap:10px;margin-bottom:16px;display:flex}.se-mobile-action{background:var(--se-bg-secondary);border:1px solid var(--se-border);border-radius:var(--se-radius-xl);color:var(--se-text-secondary);cursor:pointer;transition:var(--se-transition);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:.85rem;font-weight:500;display:flex}.se-mobile-action svg{width:18px;height:18px}.se-mobile-action:hover{border-color:var(--se-primary);color:var(--se-primary);background:#fff}.se-mobile-action--primary{background:var(--se-primary-gradient);color:#fff;border-color:#0000}.se-mobile-action--primary:hover{background:var(--se-primary-gradient);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 16px #6366f140}.se-mobile-popular .se-popular-label{margin-bottom:8px;display:block}.se-mobile-tags{flex-wrap:wrap;gap:6px;display:flex}.se-mobile-tags .se-popular-tag{background:var(--se-bg-secondary);border-radius:var(--se-radius-full);padding:6px 14px;font-size:.8rem}.se-mobile-tags .se-popular-tag:hover{background:var(--se-primary-light);color:var(--se-primary)}.se-hero{flex-direction:column;justify-content:center;align-items:center;min-height:85vh;padding:48px 24px 60px;display:flex;position:relative;overflow:hidden}.se-hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(135deg,#0f172aa6 0%,#1e3a8a8c 35%,#0f172a99 65%,#1e3a8aa6 100%);position:absolute;inset:0}.se-hero:after{content:"";z-index:1;pointer-events:none;background:0 0;position:absolute;inset:0}.se-hero-particles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.se-particle{filter:blur(120px);opacity:.12;border-radius:50%;position:absolute}.se-p-1{background:#2563eb;width:600px;height:600px;animation:25s ease-in-out infinite seFloat;top:-200px;right:-100px}.se-p-2{background:#3b82f6;width:450px;height:450px;animation:30s ease-in-out infinite reverse seFloat;bottom:-120px;left:-120px}.se-p-3{opacity:.06;background:#f59e0b;width:350px;height:350px;animation:20s ease-in-out infinite seFloat;top:25%;left:55%}.se-p-4{opacity:.08;background:#2563eb;width:200px;height:200px;animation:22s ease-in-out 3s infinite seFloat;top:10%;left:8%}.se-p-5{opacity:.08;background:#3b82f6;width:250px;height:250px;animation:28s ease-in-out 2s infinite seFloat;bottom:20%;right:10%}.se-p-6{opacity:.05;background:#f59e0b;width:180px;height:180px;animation:18s ease-in-out 4s infinite seFloat;top:55%;left:25%}@keyframes seFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(50px,-50px)scale(1.15)}50%{transform:translate(-30px,30px)scale(.9)}75%{transform:translate(40px,40px)scale(1.05)}}.se-hero-content{z-index:2;text-align:center;width:100%;max-width:900px;animation:.8s ease-out seFadeInUp;position:relative}.se-hero-text{margin-bottom:36px}.se-hero-badge-wrapper{margin-bottom:24px}.se-hero-badge{border-radius:var(--se-radius-full);color:#fff;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;align-items:center;gap:10px;padding:10px 24px;font-size:.82rem;font-weight:600;animation:2.5s ease-in-out infinite sePulse;display:inline-flex;position:relative;box-shadow:0 4px 20px #0000001a}.se-hero-badge:after{content:"";border-radius:var(--se-radius-full);z-index:-1;opacity:.4;background:linear-gradient(135deg,#2563eb,#3b82f6,#f59e0b,#2563eb) 0 0/300% 300%;animation:3s ease-in-out infinite seGradientBorder;position:absolute;inset:-1px}@keyframes seGradientBorder{0%,to{background-position:0%}50%{background-position:100%}}.se-hero-badge svg{color:#f59e0b;width:16px;height:16px}@keyframes sePulse{0%,to{box-shadow:0 0 #2563eb4d}50%{box-shadow:0 0 0 16px #2563eb00}}.se-hero-title{color:#fff;letter-spacing:-1px;text-shadow:none;margin:0 0 24px;font-size:clamp(2.5rem,5vw,3.8rem);font-weight:800;line-height:1.15}.se-hero-title br{display:none}@media (width>=769px){.se-hero-title br{display:block}}.se-text-gradient{background:linear-gradient(135deg,#fde826 0%,#764ba2 50%,#f8f523 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:5s ease-in-out infinite seGradientShift;display:inline-block}@keyframes seGradientShift{0%,to{background-position:0%}50%{background-position:100%}}.se-hero-subtitle{color:#fffffff2;max-width:640px;text-shadow:none;letter-spacing:.2px;margin:0 auto 40px;font-size:1.15rem;font-weight:400;line-height:1.7}.se-hero-search-wrapper{max-width:680px;margin:0 auto 28px}.se-hero-search-card{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:8px 8px 14px;transition:all .3s;box-shadow:0 8px 40px #00000026}.se-hero-search-card:hover{background:#ffffff24;border-color:#ffffff38;box-shadow:0 12px 50px #0003}.se-hero-search-bar{background:#fffffff2;border-radius:14px;align-items:center;gap:8px;padding:4px 4px 4px 18px;display:flex;box-shadow:0 2px 8px #0000000a}.se-hero-search-icon{color:#2563eb;flex-shrink:0;width:20px;height:20px}.se-hero-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0;font-family:inherit;font-size:.95rem}.se-hero-search-input::placeholder{color:#94a3b8}.se-hero-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.se-hero-search-btn svg{width:16px;height:16px}.se-hero-search-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 24px #2563eb59}.se-hero-search-btn:active{transform:translateY(0)}.se-hero-popular-searches{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px 2px;display:flex}.se-hero-popular-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:.72rem;font-weight:600}.se-hero-popular-tag{border-radius:var(--se-radius-full);color:#fffc;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff1f;padding:4px 14px;font-family:inherit;font-size:.72rem;transition:all .3s}.se-hero-popular-tag:hover{color:#fff;background:#fff3;border-color:#ffffff40;transform:translateY(-1px)}.se-hero-cta-wrapper{margin-top:12px;margin-bottom:48px}.se-hero-cta-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#f7d540 0%,#b9ad02 100%);border:none;border-radius:16px;align-items:center;gap:10px;padding:16px 36px;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #667eea59,0 0 #667eea66}.se-hero-cta-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.se-hero-cta-btn:hover:before{left:100%}.se-hero-cta-btn svg{width:20px;height:20px;transition:transform .3s}.se-hero-cta-btn:hover{background:linear-gradient(135deg,#5568d3 0%,#6a3f8f 100%);transform:translateY(-3px);box-shadow:0 12px 32px #667eea73,0 0 0 4px #667eea26}.se-hero-cta-btn:hover svg{transform:translate(3px)}.se-hero-cta-btn:active{transform:translateY(-1px);box-shadow:0 6px 20px #667eea66,0 0 0 2px #667eea1a}.se-hero-stats{z-index:2;border-radius:var(--se-radius-3xl);-webkit-backdrop-filter:blur(20px);background:#fffcfc1f;border:1px solid #cfcccc33;flex-wrap:wrap;justify-content:center;gap:48px;max-width:900px;margin:0 auto;padding:28px 48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #ffffff1a,inset 0 1px #fff3}.se-hero-stats:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 28px 72px #0003,inset 0 0 0 1px #ffffff26,inset 0 1px #ffffff40}.se-hero-stat{text-align:center;padding:8px 16px;position:relative}.se-hero-stat:not(:last-child):after{content:"";background:linear-gradient(#0000,#ffffff4d,#0000);width:1px;height:40px;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.se-stat-value{background:linear-gradient(135deg,#b3b1b1 0%,#b1afaf 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1;display:block}.se-stat-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 4px #0003;font-size:.85rem;font-weight:600}@media (width<=1024px){.se-hero{min-height:auto;padding:100px 20px 80px}.se-hero-title{font-size:2.8rem}.se-hero-subtitle{font-size:1.05rem}}@media (width<=768px){.se-hero{min-height:auto;padding:100px 16px 50px}.se-hero-title{letter-spacing:-.5px;margin-bottom:20px;font-size:clamp(1.8rem,6vw,2.5rem)}.se-hero-subtitle{max-width:100%;margin-bottom:32px;font-size:.95rem}.se-hero-search-card{border-radius:16px;padding:6px 6px 12px}.se-hero-search-bar{border-radius:12px;padding:2px 2px 2px 14px}.se-hero-search-input{padding:10px 0;font-size:.85rem}.se-hero-search-btn{border-radius:10px;padding:8px 16px;font-size:.82rem}.se-hero-search-btn span{display:none}.se-hero-popular-searches{gap:6px;padding:8px 12px 0}.se-hero-popular-tag{padding:3px 10px;font-size:.65rem}.se-hero-cta-btn{border-radius:14px;padding:14px 28px;font-size:.95rem}.se-hero-cta-wrapper{margin-top:10px;margin-bottom:36px}.se-hero-stats{border-radius:var(--se-radius-2xl);gap:24px;padding:20px 24px}.se-hero-stat:not(:last-child):after{display:none}.se-stat-value{font-size:1.5rem}.se-stat-label{font-size:.75rem}}@media (width<=480px){.se-hero{padding:80px 12px 40px}.se-hero-title{margin-bottom:16px;font-size:1.7rem}.se-hero-subtitle{margin-bottom:28px;font-size:.85rem}.se-hero-search-bar{padding:2px 2px 2px 10px}.se-hero-search-icon{width:16px;height:16px}.se-hero-search-input{padding:8px 0;font-size:.8rem}.se-hero-search-btn{padding:6px 12px;font-size:.78rem}.se-hero-cta-btn{border-radius:12px;padding:12px 24px;font-size:.88rem}.se-hero-cta-wrapper{margin-top:8px;margin-bottom:28px}.se-hero-stats{border-radius:var(--se-radius-xl);gap:16px;padding:16px 18px}.se-hero-stat{padding:4px 8px}.se-stat-value{font-size:1.2rem}.se-stat-label{letter-spacing:.5px;font-size:.65rem}.se-hero-badge{padding:8px 16px;font-size:.7rem}}.se-section-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.se-section-header-center{text-align:center;justify-content:center}.se-section-header-center .se-section-header-left{max-width:650px;margin:0 auto}.se-section-header-center .se-section-badge{margin:0 auto 12px}.se-section-header-left{flex:1}.se-section-badge{background:var(--se-primary-light);border-radius:var(--se-radius-full);color:var(--se-primary);text-transform:uppercase;letter-spacing:.5px;border:1px solid #6366f126;align-items:center;gap:8px;margin-bottom:12px;padding:6px 18px;font-size:.72rem;font-weight:600;display:inline-flex}.se-section-badge svg{width:14px;height:14px}.se-section-title{color:var(--se-text);letter-spacing:-.5px;margin:0 0 8px;font-size:1.75rem;font-weight:700;line-height:1.3}.se-section-subtitle{color:var(--se-text-secondary);margin:0;font-size:.9rem;line-height:1.6}.se-section-count{background:var(--se-bg-card);border:1px solid var(--se-border);border-radius:var(--se-radius-xl);color:var(--se-text-secondary);white-space:nowrap;box-shadow:var(--se-shadow-sm);flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:500;display:inline-flex}.se-section-count svg{width:16px;height:16px;color:var(--se-primary)}.se-clear-search-link{color:var(--se-primary);font-size:inherit;cursor:pointer;transition:var(--se-transition);background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.se-clear-search-link:hover{color:var(--se-primary-dark)}.se-top-categories-section{background:var(--se-bg-card);border-bottom:1px solid var(--se-border);padding:40px 0}.se-top-categories-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px;display:grid}.se-top-category-card{background:var(--se-bg-card);border:1px solid var(--se-border);border-radius:var(--se-radius-xl);cursor:pointer;transition:var(--se-transition);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.se-top-category-card:hover{border-color:var(--se-primary);box-shadow:var(--se-shadow-lg);transform:translateY(-4px)}.se-top-category-icon{border-radius:var(--se-radius-xl);color:#fff;width:72px;height:72px;transition:var(--se-transition);justify-content:center;align-items:center;display:flex}.se-top-category-card:hover .se-top-category-icon{transform:scale(1.1)}.se-top-category-icon svg{width:36px;height:36px}.se-top-category-card span{color:var(--se-text);font-size:.95rem;font-weight:600}@media (width<=1024px){.se-top-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.se-top-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.se-top-categories-grid{grid-template-columns:repeat(2,1fr);gap:16px}.se-top-category-card{padding:20px}.se-top-category-icon{width:60px;height:60px}.se-top-category-icon svg{width:30px;height:30px}.se-top-category-card span{font-size:.85rem}}.se-slider-controls{flex-shrink:0;gap:10px;display:flex}.se-slider-btn{background:var(--se-bg-secondary);border:1px solid var(--se-border);cursor:pointer;width:44px;height:44px;transition:var(--se-transition-bounce);color:var(--se-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.se-slider-btn svg{width:20px;height:20px}.se-slider-btn:hover{background:var(--se-primary-gradient);color:#fff;border-color:#0000;transform:scale(1.1);box-shadow:0 4px 20px #6366f14d}.se-featured-slider-wrapper{margin:0 -12px;position:relative}.se-featured-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;gap:20px;padding:12px;display:flex;overflow-x:auto}.se-featured-slider:active{cursor:grabbing}.se-featured-slider::-webkit-scrollbar{display:none}.se-featured-card{scroll-snap-align:start;background:var(--se-bg-card);border-radius:var(--se-radius-2xl);border:1px solid var(--se-border);cursor:pointer;transition:var(--se-transition-slow);box-shadow:var(--se-shadow-sm);flex:0 0 300px;position:relative;overflow:hidden}.se-featured-card:before{content:"";border-radius:var(--se-radius-2xl);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:var(--se-transition);background:linear-gradient(135deg,#6366f14d,#0000,#a855f74d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.se-featured-card:hover:before{opacity:1}.se-featured-card:hover{box-shadow:var(--se-shadow-xl), var(--se-shadow-glow);border-color:#0000;transform:translateY(-8px)scale(1.02)}.se-featured-card:focus-visible{outline:2px solid var(--se-primary);outline-offset:2px}.se-featured-card-image{width:100%;height:190px;position:relative;overflow:hidden}.se-featured-card-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0000000f 100%);position:absolute;inset:0}.se-featured-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.se-featured-card:hover .se-featured-card-image img{transform:scale(1.15)}.se-featured-card-overlay{opacity:0;transition:var(--se-transition);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.se-featured-card:hover .se-featured-card-overlay{opacity:.95}.se-featured-card-icon{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.3)rotate(-30deg);box-shadow:0 8px 30px #00000026}.se-featured-card:hover .se-featured-card-icon{transform:scale(1)rotate(0)}.se-featured-card-icon svg{width:26px;height:26px;color:var(--se-primary)}.se-featured-card-info{z-index:1;padding:18px 20px;position:relative}.se-featured-card-info h3{color:var(--se-text);margin:0 0 4px;font-size:1rem;font-weight:600}.se-featured-desc{color:var(--se-text-secondary);margin:0 0 8px;font-size:.8rem;line-height:1.5}.se-featured-count{color:var(--se-text-tertiary);align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:inline-flex}.se-featured-count svg{width:14px;height:14px;color:var(--se-primary)}.se-featured-card-arrow{width:28px;height:28px;color:var(--se-text-tertiary);transition:var(--se-transition);opacity:0;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;bottom:18px;right:18px;transform:translate(-12px)}.se-featured-card:hover .se-featured-card-arrow{opacity:1;color:var(--se-primary);transform:translate(0)}.se-featured-card-arrow svg{width:18px;height:18px}.se-categories-section{background:var(--se-bg);padding:50px 0}.se-view-more-btn{background:var(--se-bg-card);border:1px solid var(--se-border);border-radius:var(--se-radius-xl);color:var(--se-text);cursor:pointer;transition:var(--se-transition);align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex}.se-view-more-btn:hover{background:var(--se-primary);border-color:var(--se-primary);color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.se-view-more-btn svg{width:18px;height:18px}.se-categories-grid{grid-template-columns:repeat(6,1fr);gap:24px;margin-top:40px;display:grid}.se-category-card{background:var(--se-bg-card);border:1px solid var(--se-border-light);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;padding:12px 8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.se-category-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:var(--se-transition);background:linear-gradient(135deg,#6366f11a,#0000,#a855f71a);border-radius:20px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.se-category-card:hover{border-color:var(--se-primary);transform:translateY(-4px);box-shadow:0 8px 24px #6366f11f}.se-category-card:hover:before{opacity:1}.se-category-card:focus-visible{outline:2px solid var(--se-primary);outline-offset:2px}.se-category-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.se-category-circle-bg{display:none}.se-category-card:hover .se-category-icon-wrapper{transform:scale(1.1)}.se-category-icon{justify-content:center;align-items:center;width:72px;height:72px;display:flex}.se-category-icon svg,.se-category-icon img{object-fit:contain;width:100%;height:100%}.se-category-uploaded-icon{object-fit:contain;width:60px;height:60px}.se-category-icon-fallback{width:60px;height:60px}.se-category-icon-fallback-hidden{display:none!important}.se-category-info{flex-direction:column;align-items:center;gap:8px;display:flex}.se-category-name{color:var(--se-text);margin:0;font-size:1rem;font-weight:700;line-height:1.4}.se-category-count{color:var(--se-text-secondary);background:var(--se-bg-secondary);border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}@media (width<=1400px){.se-categories-grid{grid-template-columns:repeat(6,1fr)}}@media (width<=1200px){.se-categories-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (width<=768px){.se-categories-section{padding:40px 0}.se-categories-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}.se-category-card{border-radius:16px;padding:24px 20px}.se-category-icon-wrapper{border-radius:20px;width:80px;height:80px;margin-bottom:16px}.se-category-circle-bg{width:60px;height:60px}.se-category-icon{width:48px;height:48px}.se-category-name{font-size:.9rem}.se-category-count{padding:4px 12px;font-size:.75rem}}@media (width<=480px){.se-categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.se-category-card{padding:20px 16px}.se-category-icon-wrapper{border-radius:18px;width:76px;height:76px;margin-bottom:14px}.se-category-circle-bg{width:56px;height:56px}.se-category-icon{width:48px;height:48px}.se-category-name{font-size:.85rem}}.se-featured-services-section{background:linear-gradient(180deg, var(--se-bg) 0%, var(--se-bg-card) 100%);border-top:1px solid var(--se-border);border-bottom:1px solid var(--se-border);padding:40px 0}.se-why-section{background:var(--se-bg-card);padding:40px 0}.se-why-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.se-why-card{background:var(--se-bg);border:1px solid var(--se-border);border-radius:var(--se-radius-2xl);text-align:center;transition:var(--se-transition-slow);padding:32px 24px;position:relative;overflow:hidden}.se-why-card:before{content:"";border-radius:var(--se-radius-2xl);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:var(--se-transition);background:linear-gradient(135deg,#6366f133,#0000,#a855f733);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.se-why-card:hover:before{opacity:1}.se-why-card:hover{box-shadow:var(--se-shadow-xl), var(--se-shadow-glow);background:#fff;border-color:#0000;transform:translateY(-6px)}.se-why-icon{border-radius:var(--se-radius-xl);width:64px;height:64px;transition:var(--se-transition-bounce);justify-content:center;align-items:center;margin:0 auto 18px;display:flex;position:relative}.se-why-icon:after{content:"";border-radius:calc(var(--se-radius-xl) + 4px);background:inherit;filter:blur(12px);opacity:.2;z-index:-1;position:absolute;inset:-4px}.se-why-card:hover .se-why-icon{transform:scale(1.15)rotate(-5deg)}.se-why-icon svg{width:28px;height:28px}.se-why-card h3{color:var(--se-text);margin:0 0 8px;font-size:1.05rem;font-weight:600}.se-why-card p{color:var(--se-text-secondary);margin:0;font-size:.85rem;line-height:1.7}.se-all-services-section{background:var(--se-bg);padding:2px 0}.se-services-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.se-service-card{background:var(--se-bg-card);border-radius:var(--se-radius-2xl);border:1px solid var(--se-border);box-shadow:var(--se-shadow-sm);transition:var(--se-transition-slow);cursor:pointer;flex-direction:column;animation:.5s ease-out both seFadeInScale;display:flex;position:relative;overflow:hidden}.se-service-card:first-child{animation-delay:50ms}.se-service-card:nth-child(2){animation-delay:.1s}.se-service-card:nth-child(3){animation-delay:.15s}.se-service-card:nth-child(4){animation-delay:.2s}.se-service-card:nth-child(5){animation-delay:.25s}.se-service-card:nth-child(6){animation-delay:.3s}.se-service-card:nth-child(7){animation-delay:.35s}.se-service-card:nth-child(8){animation-delay:.4s}.se-service-card:nth-child(9){animation-delay:.45s}.se-service-card:nth-child(10){animation-delay:.5s}.se-service-card:nth-child(11){animation-delay:.55s}.se-service-card:nth-child(12){animation-delay:.6s}.se-service-card:before{content:"";border-radius:var(--se-radius-2xl);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:var(--se-transition);background:linear-gradient(135deg,#6366f14d,#0000,#a855f74d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.se-service-card:hover:before{opacity:1}.se-service-card:hover{box-shadow:var(--se-shadow-xl), var(--se-shadow-glow);border-color:#0000;transform:translateY(-8px)scale(1.02)}.se-service-card:focus-visible{outline:2px solid var(--se-primary);outline-offset:2px}.se-service-card-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:160px;position:relative;overflow:hidden}.se-service-card-image:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#0000000f 100%);position:absolute;inset:0}.se-service-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.se-service-card:hover .se-service-card-image img{transform:scale(1.15)}.se-service-image-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.se-service-image-placeholder svg{stroke:#fff6;width:60px;height:60px}.se-service-card-badge{-webkit-backdrop-filter:blur(12px);border-radius:var(--se-radius-full);color:var(--se-primary);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--se-shadow-md);z-index:2;background:#ffffffe6;border:1px solid #fff9;align-items:center;gap:6px;padding:5px 14px;font-size:.68rem;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.se-service-card-badge svg{width:12px;height:12px;color:var(--se-accent)}.se-service-card-price-tag{-webkit-backdrop-filter:blur(12px);border-radius:var(--se-radius-full);color:#fff;box-shadow:var(--se-shadow-md);z-index:2;background:#10b981e6;border:1px solid #ffffff1a;align-items:baseline;gap:2px;padding:5px 14px;font-size:.82rem;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.se-service-card-price-tag small{opacity:.85;font-size:.62rem;font-weight:500}.se-service-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.se-service-card-title{color:var(--se-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.se-service-card-company{color:#4f46e5;margin:0 0 8px;font-size:.85rem;font-weight:500;line-height:1.3}.se-service-card-rating{align-items:center;gap:6px;margin-bottom:10px;display:flex}.se-rating-stars{gap:2px;display:flex}.se-rating-stars svg{width:14px;height:14px}.se-rating-score{color:var(--se-accent);font-size:.82rem;font-weight:700}.se-rating-count{color:var(--se-text-tertiary);font-size:.75rem;font-weight:500}.se-service-card-desc{color:var(--se-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.se-service-card-meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.se-service-card-location{color:var(--se-text-secondary);align-items:center;gap:6px;min-width:0;font-size:.8rem;display:flex}.se-service-card-location svg{width:14px;height:14px;color:var(--se-primary);flex-shrink:0}.se-service-card-location span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.se-service-card-verified{color:var(--se-success);white-space:nowrap;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:inline-flex}.se-service-card-verified svg{width:14px;height:14px}.se-service-card-footer{border-top:1px solid var(--se-border-light);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.se-service-card-price{flex-direction:column;gap:2px;display:flex}.se-price-label{color:var(--se-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:500}.se-price-amount{color:var(--se-text);font-size:1.1rem;font-weight:700}.se-book-btn{background:var(--se-primary-gradient);color:#fff;border-radius:var(--se-radius-xl);cursor:pointer;transition:var(--se-transition-bounce);white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.se-book-btn:before{content:"";background:linear-gradient(135deg,#0000 0%,#ffffff26 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.se-book-btn:hover:before{transform:translate(100%)}.se-book-btn svg{width:16px;height:16px}.se-book-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #6366f14d}.se-book-btn:active{transform:translateY(0)scale(.97)}.se-load-more{justify-content:center;margin-top:40px;display:flex}.se-load-more-btn{background:var(--se-bg-card);color:var(--se-primary);border:2px solid var(--se-primary);border-radius:var(--se-radius-xl);cursor:pointer;transition:var(--se-transition-bounce);align-items:center;gap:10px;padding:14px 36px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.se-load-more-btn svg{width:18px;height:18px;transition:transform .4s}.se-load-more-btn:hover{background:var(--se-primary-gradient);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 30px #6366f14d}.se-load-more-btn:hover svg{transform:rotate(180deg)}.se-empty-state{text-align:center;background:var(--se-bg-card);border-radius:var(--se-radius-3xl);border:2px dashed var(--se-border);flex-direction:column;justify-content:center;align-items:center;padding:70px 20px;display:flex}.se-empty-state svg{width:70px;height:70px;color:var(--se-text-tertiary);margin-bottom:20px}.se-empty-state h3{color:var(--se-text);margin:0 0 8px;font-size:1.2rem;font-weight:600}.se-empty-state p{color:var(--se-text-secondary);max-width:380px;margin:0 0 24px;font-size:.9rem}.se-clear-btn{background:var(--se-primary-gradient);color:#fff;border-radius:var(--se-radius-xl);cursor:pointer;transition:var(--se-transition-bounce);border:none;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}.se-clear-btn svg{width:16px;height:16px;margin:0}.se-clear-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.se-loading-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.se-skeleton-card{background:var(--se-bg-card);border-radius:var(--se-radius-2xl);border:1px solid var(--se-border);padding:24px}.se-skeleton-image{border-radius:var(--se-radius-xl);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:170px;margin-bottom:14px;animation:1.5s infinite seShimmer}.se-skeleton-icon{border-radius:var(--se-radius-xl);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:44px;height:44px;margin-bottom:10px;animation:1.5s infinite seShimmer}.se-skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:14px;margin-bottom:8px;animation:1.5s infinite seShimmer}.se-skeleton-text-short{width:60%}@keyframes seShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.se-trust-section{background:linear-gradient(180deg, var(--se-bg-card) 0%, var(--se-bg) 100%);border-top:1px solid var(--se-border);padding:40px 0}.se-trust-content{text-align:center}.se-trust-content .se-section-title{margin-bottom:32px}.se-trust-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.se-trust-item{background:var(--se-bg-card);border:1px solid var(--se-border);border-radius:var(--se-radius-2xl);text-align:center;transition:var(--se-transition-slow);padding:24px 14px;position:relative;overflow:hidden}.se-trust-item:before{content:"";border-radius:var(--se-radius-2xl);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:var(--se-transition);background:linear-gradient(135deg,#6366f133,#0000,#a855f733);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.se-trust-item:hover:before{opacity:1}.se-trust-item:hover{box-shadow:var(--se-shadow-lg), var(--se-shadow-glow);border-color:#0000;transform:translateY(-4px)}.se-trust-number{background:var(--se-primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:1.5rem;font-weight:800;line-height:1;display:block}.se-trust-label{color:var(--se-text-secondary);font-size:.78rem;font-weight:500;display:block}.se-cta-section{background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 30%,#ede9fe 60%,#eef2ff 100%);padding:50px 24px;position:relative;overflow:hidden}.se-cta-section:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#6366f10f 0%,#0000 50%),radial-gradient(at 80%,#8b5cf60f 0%,#0000 50%);position:absolute;inset:0}.se-cta-bg-pattern{pointer-events:none;background:radial-gradient(circle at 20%,#6366f10f 0%,#0000 50%),radial-gradient(circle at 80%,#8b5cf60f 0%,#0000 50%);position:absolute;inset:0}.se-cta-container{text-align:center;z-index:1;max-width:680px;margin:0 auto;position:relative}.se-cta-badge{border-radius:var(--se-radius-full);color:#059669;letter-spacing:.5px;text-transform:uppercase;background:#10b98114;border:1px solid #10b98133;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.78rem;font-weight:600;display:inline-flex}.se-cta-content h2{color:var(--se-text);letter-spacing:-1px;margin:0 0 14px;font-size:2.25rem;font-weight:800;line-height:1.2}.se-cta-content>p{color:var(--se-text-secondary);max-width:520px;margin:0 auto 32px;font-size:1.05rem;line-height:1.7}.se-cta-features{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:32px;display:flex}.se-cta-feature{border:1px solid var(--se-border);border-radius:var(--se-radius-xl);color:var(--se-text-secondary);transition:var(--se-transition);background:#fff9;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:500;display:flex}.se-cta-feature:hover{border-color:var(--se-primary);box-shadow:var(--se-shadow-md);background:#fff;transform:translateY(-2px)}.se-cta-feature svg{color:#059669;width:16px;height:16px}.se-cta-btn{background:var(--se-primary-gradient);color:#fff;border-radius:var(--se-radius-xl);cursor:pointer;transition:var(--se-transition-bounce);border:none;align-items:center;gap:10px;padding:16px 36px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.se-cta-btn:before{content:"";background:linear-gradient(135deg,#0000 0%,#ffffff1a 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.se-cta-btn:hover:before{transform:translate(100%)}.se-cta-btn svg{width:18px;height:18px;transition:transform .3s}.se-cta-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 40px #6366f14d}.se-cta-btn:hover svg{transform:translate(6px)}.se-cta-note{margin-top:18px;font-size:.82rem;color:var(--se-text-tertiary)!important}.se-footer{color:#111827;background:#fff;border-top:1px solid #e2e8f0;padding:30px 0 0}.se-footer .se-section-container{padding-left:0;padding-right:0}.se-footer-grid{border-bottom:1px solid #e2e8f0;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;display:grid}.se-footer-logo{border-radius:var(--se-radius-lg);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:16px;padding:8px;display:flex;overflow:hidden}.se-footer-logo img{object-fit:contain;width:100px;height:100px}.se-footer-brand h3{color:#111827;margin:0 0 12px;font-size:1.15rem;font-weight:700}.se-footer-brand p{color:#4b5563;max-width:300px;margin:0;font-size:.85rem;line-height:1.7}.se-footer-col h4{color:#111827;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.88rem;font-weight:600}.se-footer-col a{color:#4b5563;transition:var(--se-transition);margin-bottom:8px;font-size:.82rem;text-decoration:none;display:block}.se-footer-col a:hover{color:var(--se-primary);transform:translate(4px)}.se-footer-col p{color:#4b5563;margin:0 0 6px;font-size:.82rem;line-height:1.5}.se-footer-link{color:#4b5563;text-align:left;transition:var(--se-transition);cursor:pointer;background:0 0;border:none;margin-bottom:8px;padding:0;font-family:inherit;font-size:.82rem;display:block}.se-footer-link:hover{color:var(--se-primary);transform:translate(4px)}.se-footer-bottom{justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:.8rem;display:flex}.se-footer-bottom p{color:#6b7280;margin:0}.se-footer-links{gap:20px;display:flex}.se-footer-links a{color:#6b7280;transition:var(--se-transition);font-size:.8rem;text-decoration:none}.se-footer-links a:hover{color:var(--se-primary)}@keyframes seFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes seFadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.se-featured-section,.se-categories-section,.se-featured-services-section,.se-all-services-section,.se-why-section,.se-trust-section{animation:.6s ease-out seFadeInUp}@media (width<=1200px){.se-services-grid,.se-why-grid{grid-template-columns:repeat(2,1fr)}.se-trust-grid{grid-template-columns:repeat(3,1fr)}.se-footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.se-categories-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.se-nav-btn span{display:none}.se-nav-btn{padding:8px 12px}.se-nav-right{gap:4px}}@media (width<=768px){.se-section-container{padding:0 16px}.se-section-header{flex-direction:column;align-items:flex-start;gap:10px}.se-section-title{font-size:1.35rem}.se-section-subtitle{font-size:.85rem}.se-featured-section,.se-categories-section,.se-featured-services-section,.se-all-services-section,.se-why-section,.se-trust-section{padding:30px 0}.se-featured-card{flex:0 0 240px}.se-categories-grid{grid-template-columns:repeat(2,1fr)}.se-why-grid{grid-template-columns:1fr;gap:14px}.se-trust-grid{grid-template-columns:repeat(2,1fr);gap:10px}.se-trust-item{padding:18px 10px}.se-trust-number{font-size:1.2rem}.se-services-grid{grid-template-columns:1fr;gap:14px}.se-service-card-image{height:180px}.se-service-card-footer{flex-direction:column;align-items:stretch}.se-book-btn{justify-content:center;width:100%}.se-cta-section{padding:40px 16px}.se-cta-content h2{font-size:1.65rem}.se-cta-content>p{font-size:.95rem}.se-cta-features{gap:10px}.se-cta-feature{padding:6px 14px;font-size:.78rem}.se-cta-btn,.se-load-more-btn{justify-content:center;width:100%}.se-slider-controls{display:none}.se-footer-grid{grid-template-columns:1fr;gap:24px}.se-footer-bottom{text-align:center;flex-direction:column}.se-footer-links{justify-content:center}.se-nav-inner{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.se-navbar{height:auto;min-height:64px}.se-nav-left{flex:1;padding-left:0}.se-navbar{height:auto;padding-bottom:8px}.se-nav-inner{flex-wrap:wrap;align-items:center;gap:0;height:auto;min-height:52px;padding:0 12px}.se-nav-left{flex:auto;align-items:center;min-width:0;padding:8px 0 4px;display:flex}.se-nav-right{flex-shrink:0;align-items:center;gap:6px;padding:8px 0 4px;display:flex!important}.se-nav-center{flex:100%;order:3;width:100%;max-width:100%;margin:0;padding:0 0 2px;display:flex!important}.se-city-text{max-width:60px}.se-mobile-toggle,.se-mobile-menu{display:none!important}.se-nav-btn--login{white-space:nowrap;border-radius:20px;padding:7px 12px;font-size:.78rem}.se-nav-btn--login svg{width:14px;height:14px}.se-logo-name{font-size:1rem}.se-logo-sub{display:none}.se-nav-right{flex-shrink:0;display:flex}.se-logo-icon{width:50px;height:50px;padding:4px}.se-page{padding-top:108px}:root{--se-nav-height:108px}.se-nav-btn{padding:6px 12px;font-size:.78rem}.se-nav-btn svg{width:14px;height:14px}.se-nav-center{flex:0 0 100%;order:3;max-width:100%;margin:6px 0 2px;display:flex}.se-nav-search{width:100%;height:40px}.se-nav-input{font-size:.82rem}.se-nav-search-btn{width:32px;height:32px}.se-nav-search-btn svg{width:14px;height:14px}.se-city-btn{padding:4px 8px 4px 12px;font-size:.75rem}.se-city-btn svg{width:14px;height:14px}.se-city-text{max-width:60px;font-size:.75rem}.se-nav-divider{height:20px}.se-nav-search-icon{width:16px;height:16px}.se-mobile-toggle,.se-mobile-menu{display:none!important}.se-nav-popular{display:none}}@media (width<=480px){.se-city-text{display:none}.se-city-btn{gap:4px;padding:6px 8px 6px 10px}.se-nav-btn--login span{display:none}.se-nav-btn--login{justify-content:center;min-width:36px;padding:7px 10px}.se-service-card-body{padding:16px}.se-service-card-title{font-size:.92rem}.se-price-amount{font-size:.95rem}.se-cta-content h2{font-size:1.4rem}.se-cta-features{flex-direction:column;align-items:center}.se-empty-state{padding:40px 16px}.se-empty-state svg{width:50px;height:50px}.se-empty-state h3{font-size:1rem}.se-nav-inner{gap:6px;padding:6px 10px}.se-logo-icon{width:70px;height:44px}.se-nav-btn{padding:5px 10px;font-size:.72rem}.se-nav-btn svg{width:12px;height:12px}.se-nav-search{height:36px}.se-nav-input{font-size:.78rem}.se-city-btn{padding:3px 6px 3px 10px;font-size:.7rem}.se-city-btn svg{width:12px;height:12px}.se-city-text{max-width:50px;font-size:.7rem}.se-nav-search-btn{width:28px;height:28px}.se-nav-search-btn svg{width:12px;height:12px}.se-nav-divider{height:16px}.se-nav-search-icon{width:14px;height:14px}}.se-search-input:focus-visible,.se-search-btn:focus-visible,.se-slider-btn:focus-visible,.se-tag:focus-visible,.se-book-btn:focus-visible,.se-load-more-btn:focus-visible,.se-clear-btn:focus-visible,.se-cta-btn:focus-visible,.se-footer-link:focus-visible,.se-nav-btn:focus-visible,.se-popular-tag:focus-visible,.se-city-btn:focus-visible,.se-nav-input:focus-visible{outline:2px solid var(--se-primary);outline-offset:2px}@media print{.se-navbar,.se-hero,.se-featured-section,.se-cta-section,.se-why-section,.se-trust-section,.se-footer{display:none}.se-services-grid{grid-template-columns:repeat(2,1fr)}.se-service-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.booking-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.25s forwards fadeIn;display:flex;position:fixed;inset:0}.booking-modal-container{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:700px;max-height:90vh;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000040}.booking-modal-container::-webkit-scrollbar{width:0;height:0;display:none}.booking-modal-container{scrollbar-width:none;-ms-overflow-style:none}.booking-modal-header{z-index:10;background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 14px;display:flex;position:sticky;top:0}.booking-modal-title{color:#111827;margin:0;font-size:1.4rem;font-weight:700;line-height:1.3}.booking-modal-close{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:18px;transition:all .2s;display:flex}.booking-modal-close:hover{color:#111827;background:#f3f4f6;border-color:#2563eb;transform:rotate(90deg)}.booking-service-card{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;margin:14px 24px 0;padding:12px;display:flex;box-shadow:0 1px 4px #0000000a}.booking-service-image{background:#fff;border-radius:10px;flex-shrink:0;width:72px;height:72px;overflow:hidden;box-shadow:0 1px 4px #00000014}.booking-service-image img{object-fit:cover;width:100%;height:100%;display:block}.booking-service-image-placeholder{color:#9ca3af;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.booking-service-image-placeholder svg{stroke:#9ca3af;width:36px;height:36px}.booking-service-details{flex:1;min-width:0}.booking-service-name{color:#111827;margin:0 0 4px;font-size:1.05rem;font-weight:700;line-height:1.3}.booking-service-company{color:#4f46e5;margin:0 0 4px;font-size:.85rem;font-weight:500;line-height:1.3}.booking-service-category{color:#1e40af;text-transform:uppercase;letter-spacing:.3px;background:#dbeafe;border-radius:20px;align-items:center;margin-bottom:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.booking-service-price{color:#2563eb;margin:0;font-size:.95rem;font-weight:700}.booking-modal-body{padding:16px 24px}.booking-error-alert{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;animation:.4s shake;display:flex}.booking-error-alert svg{stroke:#dc2626;flex-shrink:0;width:18px;height:18px}.booking-error-alert p{margin:0;font-size:.9rem;font-weight:500}.booking-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.booking-form-label{color:#111827;gap:6px;font-size:.85rem;font-weight:600}.booking-form-label .required{color:#dc2626;margin-left:2px}.booking-form-label .optional{color:#6b7280;margin-left:4px;font-size:.8rem;font-weight:400}.booking-form-input{color:#111827;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.booking-form-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.booking-form-input::placeholder{color:#9ca3af;font-size:.85rem}textarea.booking-form-input{resize:vertical;min-height:80px;line-height:1.5}.booking-form-label.full-width{grid-column:1/-1}.booking-modal-footer{background:#fafbfc;border-top:1px solid #e5e7eb;border-radius:0 0 20px 20px;justify-content:flex-end;gap:10px;padding:14px 24px 18px;display:flex;position:sticky;bottom:0}.booking-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.booking-btn:disabled{opacity:.6;cursor:not-allowed}.booking-btn-cancel{color:#374151;background:#fff;border:1.5px solid #d1d5db}.booking-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.booking-btn-confirm{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb40}.booking-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.booking-btn-confirm:active:not(:disabled){transform:translateY(0)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=768px){.booking-modal-overlay{align-items:flex-start;padding:30px 12px 12px}.booking-modal-container{border-radius:16px;max-width:100%;max-height:85vh}.booking-modal-header{padding:16px 20px 12px}.booking-modal-title{font-size:1.25rem}.booking-service-card{gap:12px;margin:12px 20px 0;padding:10px}.booking-service-image{width:64px;height:64px}.booking-service-name{font-size:1rem}.booking-modal-body{padding:14px 20px}.booking-form-grid{grid-template-columns:1fr;gap:12px}.booking-form-label.full-width{grid-column:1}.booking-modal-footer{gap:8px;padding:12px 20px 16px}.booking-btn{flex:1;padding:10px 16px;font-size:.85rem}}@media (width<=480px){.booking-modal-overlay{align-items:flex-end;padding:0}.booking-modal-container{border-radius:14px 14px 0 0;max-width:100%;max-height:95vh}.booking-modal-header{border-radius:14px 14px 0 0;padding:14px 16px 10px}.booking-modal-title{font-size:1.15rem}.booking-service-card{gap:10px;margin:10px 16px 0;padding:10px}.booking-service-image{width:56px;height:56px}.booking-service-name{font-size:.95rem}.booking-service-category{padding:3px 8px;font-size:.65rem}.booking-service-price{font-size:.9rem}.booking-modal-body{padding:12px 16px}.booking-form-grid{gap:10px}.booking-form-label{font-size:.8rem}.booking-form-input{padding:8px 12px;font-size:.85rem}.booking-modal-footer{gap:6px;padding:10px 16px 14px}.booking-btn{min-width:auto;padding:10px 14px;font-size:.85rem}.booking-modal-close{width:30px;height:30px;font-size:16px}}.booking-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.star-rating{align-items:center;gap:6px;line-height:1;display:inline-flex}.star-rating-stars{align-items:center;gap:1px;display:inline-flex}.star-rating-star{align-items:center;line-height:1;display:inline-flex}.star-rating-icon--filled{color:#f59e0b;fill:#f59e0b}.star-rating-icon--empty{color:#d1d5db;fill:none}.star-rating-half-container{align-items:center;display:inline-flex;position:relative}.star-rating-half-overlay{height:100%;position:absolute;top:0;left:0;overflow:hidden}.star-rating-half-overlay .star-rating-icon--filled{color:#f59e0b;fill:#f59e0b}.star-rating-info{color:#6b7280;align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.star-rating-score{color:#374151;font-weight:600}.star-rating-count{color:#9ca3af;font-size:.8rem}.star-rating-no-ratings{color:#9ca3af;font-size:.8rem;font-style:italic}.service-details-page{color:#0f172a;background:#f8fafc;max-width:1200px;min-height:100vh;margin:0 auto;padding:20px 20px 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.sd-hero-title-row{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.sd-hero-rating{vertical-align:middle}.sd-hero-service-name{color:#c7d2fe;letter-spacing:.3px;margin:-8px 0 12px;font-size:1.1rem;font-weight:500;line-height:1.4}.sd-hero-image-wrapper{width:100%;max-width:280px;margin-top:-12px}.sd-rating-summary{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #4f46e51a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:28px;transition:all .3s;display:flex;box-shadow:0 8px 32px #00000014}.sd-rating-summary:hover{border-color:#4f46e533;transform:translateY(-2px);box-shadow:0 12px 40px #4f46e526}.sd-rating-average{align-items:center;gap:20px;display:flex}.sd-rating-score-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.sd-rating-score{color:#0f172a;background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1}.sd-rating-stars-large{gap:4px;margin-top:8px;display:flex}.sd-rating-stars-large .filled{color:#f59e0b;fill:#f59e0b;filter:drop-shadow(0 2px 4px #f59e0b4d)}.sd-rating-stars-large .empty{color:#e2e8f0}.sd-rating-count{color:#64748b;margin-top:4px;font-size:.95rem;font-weight:600}.sd-rating-count strong{color:#0f172a;font-weight:700}.sd-btn-give-rating{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #4f46e54d}.sd-btn-give-rating:hover{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 8px 24px #4f46e566}.sd-btn-give-rating:active{transform:translateY(0)}.sd-rating-form{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #4f46e51a;border-radius:20px;margin-bottom:24px;padding:28px;transition:all .3s;box-shadow:0 8px 32px #00000014}.sd-rating-form:hover{box-shadow:0 12px 40px #4f46e526}.sd-rating-form h3{color:#0f172a;margin:0 0 20px;font-size:1.2rem;font-weight:700}.sd-rating-field{margin-bottom:20px}.sd-rating-label{color:#0f172a;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.sd-required{color:#ef4444;font-weight:700}.sd-optional{color:#64748b;font-size:.85rem;font-weight:500}.sd-rating-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;transition:all .2s}.sd-rating-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.sd-rating-input::placeholder{color:#94a3b8}.sd-rating-stars-input{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sd-rating-value{color:#4f46e5;background:#eef2ff;border-radius:8px;margin-left:8px;padding:4px 12px;font-size:.95rem;font-weight:600}.sd-star-button{cursor:pointer;color:#e2e8f0;background:0 0;border:none;padding:6px;transition:all .2s}.sd-star-button:hover{color:#fcd34d;transform:scale(1.15)}.sd-star-button.active{color:#f59e0b;fill:#f59e0b;filter:drop-shadow(0 2px 4px #f59e0b66)}.sd-rating-textarea{resize:vertical;border:2px solid #e2e8f0;border-radius:14px;width:100%;margin-bottom:20px;padding:14px 18px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;transition:all .2s}.sd-rating-textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.sd-rating-actions{justify-content:flex-end;gap:12px;display:flex}.sd-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s}.sd-btn-cancel:hover{color:#4f46e5;background:#f8fafc;border-color:#4f46e5;transform:translateY(-1px)}.sd-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:12px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #4f46e54d}.sd-btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4f46e566}.sd-reviews-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.sd-review-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #4f46e514;border-radius:20px;padding:24px;transition:all .3s;box-shadow:0 4px 20px #0000000f}.sd-review-card:hover{border-color:#4f46e526;transform:translateY(-3px);box-shadow:0 10px 32px #4f46e51f}.sd-review-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.sd-review-author{align-items:center;gap:14px;display:flex}.sd-review-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #667eea4d}.sd-review-info{flex-direction:column;gap:4px;display:flex}.sd-review-name{color:#0f172a;font-size:1rem;font-weight:700}.sd-review-date{color:#64748b;font-size:.85rem;font-weight:500}.sd-review-rating{gap:3px;display:flex}.sd-review-rating .filled{color:#f59e0b;fill:#f59e0b}.sd-review-rating .empty{color:#e2e8f0}.sd-review-text{color:#334155;padding-left:62px;font-size:.95rem;line-height:1.7}.sd-no-reviews{color:#64748b;text-align:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px dashed #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex;box-shadow:0 4px 20px #0000000f}.sd-no-reviews-icon{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.sd-no-reviews-icon svg{width:40px;height:40px}.sd-no-reviews-title{color:#0f172a;margin:0 0 8px;font-size:1.2rem;font-weight:700}.sd-no-reviews-text{color:#64748b;max-width:400px;margin:0;font-size:.95rem;line-height:1.6}.service-details-loading,.service-details-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:60px 20px;display:flex}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite spin}.service-details-loading p{color:#64748b;margin:0;font-size:.95rem;font-weight:500}.service-details-error svg{stroke:#ef4444;width:48px;height:48px;margin-bottom:12px}.service-details-error h2{color:#0f172a;margin:0 0 6px;font-size:1.3rem;font-weight:700}.service-details-error p{color:#64748b;margin:0 0 20px;font-size:.95rem}.breadcrumb{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;margin-bottom:20px;padding:10px 16px;font-size:.85rem;display:flex;box-shadow:0 2px 8px #0000000a}.breadcrumb button{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:500;transition:all .3s}.breadcrumb button:hover{color:#4338ca;background:#eef2ff;transform:translateY(-1px)}.breadcrumb-separator{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:.85rem}.breadcrumb-current{color:#475569;padding:4px 8px;font-size:.85rem;font-weight:600}.hero-section{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #4f46e514;border-radius:24px;grid-template-columns:40% 60%;gap:24px;margin-bottom:32px;padding:24px;transition:all .4s;display:grid;box-shadow:0 10px 40px #00000014}.hero-section:hover{box-shadow:0 14px 50px #4f46e51f}.hero-image-container{background:#f8fafc;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.hero-main-image{border-radius:24px;width:100%;height:400px;position:relative;overflow:hidden}.hero-main-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.hero-main-image:hover img{transform:scale(1.05)}.image-placeholder{color:#94a3b8;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.hero-gallery-thumbnails{background:#fff;border-top:1px solid #e2e8f0;gap:8px;padding:10px;display:flex;overflow-x:auto}.gallery-thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex-shrink:0;width:64px;height:64px;padding:0;transition:all .3s;overflow:hidden}.gallery-thumb:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-thumb.active{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.hero-content{flex-direction:column;gap:12px;padding:4px 4px 4px 0;display:flex}.hero-badges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.hero-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex}.hero-badge-category{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.hero-badge-emergency{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.hero-badge:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.hero-title{color:#0f172a;background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:2rem;font-weight:800;line-height:1.2}.hero-description{color:#64748b;margin:0;font-size:.85rem;line-height:1.5}.hero-price-card{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;transition:all .3s;display:flex}.hero-price-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e526}.hero-price-info{flex-direction:column;gap:3px;display:flex}.hero-price-label{color:#64748b;font-size:.8rem;font-weight:500}.hero-price-amount{align-items:baseline;gap:6px;display:flex}.hero-price-value{color:#4f46e5;font-size:1.75rem;font-weight:800}.hero-price-unit{color:#64748b;font-size:.95rem;font-weight:500}.hero-actions{gap:12px;margin-top:auto;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:200px;padding:12px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.btn svg{width:16px;height:16px}.btn-book-now{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 4px 12px #4f46e54d}.btn-book-now:hover{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 6px 18px #4f46e566}.btn-contact{color:#475569;background:#fff;border:2px solid #e2e8f0}.btn-contact:hover{color:#4f46e5;background:#f8fafc;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e526}.section-header{margin-bottom:20px}.section-header h2{color:#0f172a;background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:1.75rem;font-weight:800}.section-header p{color:#64748b;margin:0;font-size:.95rem;font-weight:500}.hero-info-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;display:grid}.hero-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;transition:all .3s;display:flex}.hero-info-card:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e51a}.hero-info-card-icon{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .3s;display:flex}.hero-info-card:hover .hero-info-card-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.hero-info-card-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hero-info-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.hero-info-card-value{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;line-height:1.3;overflow:hidden}.about-card{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #4f46e514;border-radius:24px;margin-bottom:32px;padding:28px;transition:all .3s;box-shadow:0 4px 20px #0000000f}.about-card:hover{box-shadow:0 10px 28px #4f46e51f}.about-card-inline{margin-top:12px;margin-bottom:0;padding:20px}.about-card-inline .about-content p{margin:0;font-size:.85rem;line-height:1.6}.about-content p{color:#475569;margin:0;font-size:.95rem;line-height:1.7}.about-section{opacity:0;max-width:850px;margin:0 auto 40px;padding:0 20px;animation:.8s forwards fadeUp;transform:translateY(30px)}.about-cta-layout{grid-template-columns:50% 50%;align-items:start;gap:12px;margin-bottom:20px;display:grid}.about-cta-layout .about-section{margin:0;padding:0}.about-cta-layout .about-card-premium{background:#fff;border:1px solid #e8ecf1;border-radius:10px;padding:20px;transition:all .4s}.about-cta-layout .about-card-premium:hover{border-color:#4f46e533;transform:translateY(-4px);box-shadow:0 12px 40px #4f46e51f}.cta-sidebar{position:sticky;overflow-y:auto}.cta-card-sticky{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #4f46e51a;border-radius:10px;width:70%;padding:14px 12px;transition:all .4s}.cta-card-sticky:hover{transform:translateY(-2px);box-shadow:0 14px 48px #4f46e526}.cta-card-header{text-align:center;border-bottom:2px solid #e8ecf1;margin-bottom:14px;padding-bottom:10px}.cta-card-header h3{color:#0f172a;background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:1.5rem;font-weight:800}.cta-card-header p{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.cta-card-body{margin-bottom:24px}.cta-highlight-item{background:#f8fafc;border:1px solid #e8ecf1;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;transition:all .3s;display:flex}.cta-highlight-item:hover{background:#f1f5f9;border-color:#4f46e5;transform:translate(4px)}.cta-highlight-item:last-child{margin-bottom:0}.cta-highlight-icon{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .3s;display:flex}.cta-highlight-item:hover .cta-highlight-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transform:rotate(-8deg)scale(1.1)}.cta-highlight-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cta-highlight-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.cta-highlight-value{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.cta-quick-highlights{border-top:2px solid #e8ecf1;margin-top:20px;padding-top:20px}.cta-quick-highlights h4{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:.95rem;font-weight:700}.cta-highlights-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cta-highlights-list li{color:#475569;background:#f8fafc;border-left:3px solid #4f46e5;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:500;line-height:1.5;transition:all .3s;display:flex}.cta-highlights-list li:hover{background:#f1f5f9;border-left-color:#7c3aed;transform:translate(4px)}.cta-highlights-list li svg{color:#4f46e5;flex-shrink:0;width:18px;height:18px;margin-top:2px}.cta-card-actions{flex-direction:row;gap:10px;display:flex}.btn-cta-book-now{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #4f46e54d}.btn-cta-book-now:hover{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 6px 18px #4f46e566}.btn-cta-book-now svg{width:18px;height:18px}.btn-cta-call-now{color:#4f46e5;cursor:pointer;background:#fff;border:2px solid #4f46e5;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-cta-call-now:hover{background:#eef2ff;transform:translateY(-2px);box-shadow:0 6px 16px #4f46e533}.btn-cta-call-now svg{width:18px;height:18px}.about-card-premium{background:#fff;border:1px solid #e8ecf1;border-radius:20px;padding:40px;transition:all .4s;box-shadow:0 8px 32px #00000014}.about-card-premium:hover{border-color:#4f46e533;transform:translateY(-4px);box-shadow:0 12px 40px #4f46e51f}.about-heading{color:#0f172a;background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;padding-bottom:16px;font-size:2rem;font-weight:800;position:relative}.about-heading:after{content:"";background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:0}.about-description{color:#475569;font-size:17px;line-height:1.8}.about-paragraph{margin-bottom:16px}.about-paragraph:last-child{margin-bottom:0}.about-bullet-item{background:#f8fafc;border-left:3px solid #4f46e5;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:12px 16px;transition:all .3s;display:flex}.about-bullet-item:hover{background:#f1f5f9;border-left-color:#7c3aed;transform:translate(4px)}.about-bullet-icon{color:#4f46e5;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:1.25rem;display:flex}.about-bullet-text{color:#475569;flex:1;font-size:17px;line-height:1.8}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-section.animate-on-scroll{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.about-section.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:32px;display:grid}.gallery-item{cursor:pointer;aspect-ratio:16/10;border:2px solid #0000;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000014}.gallery-item:hover{border-color:#4f46e5;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 24px #4f46e526}.gallery-item.active{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.features-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:32px;display:grid}.feature-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#fffffff2;border:1px solid #4f46e514;border-radius:24px;padding:28px 24px;transition:all .3s;box-shadow:0 4px 20px #0000000f}.feature-card:hover{border-color:#4f46e533;transform:translateY(-4px);box-shadow:0 12px 32px #4f46e526}.feature-icon{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:1.75rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transform:rotate(-8deg)scale(1.1)}.feature-card h3{color:#0f172a;margin:0 0 8px;font-size:1.05rem;font-weight:700}.feature-card p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.reviews-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:32px;display:grid}.review-card{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #4f46e514;border-radius:24px;padding:24px;transition:all .3s;box-shadow:0 4px 20px #0000000f}.review-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4f46e51f}.review-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.review-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.review-info{flex:1}.review-info h4{color:#0f172a;margin:0 0 3px;font-size:.95rem;font-weight:700}.review-rating{color:#fbbf24;gap:2px;display:flex}.star-filled{fill:#fbbf24;stroke:#fbbf24;width:14px;height:14px}.review-date{color:#94a3b8;font-size:.8rem;font-weight:500}.review-comment{color:#475569;margin:0;font-size:.9rem;line-height:1.6}.provider-card{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #4f46e514;border-radius:24px;margin-bottom:32px;padding:28px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.provider-card:before{content:"";background:linear-gradient(90deg,#4f46e5,#7c3aed);width:100%;height:3px;position:absolute;top:0;left:0}.provider-card:hover{box-shadow:0 10px 28px #4f46e526}.provider-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.provider-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.25rem;font-weight:700;transition:all .4s;display:flex;box-shadow:0 6px 16px #4f46e54d}.provider-card:hover .provider-avatar{transform:scale(1.08)rotate(8deg)}.provider-info{flex:1}.provider-info h3{color:#0f172a;margin:0 0 6px;font-size:1.2rem;font-weight:700}.provider-rating{color:#fbbf24;align-items:center;gap:5px;font-size:.9rem;font-weight:600;display:flex}.star-icon{fill:#fbbf24;stroke:#fbbf24;width:16px;height:16px}.provider-reviews{color:#64748b;margin-left:4px;font-weight:500}.provider-details{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.provider-contact-item{color:#475569;align-items:center;gap:10px;font-size:.9rem;display:flex}.contact-icon{color:#4f46e5;flex-shrink:0;width:18px;height:18px}.provider-actions{gap:10px;display:flex}.btn-provider-message{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);flex:1;max-width:180px;padding:10px 16px;font-size:.85rem}.btn-provider-message:hover{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.btn-provider-view{color:#4f46e5;background:#fff;border:2px solid #4f46e5;flex:1;max-width:180px;padding:10px 16px;font-size:.85rem}.btn-provider-view:hover{background:#eef2ff;transform:translateY(-2px);box-shadow:0 6px 16px #4f46e526}.related-services-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:32px;display:grid}.related-service-card{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #4f46e514;border-radius:24px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000f}.related-service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #4f46e526}.related-service-image{background:#f8fafc;width:100%;height:180px;overflow:hidden}.related-service-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.related-service-card:hover .related-service-image img{transform:scale(1.08)}.related-service-content{padding:16px}.related-service-content h4{color:#0f172a;margin:0 0 8px;font-size:1rem;font-weight:700}.related-service-rating{color:#fbbf24;align-items:center;gap:5px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.related-service-price{color:#4f46e5;margin-bottom:12px;font-size:1.15rem;font-weight:700}.btn-related{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:10px;width:100%;max-width:180px;padding:10px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s}.btn-related:hover{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.cta-section{text-align:center;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:24px;margin-bottom:32px;padding:56px 32px;position:relative;overflow:hidden;box-shadow:0 20px 60px #4f46e54d}.cta-section:before{content:"";background:radial-gradient(circle,#ffffff1a,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;top:-40%;right:-8%}.cta-section:after{content:"";background:radial-gradient(circle,#ffffff14,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-25%;left:-4%}.cta-content{z-index:1;position:relative}.cta-content h2{color:#fff;margin:0 0 12px;font-size:2rem;font-weight:800}.cta-content p{color:#ffffffe6;margin:0 0 24px;font-size:1.05rem;font-weight:500}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-cta-primary{color:#4f46e5;background:#fff;max-width:200px;padding:14px 28px;font-size:1rem;font-weight:700}.btn-cta-primary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 10px 24px #0003}.lightbox-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;animation:.3s zoomIn;display:flex;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:85vh;box-shadow:0 20px 60px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;font-weight:300;line-height:1;transition:all .3s;display:flex;position:absolute;top:-40px;right:0}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:32px;font-weight:300;line-height:1;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%)scale(1.1)}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-counter{color:#fff;text-align:center;background:#ffffff1a;border:2px solid #fff3;border-radius:20px;min-width:60px;padding:8px 16px;font-size:.9rem;font-weight:600;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}@media (width<=768px){.lightbox-nav{width:40px;height:40px;font-size:24px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{width:35px;height:35px;font-size:24px;top:-35px;right:10px}.lightbox-counter{padding:6px 12px;font-size:.85rem;bottom:-35px}.lightbox-content img{max-height:75vh}}@media (width<=480px){.lightbox-nav{width:36px;height:36px;font-size:20px}.lightbox-prev{left:5px}.lightbox-next{right:5px}.lightbox-close{width:32px;height:32px;font-size:20px;top:-30px;right:5px}.lightbox-counter{font-size:.8rem;bottom:-30px}}.btn-cta-secondary{color:#fff;background:0 0;border:2px solid #fff;max-width:200px;padding:14px 28px;font-size:1rem;font-weight:700}.btn-cta-secondary:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 24px #0003}.toast{color:#fff;z-index:2000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:8px;min-width:280px;max-width:360px;height:auto;padding:12px 16px;font-size:.9rem;font-weight:500;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;top:24px;right:24px;transform:translateY(-120%);box-shadow:0 4px 16px #0f172a26}.toast.toast-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.toast.toast-hiding{opacity:0;transition:transform .3s ease-in,opacity .25s ease-in;transform:translateY(-120%)}.toast-success{background:#22c55ef2;border:1px solid #1665344d}.toast-danger{background:#ef4444f2;border:1px solid #991b1b4d}.toast-icon{opacity:.95;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-icon svg{width:18px;height:18px}.toast-message{letter-spacing:.01em;flex:1;font-size:.88rem;line-height:1.4}.toast-close{color:inherit;opacity:.9;cursor:pointer;background:#fff3;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:4px;transition:all .2s;display:flex}.toast-close:hover{opacity:1;background:#ffffff4d;transform:scale(1.1)}.toast-close:active{transform:scale(.95)}.toast-close svg{width:14px;height:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.hero-section{grid-template-columns:1fr}.hero-main-image{height:350px}.hero-content{padding:0}.hero-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.service-details-page{padding:16px}.hero-title{font-size:1.75rem}.info-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.about-cta-layout{grid-template-columns:1fr;gap:20px}.cta-sidebar{max-height:none;position:static;overflow-y:visible}.cta-card-sticky{padding:24px 20px}.cta-card-header h3{font-size:1.3rem}.cta-highlight-value{font-size:.95rem}}@media (width<=768px){.service-details-page{padding:108px 12px 12px}.hero-section{gap:16px;padding:14px}.hero-main-image{height:280px}.hero-title{font-size:1.5rem}.hero-description{font-size:.9rem}.hero-badges{gap:6px}.hero-badge{padding:5px 10px;font-size:.7rem}.hero-price-card{padding:14px 16px}.hero-price-value{font-size:1.4rem}.hero-actions{flex-direction:column}.btn{width:100%;max-width:100%}.section-header h2{font-size:1.4rem}.info-cards-grid,.features-grid,.reviews-container,.related-services-grid{grid-template-columns:1fr}.provider-header{text-align:center;flex-direction:column}.provider-actions{flex-direction:column}.btn-provider-message,.btn-provider-view{max-width:100%}.cta-section{padding:40px 20px}.cta-content h2{font-size:1.5rem}.cta-content p{font-size:.95rem}.cta-actions{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%;max-width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.about-cta-layout .about-card-premium{padding:28px 24px}.about-heading{margin-bottom:20px;padding-bottom:14px;font-size:1.6rem}.about-heading:after{width:50px;height:3px}.about-description{font-size:16px;line-height:1.7}.about-paragraph{margin-bottom:14px}.about-bullet-item{gap:10px;margin-bottom:10px;padding:10px 12px}.about-bullet-icon{width:20px;height:20px;font-size:1.1rem}.about-bullet-text{font-size:16px;line-height:1.7}}@media (width<=480px){.service-details-page{padding:108px 10px 10px}.hero-section{border-radius:16px;padding:10px}.hero-main-image{height:220px}.hero-info-grid{grid-template-columns:1fr}.hero-title{font-size:1.3rem}.hero-price-value{font-size:1.25rem}.section-header h2{font-size:1.2rem}.info-card{padding:14px}.info-card-icon{width:38px;height:38px;font-size:1.1rem}.about-card{padding:18px}.about-section{margin-bottom:20px;padding:0}.about-cta-layout .about-card-premium{border-radius:16px;padding:20px 16px}.about-heading{margin-bottom:16px;padding-bottom:12px;font-size:1.4rem}.about-heading:after{width:45px;height:3px}.about-description{font-size:15px;line-height:1.6}.about-paragraph{margin-bottom:12px}.about-bullet-item{gap:8px;margin-bottom:8px;padding:8px 10px}.about-bullet-icon{width:18px;height:18px;font-size:1rem}.about-bullet-text{font-size:15px;line-height:1.6}.feature-card{padding:20px 16px}.feature-icon{width:48px;height:48px;font-size:1.25rem}.provider-card{padding:20px 16px}.provider-avatar{width:56px;height:56px;font-size:1.1rem}.gallery-thumb{width:52px;height:52px}.gallery-grid{grid-template-columns:1fr}.cta-card-sticky{padding:20px 16px}.cta-card-header{margin-bottom:20px;padding-bottom:16px}.cta-card-header h3{font-size:1.2rem}.cta-card-header p{font-size:.85rem}.cta-highlight-item{gap:10px;padding:12px 14px}.cta-highlight-icon{width:36px;height:36px;font-size:1.1rem}.cta-highlight-label{font-size:.7rem}.cta-highlight-value{font-size:.9rem}.cta-quick-highlights{margin-top:16px;padding-top:16px}.cta-quick-highlights h4{margin-bottom:10px;font-size:.85rem}.cta-highlights-list{gap:8px}.cta-highlights-list li{padding:8px 10px;font-size:.85rem}.btn-cta-book-now,.btn-cta-call-now{padding:12px 16px;font-size:.95rem}}.sd-hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172ae0 0%,#1e3a8ac7 100%);border:1px solid #6366f140;border-radius:24px;grid-template-columns:1.3fr 1fr;align-items:start;gap:32px;margin-bottom:32px;padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.sd-hero:before{content:"";z-index:-1;opacity:1;background:linear-gradient(135deg,#0f172a4d 0%,#1e3a8a4d 100%);position:absolute;inset:0}.sd-hero-left{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.sd-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.sd-hero-badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.sd-hero-badge-emergency{color:#fff;background:linear-gradient(135deg,#fca5a5 0%,#f87171 100%);border:1px solid #fca5a580}.sd-hero-title{color:#fff;text-shadow:0 2px 8px #0000004d;margin:0 0 8px;font-size:2.2rem;font-weight:800;line-height:1.2}.sd-hero-company{color:#e0e7ff;align-items:center;gap:6px;margin:0 0 12px;font-size:1rem;font-weight:600;display:flex}.sd-hero-company:before{content:"";background:#a5b4fc;border-radius:50%;width:6px;height:6px;display:inline-block}.sd-hero-desc{color:#e2e8f0;text-shadow:0 1px 4px #0003;margin:0;font-size:1rem;line-height:1.6}.sd-hero-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:20px}.sd-hero-section-title{color:#fff;margin:0 0 12px;font-size:1rem;font-weight:700}.sd-hero-description-text p{color:#e2e8f0;margin:0 0 10px;font-size:.92rem;line-height:1.7}.sd-hero-description-text p:last-child{margin-bottom:0}.sd-hero-info-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sd-hero-info-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .3s;display:flex}.sd-hero-info-item:hover{background:#ffffff26;border-color:#a5b4fc80;transform:translateY(-2px);box-shadow:0 4px 12px #a5b4fc40}.sd-hero-info-icon{color:#a5b4fc;flex-shrink:0;width:16px;height:16px}.sd-hero-info-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.65rem;font-weight:600;display:block}.sd-hero-info-value{color:#fff;font-size:.85rem;font-weight:700;line-height:1.3}.sd-hero-right{z-index:1;flex-direction:column;justify-content:flex-end;gap:20px;height:100%;display:flex;position:relative}.sd-hero-image-wrapper{width:100%;max-width:280px;margin:-12px auto 0}.sd-hero-image{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:200px;display:block}.sd-hero-image-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#94a3b8;background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:100%;height:150px;display:flex}.sd-hero-details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sd-hero-detail-col{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:14px;transition:all .3s}.sd-hero-detail-col:hover{background:#ffffff26;border-color:#a5b4fc80;transform:translateY(-2px);box-shadow:0 4px 12px #a5b4fc33}.sd-detail-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;font-size:.72rem;font-weight:600;display:flex}.sd-detail-label svg{color:#a5b4fc}.sd-detail-value{color:#fff;font-size:.95rem;font-weight:700}.sd-detail-value-notes{color:#e2e8f0;font-size:.85rem;font-weight:500;line-height:1.4}.sd-hero-actions{gap:10px;margin-top:auto;padding-top:20px;display:flex}.sd-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.sd-btn-primary{color:#1e1b4b;background:linear-gradient(135deg,#a5b4fc 0%,#818cf8 100%);box-shadow:0 4px 12px #a5b4fc66}.sd-btn-primary:hover{background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 100%);transform:translateY(-2px);box-shadow:0 6px 18px #a5b4fc80}.sd-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:2px solid #ffffff4d}.sd-btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.sd-related-categories{grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:32px;display:grid}.sd-category-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:28px 20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.sd-category-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(135deg,#6366f11a,#0000,#a855f71a);border-radius:20px;padding:2px;transition:all .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sd-category-card:hover:before{opacity:1}.sd-category-card:hover{border-color:var(--cat-color,#4f46e5);transform:translateY(-6px);box-shadow:0 12px 32px #4f46e526}.sd-category-card-icon{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;padding:8px;display:flex}.sd-category-card:hover .sd-category-card-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 8px 24px #0000001f}.sd-category-card-icon img,.sd-category-card-icon svg{object-fit:contain;object-position:center;border-radius:8px;width:60px;height:60px}.sd-category-card-info{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.sd-category-card-name{color:#0f172a;margin:0;font-size:.95rem;font-weight:700;line-height:1.4}.sd-category-card-desc{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;line-height:1.4;overflow:hidden}.sd-category-card-arrow{color:#94a3b8;opacity:.6;background:#f8fafc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex;position:absolute;bottom:10px;right:12px}.sd-category-card:hover .sd-category-card-arrow{opacity:1;color:#fff;background:var(--cat-color,#4f46e5);transform:translate(2px)translateY(-2px)}@media (width<=1024px){.sd-hero{grid-template-columns:1fr}.sd-hero-right{order:-1}.sd-hero-image-wrapper{max-width:200px}.sd-related-categories{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sd-hero{gap:20px;padding:20px}.sd-hero-title{font-size:1.6rem}.sd-hero-info-grid{grid-template-columns:1fr}.sd-hero-image-wrapper{max-width:160px}.sd-related-categories{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=520px){.sd-hero{padding:16px}.sd-hero-actions{flex-direction:column}.sd-related-categories{grid-template-columns:1fr;gap:14px}.sd-category-card{padding:24px 16px 20px}.sd-category-card-icon{width:64px;height:64px;padding:6px}.sd-category-card-icon img,.sd-category-card-icon svg{width:60px;height:60px}.sd-category-card-name{font-size:.88rem}.sd-hero-details-grid{grid-template-columns:1fr}}.service-details-page{max-width:100%;padding:var(--se-nav-height) 20px 0;margin:0 auto}@media (width<=768px){.service-details-page{padding:108px 12px 0}}@media (width<=480px){.service-details-page{padding:108px 10px 0}}.service-details-page .se-footer{box-sizing:border-box;border-radius:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:24px 24px 0}.service-details-page .se-footer .se-footer-inner,.service-details-page .se-footer .se-section-container{max-width:1200px;margin:0 auto}.service-details-page .se-footer .se-footer-grid{padding-bottom:16px}.service-details-page .se-footer .se-footer-bottom{padding:12px 0}@media (width<=768px){.service-details-page .se-footer{padding:20px 12px 0}.service-details-page .se-footer .se-footer-grid{padding-bottom:14px}.service-details-page .se-footer .se-footer-bottom{padding:10px 0}}@media (width<=480px){.service-details-page .se-footer{padding:16px 10px 0}.service-details-page .se-footer .se-footer-grid{padding-bottom:12px}.service-details-page .se-footer .se-footer-bottom{padding:8px 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}::selection{color:#fff;background:#4f46e5}::selection{color:#fff;background:#4f46e5}.cd-layout{align-items:flex-start;gap:24px;display:flex;position:relative}.cd-sidebar{background:var(--se-bg-card);border:1px solid var(--se-border-light);border-radius:var(--se-radius-lg);flex-shrink:0;align-self:flex-start;width:280px;max-height:calc(100vh - 110px);transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1);position:sticky;top:90px;overflow:hidden auto}.cd-sidebar::-webkit-scrollbar{width:4px}.cd-sidebar::-webkit-scrollbar-thumb{background:var(--se-border);border-radius:4px}.cd-sidebar--closed{opacity:0;border:none;width:0;min-width:0;margin:0;padding:0;overflow:hidden}.cd-sidebar--closed .cd-sidebar-content,.cd-sidebar--closed .cd-sidebar-header{display:none}.cd-sidebar-header{border-bottom:1px solid var(--se-border-light);background:var(--se-bg-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cd-sidebar-header-actions{align-items:center;gap:6px;display:flex}.cd-sidebar-toggle{background:var(--se-bg-card);border-radius:var(--se-radius-md);cursor:pointer;color:var(--se-text-secondary);white-space:nowrap;border:none;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.cd-sidebar-toggle:hover{background:var(--se-primary-light);color:var(--se-primary)}.cd-sidebar-toggle svg{flex-shrink:0;width:16px;height:16px}.cd-sidebar-close-btn{background:var(--se-bg-card);border-radius:var(--se-radius-md);cursor:pointer;width:32px;height:32px;color:var(--se-text-secondary);border:none;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;transition:all .2s;display:flex}.cd-sidebar-close-btn:hover{color:#ef4444;background:#fee2e2}.cd-sidebar-overlay{z-index:999;background:#00000080;animation:.2s ease-out cdFadeIn;position:fixed;inset:0}@keyframes cdFadeIn{0%{opacity:0}to{opacity:1}}.cd-sidebar-header h3{color:var(--se-text);margin:0;font-size:1rem;font-weight:600}.cd-filter-toggle-btn{color:#fff;cursor:pointer;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #6366f140}.cd-filter-toggle-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.cd-filter-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.cd-filter-toggle-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6366f133}.cd-filter-toggle-btn svg{stroke:currentColor;flex-shrink:0;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.cd-filter-toggle-btn .cd-toggle-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.cd-filter-toggle-btn .cd-toggle-arrow--collapsed{transform:rotate(180deg)}.cd-floating-filter-btn{color:#fff;cursor:pointer;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #6366f140}.cd-floating-filter-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.cd-floating-filter-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.cd-floating-filter-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6366f133}.cd-floating-filter-btn svg{stroke:currentColor;flex-shrink:0;width:18px;height:18px}.cd-collapsed-toolbar{align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.cd-sidebar-close{border-radius:var(--se-radius-md);cursor:pointer;color:#dc2626;background:#fee2e2;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:none}.cd-sidebar-close svg{width:16px;height:16px}.cd-sidebar-close:hover{background:#fecaca}.cd-desktop-only{display:flex}.cd-mobile-only{display:none}.cd-sidebar-backdrop{z-index:999;-webkit-backdrop-filter:blur(2px);cursor:pointer;background:#00000073;animation:.25s cdBackdropIn;display:none;position:fixed;inset:0}@keyframes cdBackdropIn{0%{opacity:0}to{opacity:1}}.cd-mobile-filter-btn{background:var(--se-primary-gradient);color:#fff;border-radius:var(--se-radius-full);cursor:pointer;border:none;align-items:center;gap:8px;margin-bottom:16px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:none;position:relative;box-shadow:0 2px 10px #6366f140}.cd-mobile-filter-btn svg{flex-shrink:0;width:16px;height:16px}.cd-mobile-filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.cd-filter-active-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:8px;height:8px}.cd-sidebar-content{padding:20px}.cd-filter-group{margin-bottom:24px}.cd-filter-group:last-child{margin-bottom:0}.cd-filter-group h4{color:var(--se-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:.85rem;font-weight:600}.cd-filter-options{flex-direction:column;gap:8px;display:flex}.cd-filter-option{cursor:pointer;border-radius:var(--se-radius-md);align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.cd-filter-option:hover{background:var(--se-bg-secondary)}.cd-filter-option input[type=radio]{width:18px;height:18px;accent-color:var(--se-primary);cursor:pointer}.cd-filter-option span{color:var(--se-text);font-size:.9rem}.cd-main-content{flex:1;min-width:0;transition:flex .3s cubic-bezier(.4,0,.2,1)}.cd-mobile-filter-toggle{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:none;position:relative;overflow:hidden;box-shadow:0 4px 14px #6366f140}.cd-mobile-filter-toggle:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.cd-mobile-filter-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.cd-mobile-filter-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #6366f133}.cd-mobile-filter-toggle svg{stroke:currentColor;flex-shrink:0;width:18px;height:18px}.cd-mobile-filter-toggle .cd-toggle-badge{color:#fff;background:#fff3;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}@media (width<=1024px){.cd-sidebar{z-index:1000;border-radius:0 var(--se-radius-xl) var(--se-radius-xl) 0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 32px #0000002e;width:300px!important}.cd-sidebar--open{transform:translate(0)}.cd-sidebar--closed{opacity:1;padding:initial;border:1px solid var(--se-border-light);margin:initial;overflow:visible;transform:translate(-100%);width:300px!important}.cd-sidebar--closed .cd-sidebar-header{display:flex}.cd-sidebar--open .cd-sidebar-content{display:block!important}.cd-sidebar-backdrop{display:block}.cd-desktop-only{display:none!important}.cd-mobile-only{display:flex!important}.cd-mobile-filter-btn{display:inline-flex}.cd-layout{position:relative}.cd-mobile-filter-toggle{display:flex}.cd-filter-toggle-btn,.cd-floating-filter-btn,.cd-toolbar-toggle-wrapper{display:none}}@media (width<=768px){.cd-sidebar{width:280px!important}}.cd-hero{margin-top:16px;margin-bottom:24px}.cd-breadcrumb{color:var(--se-text-tertiary);align-items:center;gap:8px;margin-bottom:4px;font-size:.85rem;display:flex}.cd-breadcrumb button{color:var(--se-text-tertiary);cursor:pointer;transition:var(--se-transition);background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:.85rem}.cd-breadcrumb button:hover{color:var(--se-primary)}.cd-breadcrumb-separator{color:var(--se-text-muted);font-size:.75rem}.cd-breadcrumb-current{color:var(--se-primary);font-weight:600}.cd-toolbar{background:var(--se-bg-card);border:1px solid var(--se-border);border-radius:var(--se-radius-xl);box-shadow:var(--se-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 20px;display:flex}.cd-toolbar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cd-toolbar-count{color:var(--se-text-secondary);white-space:nowrap;font-size:.88rem;font-weight:500}.cd-toolbar-count strong{color:var(--se-text);font-weight:700}.cd-toolbar-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cd-filter-btn{background:var(--se-bg-secondary);border:1px solid var(--se-border);border-radius:var(--se-radius-full);color:var(--se-text-secondary);cursor:pointer;transition:var(--se-transition);align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:500;display:inline-flex}.cd-filter-btn svg{width:14px;height:14px}.cd-filter-btn:hover{border-color:var(--se-primary);color:var(--se-primary);background:var(--se-primary-light)}.cd-filter-btn.active{background:var(--se-primary);color:#fff;border-color:#0000;box-shadow:0 2px 8px #6366f133}.cd-filter-btn--sort{justify-content:space-between;min-width:130px}.cd-sort-dropdown{position:relative}.cd-sort-menu{border-radius:var(--se-radius-xl);border:1px solid var(--se-border);z-index:50;background:#fff;min-width:200px;animation:.2s ease-out cdDropIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 8px 20px #0000000f}@keyframes cdDropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cd-sort-option{cursor:pointer;width:100%;color:var(--se-text-secondary);text-align:left;transition:var(--se-transition);background:0 0;border:none;align-items:center;gap:10px;padding:12px 18px;font-family:inherit;font-size:.85rem;display:flex}.cd-sort-option:hover{background:var(--se-primary-light);color:var(--se-primary)}.cd-sort-option.active{color:var(--se-primary);background:var(--se-primary-light);font-weight:600}.cd-sort-option svg{flex-shrink:0;width:16px;height:16px}.cd-toolbar-view{background:var(--se-bg-secondary);border-radius:var(--se-radius-lg);align-items:center;gap:6px;padding:4px;display:flex}.cd-view-btn{border-radius:var(--se-radius-md);cursor:pointer;width:34px;height:34px;color:var(--se-text-tertiary);transition:var(--se-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cd-view-btn svg{width:16px;height:16px}.cd-view-btn:hover{color:var(--se-text-secondary)}.cd-view-btn.active{color:var(--se-primary);box-shadow:var(--se-shadow-sm);background:#fff}.cd-category-banner{border-radius:var(--se-radius-2xl);width:100%;height:200px;box-shadow:var(--se-shadow-lg);margin-bottom:28px;position:relative;overflow:hidden}.cd-category-banner img{object-fit:cover;width:100%;height:100%}.cd-category-banner-overlay{background:linear-gradient(135deg,#6366f14d,#0000 60%),linear-gradient(#0000 50%,#0000004d 100%);position:absolute;inset:0}.cd-category-banner-content{align-items:flex-end;gap:20px;padding:24px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.cd-category-banner-icon{border-radius:var(--se-radius-xl);background:#fffffff2;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 8px 32px #00000026}.cd-category-banner-icon svg{width:36px;height:36px}.cd-category-banner-text h2{color:#fff;text-shadow:0 2px 8px #0003;margin:0 0 4px;font-size:1.6rem;font-weight:700}.cd-category-banner-text p{color:#ffffffe6;text-shadow:0 1px 4px #0003;margin:0;font-size:.9rem}.cd-quick-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.cd-quick-filter-label{color:var(--se-text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:600}.cd-quick-filter-tag{background:var(--se-bg-card);border:1px solid var(--se-border);border-radius:var(--se-radius-full);color:var(--se-text-secondary);cursor:pointer;transition:var(--se-transition);padding:6px 16px;font-family:inherit;font-size:.78rem;font-weight:500}.cd-quick-filter-tag:hover{border-color:var(--se-primary);color:var(--se-primary);background:var(--se-primary-light)}.cd-quick-filter-tag.active{background:var(--se-primary);color:#fff;border-color:#0000}.cd-services-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cd-services-list{flex-direction:column;gap:16px;display:flex}.cd-service-card-list{background:var(--se-bg-card);border-radius:var(--se-radius-2xl);border:1px solid var(--se-border);box-shadow:var(--se-shadow-sm);transition:var(--se-transition-slow);cursor:pointer;animation:.5s ease-out both cdFadeInUp;display:flex;overflow:hidden}.cd-service-card-list:hover{box-shadow:var(--se-shadow-xl);border-color:#0000;transform:translateY(-4px)}.cd-service-card-list:first-child{animation-delay:50ms}.cd-service-card-list:nth-child(2){animation-delay:.1s}.cd-service-card-list:nth-child(3){animation-delay:.15s}.cd-service-card-list:nth-child(4){animation-delay:.2s}.cd-service-card-list:nth-child(5){animation-delay:.25s}.cd-service-card-list:nth-child(6){animation-delay:.3s}.cd-service-card-list .cd-list-image{flex-shrink:0;width:240px;min-height:180px;position:relative;overflow:hidden}.cd-service-card-list .cd-list-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.cd-service-card-list:hover .cd-list-image img{transform:scale(1.1)}.cd-service-card-list .cd-list-image .cd-list-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cd-service-card-list .cd-list-image .cd-list-placeholder svg{stroke:#fff6;width:50px;height:50px}.cd-list-image-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--se-radius-full);color:var(--se-primary);text-transform:uppercase;letter-spacing:.3px;z-index:2;box-shadow:var(--se-shadow-sm);background:#ffffffe6;padding:4px 12px;font-size:.65rem;font-weight:600;position:absolute;top:10px;left:10px}.cd-list-price-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--se-radius-full);color:#fff;z-index:2;box-shadow:var(--se-shadow-sm);background:#10b981e6;padding:4px 12px;font-size:.8rem;font-weight:700;position:absolute;top:10px;right:10px}.cd-list-price-tag small{opacity:.85;font-size:.6rem;font-weight:500}.cd-service-card-list .cd-list-body{flex-direction:column;flex:1;padding:18px 22px;display:flex}.cd-list-body h3{color:var(--se-text);margin:0 0 6px;font-size:1.05rem;font-weight:700;line-height:1.3}.cd-list-desc{color:var(--se-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.cd-list-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.cd-list-meta-item{color:var(--se-text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.cd-list-meta-item svg{width:14px;height:14px;color:var(--se-primary);flex-shrink:0}.cd-list-verified{color:var(--se-success);align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:inline-flex}.cd-list-verified svg{width:14px;height:14px}.cd-list-footer{border-top:1px solid var(--se-border-light);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.cd-list-price{flex-direction:column;gap:2px;display:flex}.cd-list-price-label{color:var(--se-text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:.68rem;font-weight:500}.cd-list-price-amount{color:var(--se-text);font-size:1.1rem;font-weight:700}.cd-list-book-btn{background:var(--se-primary-gradient);color:#fff;border-radius:var(--se-radius-xl);cursor:pointer;transition:var(--se-transition-bounce);border:none;align-items:center;gap:6px;padding:10px 22px;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex}.cd-list-book-btn svg{width:16px;height:16px}.cd-list-book-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #6366f14d}@keyframes cdFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.cd-services-grid{grid-template-columns:repeat(2,1fr)}.cd-service-card-list .cd-list-image{width:200px}}@media (width<=768px){.cd-toolbar{flex-direction:column;align-items:stretch;padding:14px 16px}.cd-toolbar-left{justify-content:space-between}.cd-toolbar-filters{justify-content:flex-start}.cd-services-grid{grid-template-columns:1fr;gap:16px}.cd-service-card-list{flex-direction:column}.cd-service-card-list .cd-list-image{width:100%;height:180px}.cd-service-card-list .cd-list-body{padding:16px}.cd-category-banner{height:150px}.cd-category-banner-content{padding:16px 20px}.cd-category-banner-icon{width:56px;height:56px}.cd-category-banner-icon svg{width:28px;height:28px}.cd-category-banner-text h2{font-size:1.2rem}}@media (width<=480px){.cd-toolbar-filters{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.cd-filter-btn{white-space:nowrap;padding:6px 12px;font-size:.75rem}}.cd-card-rating{align-items:center;gap:4px;margin-top:6px;margin-bottom:4px;display:flex}.cd-card-stars{align-items:center;gap:1px;display:flex}.cd-card-star{width:14px;height:14px}.cd-card-star--filled{color:#f59e0b}.cd-card-star--empty{color:#d1d5db}.cd-card-rating-score{color:#374151;font-size:13px;font-weight:600;line-height:1}.cd-card-rating-count{color:#6b7280;font-size:12px;line-height:1}.scan-attendance-page{max-width:900px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.header-content{justify-content:space-between;align-items:center;display:flex}.header-text h1{color:#1a1a1a;margin-bottom:.5rem;font-size:2rem;font-weight:700}.header-subtitle{color:#6b7280;font-size:1rem}.scan-container{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #0000001a}.scan-options{grid-template-columns:1fr;gap:2rem;display:grid}.scan-card,.manual-entry-card{text-align:center;border:2px dashed #d1d5db;border-radius:12px;padding:2rem;transition:all .3s}.scan-card:hover,.manual-entry-card:hover{background:#f8faff;border-color:#2a5ae0}.scan-icon{margin-bottom:1rem;font-size:3rem}.scan-card h3,.manual-entry-card h3{color:#1a1a1a;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.scan-card p,.manual-entry-card p{color:#6b7280;margin-bottom:1.5rem}.divider{text-align:center;align-items:center;margin:1rem 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #d1d5db;flex:1}.divider span{color:#6b7280;padding:0 1rem;font-weight:500}.manual-entry-card form{flex-direction:column;align-items:center;gap:1rem;display:flex}.form-group{width:100%;max-width:400px}.form-input{border:1px solid #d1d5db;border-radius:8px;width:100%;font-size:1rem;transition:all .2s}.form-input:focus{border-color:#2a5ae0;outline:none;box-shadow:0 0 0 3px #2a5ae01a}.camera-view{text-align:center}.camera-header{margin-bottom:1.5rem}.camera-header h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.camera-header p{color:#6b7280}.qr-reader-container{background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:500px;min-height:300px;margin:0 auto 2rem;display:flex}.camera-video{display:none}.instructions-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.instructions-card h3{color:#1a1a1a;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.instructions-card ol{margin-bottom:1.5rem;margin-left:1.5rem}.instructions-card li{color:#374151;margin-bottom:.5rem;line-height:1.6}.tips{background:#f8faff;border-left:4px solid #2a5ae0;border-radius:8px;padding:1rem}.tips h4{color:#1a1a1a;margin-bottom:.5rem;font-size:1rem;font-weight:600}.tips ul{margin-bottom:0;margin-left:1.5rem}.tips li{color:#374151;margin-bottom:.25rem;line-height:1.6}.alert{border-radius:8px;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.alert-success{color:#166534;background:#dcfce7;border:1px solid #86efac}.alert-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-content{flex:1}.alert-content p{margin:0;font-weight:500}.attendance-details{background:#fff;border-radius:6px;margin-top:.75rem;padding:.75rem}.attendance-details p{margin:.25rem 0;font-size:.9rem}.redirect-message{opacity:.8;margin-top:.75rem;font-size:.85rem;font-style:italic}@media (width<=768px){.scan-attendance-page{padding:1rem}.page-header{margin-bottom:1.5rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-text h1{font-size:1.5rem}.header-subtitle{font-size:.9rem}.scan-container{padding:1rem}.scan-card,.manual-entry-card{padding:1.5rem}.scan-icon{font-size:2.5rem}.scan-card h3,.manual-entry-card h3{font-size:1.3rem}.scan-card p,.manual-entry-card p{font-size:.9rem}.qr-reader-container{min-height:250px}.camera-header h3{font-size:1.3rem}.instructions-card{padding:1.5rem}.instructions-card h3{font-size:1.1rem}.alert{flex-direction:column;align-items:stretch;gap:.75rem}.alert-icon{text-align:center}.attendance-details{margin-top:.5rem}}@media (width<=480px){.scan-attendance-page{padding:.75rem}.page-header{margin-bottom:1rem}.header-text h1{font-size:1.3rem}.header-subtitle{font-size:.85rem}.scan-container{padding:.75rem}.scan-card,.manual-entry-card{padding:1rem}.scan-icon{margin-bottom:.75rem;font-size:2rem}.scan-card h3,.manual-entry-card h3{font-size:1.15rem}.scan-card p,.manual-entry-card p{font-size:.85rem}.divider{margin:.75rem 0}.divider span{padding:0 .75rem;font-size:.85rem}.form-group{max-width:100%}.form-input{font-size:.95rem}.button-lg{justify-content:center;width:100%}.camera-header h3{font-size:1.15rem}.camera-header p{font-size:.85rem}.qr-reader-container{min-height:200px}.instructions-card{padding:1rem}.instructions-card h3{font-size:1.05rem}.instructions-card ol{margin-bottom:1rem;margin-left:1.25rem}.instructions-card li{font-size:.85rem}.tips{padding:.75rem}.tips h4{font-size:.95rem}.tips li{font-size:.85rem}.alert{padding:.75rem}.alert-icon{font-size:1.25rem}.alert-content p{font-size:.9rem}.attendance-details{margin-top:.5rem;padding:.5rem}.attendance-details p{font-size:.85rem}.redirect-message{margin-top:.5rem;font-size:.8rem}}.button-link,.button,input{transition:all .18s}button:disabled,input:disabled{opacity:.7;cursor:not-allowed}.login-layout{justify-content:center;align-items:stretch;gap:0;min-height:calc(100vh - 100px);display:flex;overflow:hidden}.login-illustration{border-radius:var(--radius) 0 0 var(--radius);background:linear-gradient(145deg,#eef2ff 0%,#e0e7ff 60%,#c7d2fe 100%);flex:45%;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.login-illustration:before{content:"";background:#6366f114;border-radius:50%;width:340px;height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-illustration img{filter:drop-shadow(0 12px 32px #4f46e52e);width:100%;max-width:340px;height:auto;position:relative}.login-panel{flex-direction:column;flex:55%;justify-content:center;max-width:480px;padding:48px 44px;display:flex}.login-panel h1,.login-panel .subtitle{text-align:left}.login-form{max-width:100%;margin:0}@media (width<=860px){.login-layout{min-height:unset;flex-direction:column;align-items:center;gap:0}.login-illustration{border-radius:var(--radius) var(--radius) 0 0;flex:none;width:100%;min-height:220px;padding:36px 24px 28px}.login-illustration img{max-width:220px}.login-panel{flex:none;width:100%;max-width:100%;padding:32px 28px 36px}.login-panel h1,.login-panel .subtitle{text-align:center}}@media (width<=480px){.login-layout{box-shadow:none;border:none;border-radius:0;min-height:100vh}.login-illustration{border-radius:0;min-height:190px;padding:28px 20px 22px}.login-illustration img{max-width:170px}.login-panel{padding:24px 20px 32px}}.modal-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;padding:16px;animation:.22s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:440px;max-height:90vh;animation:.3s forwards slideUp;display:flex;overflow:hidden;box-shadow:0 16px 48px #0f172a2e}.modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:1rem;font-weight:700}.modal-body{flex:auto;padding:16px 20px;overflow-y:auto}.modal-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:0;border-radius:6px;padding:2px 6px;font-size:20px;line-height:1;transition:all .2s}.modal-close:hover{color:#111827;background:#f1f5f9}@media (width<=768px){.modal-backdrop{padding:12px}.modal-card{max-width:100%;max-height:85vh}.modal-header{padding:14px 16px}.modal-header h3{font-size:.95rem}.modal-body{padding:14px 16px}.modal-footer{gap:8px;padding:10px 16px}}@media (width<=480px){.modal-card{border-radius:12px 12px 0 0;max-width:100%;max-height:95vh;margin-top:auto}.modal-backdrop{align-items:flex-end;padding:0}.modal-header{padding:12px 16px}.modal-header h3{font-size:.9rem}.modal-body{padding:12px 16px}.modal-footer{gap:8px;padding:10px 16px}.modal-close{padding:4px 8px;font-size:18px}}