body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.nav-link{margin-left:10px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.appContainer{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;padding:20px;width:1300px}.navbar-nav .nav-link{color:#fff!important}.navbar-nav .nav-link:hover{color:#ccc!important}.navbar-nav .dropdown-menu{background-color:#343a40}.navbar-nav .dropdown-item{color:#fff!important}.navbar-nav .dropdown-item:hover{background-color:#495057}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%2888, 88, 88, 0.7%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E")}.home{display:flex;flex-direction:column;gap:48px}.home-hero{background:radial-gradient(1200px 600px at 10% -10%,#22d3ee40,#0000 60%),radial-gradient(1000px 500px at 100% 0,#0ea5e92e,#0000 60%),linear-gradient(180deg,#0b1220,#0f172a);color:#e2e8f0;padding:72px 16px}.home-hero-inner{margin:0 auto;max-width:1100px;text-align:center}.home-badge{border:1px solid #fff3;border-radius:999px;display:inline-block;font-size:.85rem;margin-bottom:14px;opacity:.9;padding:6px 10px}.home-title{font-size:clamp(28px,4.5vw,44px);font-weight:800;letter-spacing:.2px;margin:0 0 10px}.home-subtitle{font-size:clamp(16px,2.3vw,18px);margin:0 auto 22px;max-width:800px;opacity:.9}.home-cta{display:flex;flex-wrap:wrap;gap:12px}.btn,.home-cta{justify-content:center}.btn{align-items:center;border-radius:12px;display:inline-flex;font-weight:700;gap:8px;padding:10px 16px;text-decoration:none;transition:transform .08s ease,filter .2s ease,background .2s ease}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg,#22d3ee,#06b6d4);color:#0b1220}.btn-primary:hover{filter:brightness(.96)}.btn-ghost{background:#ffffff0f;border:1px solid #ffffff24;color:#e2e8f0}.btn-ghost:hover{background:#ffffff1a}.home-section{margin:0 auto;max-width:1100px;padding:0 16px}.home-section-title{color:#0f172a;font-size:24px;font-weight:800;margin-bottom:18px;text-align:center}.home-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 10px 20px #0000001f;transform:translateY(-3px)}.card .icon{align-items:center;background:#ecfeff;border-radius:12px;display:flex;height:40px;justify-content:center;margin-bottom:10px;width:40px}.card .icon svg{fill:#0891b2;height:22px;width:22px}.card h3{color:#0f172a;font-size:1.05rem;font-weight:800;margin:4px 0 6px}.card p{color:#334155;font-size:.95rem;line-height:1.4}.home-steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;padding:16px}.step-num{align-items:center;background:#0ea5e9;border-radius:50%;color:#fff;display:inline-flex;font-weight:800;height:34px;justify-content:center;margin-bottom:8px;width:34px}.step h4{color:#0f172a;font-weight:800;margin:6px 0}.step p{color:#334155;margin:0}.home-testimonials{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.t-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;padding:18px}.t-card .quote{color:#0f172a;font-weight:600}.t-card .author{color:#475569;display:block;font-size:.95rem;margin-top:8px}.home-cta-banner{padding:0 16px 56px}.cta-inner{background:linear-gradient(135deg,#0ea5e9,#0369a1);border-radius:14px;box-shadow:0 8px 20px #0369a140;color:#e6f9ff;margin:0 auto;max-width:1100px;padding:20px;text-align:center}.cta-inner h3{font-size:1.3rem;font-weight:800;margin:0 0 6px}.cta-inner p{margin:0 0 12px;opacity:.95}.cta-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn-light{background:#e0f2fe;color:#0b1220}.btn-light:hover{filter:brightness(.95)}.btn-dark{background:#0b1220;color:#e2e8f0}.btn-dark:hover{filter:brightness(1.1)}.container{margin:0 auto;max-width:1400px;padding:20px}.container h1{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:10px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin-bottom:20px;padding:10px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.container h1:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.02)}h3{font-size:2rem;text-align:center}.table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 12px #0000000f;margin-top:20px;overflow:hidden;width:100%}.table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0!important;color:#0f172a;font-weight:700}.table td,.table th{border-bottom:1px solid #eef2f7;color:#111827;font-size:.95rem;padding:12px 14px;text-align:left;vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-of-type(odd){background-color:#fafafa}.table-hover tbody tr:hover{background-color:#f1f5f9}.table.table-sm td,.table.table-sm th{padding:10px 12px}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;display:block;overflow-x:auto;width:100%}@media (max-width:768px){.container{padding:15px}h3{font-size:1.5rem}.table{font-size:.9rem}.table td,.table th{padding:10px 12px}}@media (max-width:480px){h3{font-size:1.2rem}.table{font-size:.85rem}.table td,.table th{padding:8px 10px}}:root{--appbar-h:64px;--bottom-nav-h:72px}@media (max-width:992px){:root{--appbar-h:58px;--bottom-nav-h:76px}}@media (max-width:480px){:root{--appbar-h:56px;--bottom-nav-h:78px}}.appbar{grid-gap:12px;align-items:center;background:#0f172a;border-bottom:1px solid #ffffff14;color:#e2e8f0;display:grid;gap:12px;grid-template-columns:auto 1fr auto;min-height:64px;min-height:var(--appbar-h);padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.appbar a{color:inherit;text-decoration:none}.appbar .brand{align-items:center;display:inline-flex;font-weight:700;gap:8px;letter-spacing:.3px}.brand-dot{background:#22d3ee;border-radius:50%;height:10px;width:10px}.appbar-left{gap:10px;min-width:0}.appbar-left,.appbar-right{align-items:center;display:flex}.appbar-right{gap:12px;justify-content:flex-end;justify-self:end}.appbar-center{display:none;gap:14px;justify-content:center}@media (min-width:992px){.appbar-center{display:inline-flex}}.link{border-radius:10px;opacity:.9;padding:8px 10px;transition:background .2s,opacity .2s,transform .08s}.link:hover{background:#ffffff0f;opacity:1}.link.active{background:#22d3ee2e;opacity:1}.ghost-btn,.primary-btn{border:1px solid #0000;border-radius:12px;font-weight:600;padding:8px 12px;white-space:nowrap}.primary-btn{background:linear-gradient(180deg,#22d3ee,#06b6d4);color:#0b1220}.primary-btn:hover{filter:brightness(.95)}.auth-actions .ghost-btn{background:#dc2626;border-color:#dc2626;border-radius:14px;box-shadow:0 6px 14px #dc262659;color:#fff;font-size:15px;font-weight:700;padding:10px 18px;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.auth-actions .ghost-btn:hover{background:#b91c1c;box-shadow:0 8px 18px #dc262673}.auth-actions .ghost-btn:active{transform:scale(.96)}.appbar .drawer-btn{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1/1;background:#1f2937;border:1px solid #ffffff3d;border-radius:50%;box-sizing:border-box;color:#e2e8f0;cursor:pointer;display:inline-flex;flex:0 0 44px;height:44px;justify-content:center;margin:0;min-height:44px;min-width:44px;padding:0;transition:background .15s ease,transform .1s ease,box-shadow .2s ease;width:44px}.appbar .drawer-btn:hover{background:#2b3648}.appbar .drawer-btn:active{transform:scale(.96)}.appbar .drawer-btn:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}.appbar .drawer-btn.hamburger{flex-direction:column;gap:6px}.appbar .drawer-btn.hamburger span{background:#e2e8f0;border-radius:999px;display:block;height:3px;width:22px}.appbar .drawer-btn.hamburger.open span:nth-child(2){width:16px}@media (max-width:991.98px){.appbar-right{flex-wrap:nowrap;gap:8px}.auth-actions .ghost-btn{font-size:14px;padding:10px 16px}.appbar-left .brand{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:480px){.auth-actions .ghost-btn{font-size:16px;padding:12px 20px}.appbar .brand{font-size:14px}}.bottom-nav{background:#0f172a;border-top:1px solid #ffffff14;bottom:0;display:none;left:0;min-height:72px;min-height:var(--bottom-nav-h);padding:8px 6px;position:fixed;right:0;z-index:40}@media (max-width:991.98px){.bottom-nav{align-items:stretch;display:flex;gap:6px;justify-content:stretch}}.bottom-nav .tab{align-items:center;border-radius:10px;color:#cbd5e1;display:inline-flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0;opacity:.95;padding:8px 4px;text-align:center;text-decoration:none;transition:background .2s,opacity .2s,transform .08s}.bottom-nav .tab:hover{background:#ffffff0f;opacity:1}.bottom-nav .tab.active{background:#22d3ee2e;color:#e2e8f0}.bottom-nav .tab svg{fill:currentColor;height:20px;width:20px}.bottom-nav .tab-label{align-items:center;display:flex;flex-direction:column;line-height:1.1}.bottom-nav .tab-label .l1,.bottom-nav .tab-label .l2{font-size:11px;white-space:nowrap}@media (max-width:991.98px){.container,.page-content,body{padding-bottom:82px;padding-bottom:calc(var(--bottom-nav-h) + 10px)}}.sm-overlay{background:#00000059;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:80}.sm-overlay.open{opacity:1;pointer-events:auto}.sm-drawer{background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;inset:0 auto 0 0;max-width:88vw;position:fixed;transform:translateX(-102%);transition:transform .25s ease;width:300px;z-index:90}.sm-header{border-bottom:1px solid #ffffff14;padding:14px 14px 10px;position:relative}.sm-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto;padding-bottom:12px}.sm-footer{background:#0b1220;border-top:1px solid #ffffff14;bottom:0;overflow:visible;padding:10px;position:-webkit-sticky;position:sticky}.sm-drawer.open{transform:translateX(0)}.sm-close{background:#0000;border:1px solid #ffffff2e;border-radius:6px;color:#e2e8f0;cursor:pointer;height:28px;position:absolute;right:8px;top:8px;width:28px}.sm-close:hover{background:#ffffff0f}.sm-user{align-items:center;display:flex;gap:10px}.sm-avatar{border:1px solid #ffffff40;border-radius:50%;height:40px;object-fit:cover;width:40px}.sm-avatar.placeholder{background:#ffffff26}.sm-user-info .sm-username{font-weight:700}.sm-user-info .sm-role{font-size:.85rem;opacity:.75}.sm-section{border-bottom:1px solid #ffffff0f;padding:8px 6px}.sm-section:last-of-type{border-bottom:none}.sm-section-title{font-size:.78rem;letter-spacing:.08em;opacity:.7;padding:6px 10px;text-transform:uppercase}.sm-item{align-items:center;border-radius:10px;color:#e2e8f0;display:flex;gap:10px;padding:10px 12px;text-decoration:none;transition:background .2s,color .2s}.sm-item:hover{background:#ffffff12}.sm-item.active{background:#22d3ee2e;color:#e2e8f0}.sm-disabled{background:#0000!important;cursor:not-allowed;opacity:.45;pointer-events:none}.sm-icon{text-align:center;width:22px}.sm-select-wrap{gap:12px}.sm-select{background:#0b1220;border:1px solid #ffffff2e;border-radius:8px;color:#e2e8f0;font-size:.9rem;padding:6px 8px}.sm-login-btn,.sm-logout-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;padding:10px 12px;text-decoration:none;transition:filter .15s;width:100%}.sm-logout-btn{background:#dc2626;border-bottom-left-radius:14px;border-top-left-radius:14px;color:#fff;margin-left:-12px;padding:12px 14px;width:calc(100% + 12px)}.sm-logout-btn:hover{filter:brightness(.95)}.sm-login-btn{background:#22d3ee;color:#0b1220}.sm-login-btn:hover{filter:brightness(.95)}.sm-copy{font-size:.8rem;margin-top:8px;opacity:.65;text-align:center}.sm-badge{align-items:center;background:#ef4444;border-radius:1rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:1.25rem;justify-content:center;margin-left:auto;min-width:1.5rem;padding:0 .4rem}@media (max-width:480px){.sm-drawer{width:270px}.sm-item{padding:9px 10px}.sm-logout-btn{margin-left:-10px;width:calc(100% + 10px)}}.containerLogin{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;font-family:Segoe UI,Arial,sans-serif;margin:40px auto;padding:24px;transition:transform .2s ease,box-shadow .2s ease;width:400px}.containerLogin:hover{box-shadow:0 10px 24px #0000001f;transform:translateY(-2px)}.containerLogin h2{color:#0f172a;font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.containerLogin label{color:#0f172a;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.containerLogin input{background:#f9fafb;border:1px solid #cbd5e1;border-radius:10px;font-size:.95rem;margin-bottom:18px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.containerLogin input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e940;outline:none}.containerLogin select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%230f172a%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.25 7.5l4.75 4.75L14.75 7.5%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:18px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.containerLogin select:hover{background-color:#fff}.containerLogin select:focus{background-color:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e940;outline:none}.google-only{margin-top:14px}.containerLogin .primary-btn{background:linear-gradient(90deg,#0ea5e9,#0369a1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:background .2s ease,transform .2s ease,opacity .2s ease;width:100%}.containerLogin .primary-btn:hover{background:linear-gradient(90deg,#0284c7,#075985);transform:translateY(-1px)}.containerLogin .primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.privacy-consent{align-items:flex-start;color:#0f172a;display:flex;font-size:.9rem;gap:10px;margin:10px 0 14px}.privacy-consent input[type=checkbox]{cursor:pointer;margin-top:4px;width:auto}.privacy-consent label{font-weight:500;line-height:1.4;margin:0}.privacy-link{background:none!important;border:none!important;border-radius:0!important;color:#0ea5e9;cursor:pointer;display:inline;font:inherit;margin:0 4px;padding:0!important;text-decoration:underline;width:auto!important}.privacy-link:hover{color:#0284c7}.privacy-link:focus{outline:none}.forgot-password-link,.register-link{font-size:.9rem;margin-top:14px;text-align:center}.forgot-password-link a,.register-link a{color:#0ea5e9;font-weight:600;text-decoration:none}.forgot-password-link a:hover,.register-link a:hover{text-decoration:underline}@media (max-width:768px){.containerLogin{padding:18px;width:85%}.containerLogin h2{font-size:20px}}@media (max-width:480px){.containerLogin{padding:15px;width:95%}.containerLogin h2{font-size:18px;padding:8px 12px}.containerLogin .primary-btn,.containerLogin input,.containerLogin select{font-size:.9rem;padding:10px}}:root{--primary:#0ea5e9;--primary-dark:#0284c7;--danger:#dc2626;--danger-dark:#b91c1c;--text:#0f172a;--muted:#64748b;--card-bg:#fff;--page-bg:#f6f8fb;--border:#e5e7eb;--ring:#0ea5e947;--shadow:0 10px 30px #02061714;--shadow-soft:0 6px 18px #0206170f}.profile-page{background:#f6f8fb;background:var(--page-bg);min-height:100vh;padding:26px 16px}.profile-container1{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:380px 1fr;margin:0 auto;max-width:1100px}.profile-container1>h1{color:#0f172a;color:var(--text);font-size:26px;font-weight:900;grid-column:1/-1;margin:0 0 6px}.profile-form-card,.profile-left-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 18px #0206170f;box-shadow:var(--shadow-soft);padding:16px}.profile-left-card{display:flex;flex-direction:column;gap:12px}.profile-form-card h2{color:#0f172a;color:var(--text);font-size:18px;font-weight:800;margin:2px 0 14px}.empty-card{aspect-ratio:1/1;background-color:#fafafa;background-position:50%!important;background-size:cover!important;border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:18px;box-shadow:inset 0 1px 0 #ffffffb3;margin:10px auto 2px;max-width:260px;width:100%}.custom-file-upload1 input[type=file]{display:none}.custom-file-upload1{align-items:center;background:#0ea5e9;background:var(--primary);border:1px solid #0000;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;margin:0 auto;min-width:180px;padding:10px 14px;transition:transform .06s ease,filter .2s ease,background .2s ease}.custom-file-upload1:hover{background:#0284c7;background:var(--primary-dark)}.custom-file-upload1:active{transform:translateY(1px)}.profile-meta{padding-top:6px;text-align:center}.profile-meta h3{color:#0f172a;color:var(--text);font-size:18px;font-weight:900;margin:6px 0 4px}.profile-meta p{color:#64748b;color:var(--muted);font-size:14px;margin:0}.profile-meta strong{color:#0f172a;color:var(--text)}.delete-block{display:flex;justify-content:center;margin-top:10px}.profile-details1{width:100%}.profile-details1 form>div{margin-bottom:12px}.profile-details1 label{color:#0f172a;color:var(--text);display:block;font-size:.9rem;font-weight:800;margin-bottom:6px}.profile-details1 input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-sizing:border-box;color:#0f172a;color:var(--text);font-size:.95rem;padding:11px 12px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.profile-details1 input:focus{border-color:#0ea5e9;border-color:var(--primary);box-shadow:0 0 0 4px #0ea5e947;box-shadow:0 0 0 4px var(--ring);outline:none}.form-actions{display:flex;gap:10px;margin-top:14px}.profile-page .btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:900;justify-content:center;padding:10px 14px;transition:transform .06s ease,filter .2s ease,background-color .2s ease;-webkit-user-select:none;user-select:none}.profile-page .btn:active{transform:translateY(1px)}.profile-page .btn-primary{background:#0ea5e9;background:var(--primary);color:#fff}.profile-page .btn-primary:hover{background:#0284c7;background:var(--primary-dark)}.profile-page .btn-danger{background:#dc2626;background:var(--danger);color:#fff}.profile-page .btn-danger:hover{background:#b91c1c;background:var(--danger-dark)}.profile-page .danger-delete-account-btn{box-shadow:0 10px 30px #02061714;box-shadow:var(--shadow);max-width:260px;text-align:center;width:100%}@media (max-width:900px){.profile-container1{grid-template-columns:1fr}.profile-form-card,.profile-left-card{padding:14px}.custom-file-upload1{min-width:170px}}@media (max-width:480px){.profile-page{padding:16px 12px}.profile-container1>h1{font-size:22px}.custom-file-upload1{min-width:150px;padding:9px 12px}.profile-details1 input{padding:10px 11px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.service-profile{align-items:flex-start;padding:10px}.profile-nav{background-color:#f8f8f8;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;margin-bottom:20px;padding:10px;width:100%}.nav-item{color:#007bff;margin-right:15px;padding:10px 20px;text-decoration:none}.nav-item.active{color:#0056b3;font-weight:700}.profile-content{padding:20px 0}@media (max-width:768px){.service-profile{padding:5px}.profile-nav{align-items:flex-start;flex-direction:column;padding:10px;width:100%}.nav-item{margin-bottom:10px;padding:8px 15px;text-align:center;width:100%}.profile-content{padding:15px 0}}@media (max-width:480px){.profile-nav{padding:5px}.nav-item{font-size:14px;margin-bottom:8px;padding:6px 10px}.profile-content{padding:10px 0}}.services-container{max-width:1200px}.services-container h3{background-color:#004691;border-radius:8px;color:#f1f1f1;font-size:24px;padding:10px 15px}.service-card-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-card.empty-card{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;color:#64748b;cursor:pointer;display:flex;justify-content:center;min-height:160px;transition:all .2s ease}.service-card.empty-card:hover{background:#f1f5f9;transform:scale(1.02)}.modal-content input[type=text],.modal-content select,.modal-content textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;margin-bottom:12px;padding:10px;width:100%}.modal-content input[type=checkbox]{margin-right:8px}@media (max-width:768px){.services-container{padding:15px}.modal-content{padding:16px}}@media (max-width:480px){.services-container{padding:10px}.modal-content{border-radius:10px;padding:16px}}.service-card-grid{gap:20px;justify-content:space-between}.service-card{max-width:600}.service-card:hover{transform:scale(1.05)}.service-card-content{background-color:#0009;border-radius:8px;color:#fff;padding:10px 15px;width:100%}.service-card-content h4{font-size:24px;margin:0}.service-card-content p{color:#e0e0e0;font-size:16px;margin:5px 0}.service-card-button-container{justify-content:center;padding:10px}.service-card-custom-file-upload{background-color:initial;height:0}.service-card-custom-file-upload input[type=file]{display:none}.service-card-button-image{cursor:pointer;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.service-card-button-image img{border-radius:50%;height:50px;opacity:.8;width:50px}.service-card{border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-basis:calc(33.333% - 20px);flex-grow:1;flex-shrink:1;gap:20px;margin-bottom:20px;max-width:405px;position:relative;transition:transform .3s ease}.package-details{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:10px}@media (max-width:768px){.service-card{flex:1 1 100%;max-width:600px}.service-card-grid{gap:15px}.service-card-button-container{flex-direction:column}}@media (max-width:480px){.service-card{flex:1 1 100%;max-width:600px}.service-card-button-container{align-items:center;flex-direction:column;padding:10px}}.packages{margin:0 auto;max-width:1200px;padding:20px}.packages h3{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:10px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin-bottom:20px;padding:10px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.packages h3:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.02)}.packages-selector{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.packages-selector label{color:#1e293b;font-size:.95rem;font-weight:600}.packages-selector select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;max-width:400px;padding:10px 14px;transition:all .2s ease;width:100%}.packages-selector select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e940;outline:none}.packages-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.package-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.package-card:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-3px)}.package-card-content h4{color:#0f172a;font-size:1.15rem;font-weight:700;margin-bottom:8px}.package-card-content p{color:#475569;font-size:.9rem;line-height:1.4;margin:4px 0}.package-card-content strong{font-weight:600}.package-card-buttons{display:flex;gap:12px;justify-content:space-between;margin-top:12px}.package-card-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 12px;transition:background .2s ease}.package-card-buttons button:first-child{background:#0ea5e9;color:#fff}.package-card-buttons button:first-child:hover{background:#0369a1}.package-card-buttons button:last-child{background:#dc2626;color:#fff}.package-card-buttons button:last-child:hover{background:#b91c1c}.modal-content{max-width:500px}.modal-content h4{font-size:1.2rem}.modal-content label{color:#1e293b;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.modal-content input,.modal-content textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;margin-bottom:12px;padding:10px;width:100%}.modal-content button{margin-right:8px}.modal-content button:first-of-type{background:#0ea5e9;color:#fff}.modal-content button:first-of-type:hover{background:#0369a1}.modal-content button:last-of-type{background:#e2e8f0;color:#1e293b}.modal-content button:last-of-type:hover{background:#cbd5e1}@media (max-width:768px){.packages{padding:12px}.packages-cards{grid-template-columns:1fr}.modal-content{padding:16px}}.service-profile{display:flex;flex-direction:column;gap:16px;padding:10px 0}.subnav{background:#0f172a;border-bottom:1px solid #ffffff14;border-radius:12px;border-top:1px solid #ffffff14;margin:0 auto;overflow:hidden;position:-webkit-sticky;position:sticky;top:var(--appbar-h);width:calc(100% - 10px);z-index:60}.subnav-inner{-webkit-overflow-scrolling:touch;grid-gap:0;align-items:stretch;display:grid;gap:0;grid-auto-columns:1fr;grid-auto-flow:column;overflow-x:auto}.subnav-inner::-webkit-scrollbar{height:6px}.subnav-inner::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:6px}.subtab{align-items:center;background:#0000;border-right:1px solid #ffffff14;color:#e2e8f0;display:inline-flex;flex:0 0 auto;font-size:.95rem;font-weight:600;justify-content:center;line-height:1.2;min-height:46px;padding:12px 14px;text-align:center;text-decoration:none;transition:background .2s,color .2s}.subtab:first-child{border-left:1px solid #ffffff14}.subtab:hover{background:#ffffff0f;color:#fff}.subtab.active{background:linear-gradient(180deg,#22d3ee,#06b6d4);border-right-color:#0000;color:#0b1220}.subtab-label{display:flex;flex-direction:column;gap:2px;line-height:1.1;max-width:100%}.subtab-label .l1,.subtab-label .l2{display:block;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-content{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000f;padding:16px;width:100%}.profile-content>*{margin-bottom:20px}.profile-content>:last-child{margin-bottom:0}@media (max-width:1280px){.subtab{font-size:.9rem;min-height:44px;padding:10px 11px}.subtab-label .l1,.subtab-label .l2{font-size:.86rem}}@media (max-width:1100px){.subtab{font-size:.88rem;min-height:42px;padding:9px 10px}.subtab-label .l1,.subtab-label .l2{font-size:.84rem}}@media (max-width:900px){.subtab{font-size:.86rem;min-height:40px;padding:8px 10px}.subtab-label .l1,.subtab-label .l2{font-size:.82rem}}@media (max-width:768px){.subnav-inner{display:flex}.subtab{font-size:.84rem;letter-spacing:0;min-height:38px;padding:7px 8px}.subtab-label{gap:1px}.subtab-label .l1,.subtab-label .l2{font-size:.8rem}.profile-content{border-radius:12px;padding:12px}}@media (max-width:640px){.subtab{font-size:.82rem;min-height:36px;padding:6px 8px}.subtab-label .l1,.subtab-label .l2{font-size:.78rem}.subnav-inner::-webkit-scrollbar{height:5px}}@media (max-width:560px){.subtab{font-size:.8rem;min-height:34px;padding:6px 7px}.subtab-label .l1,.subtab-label .l2{font-size:.76rem}}@media (max-width:480px){.subtab{font-size:.78rem;min-height:32px;padding:5px 7px}.subtab-label .l1,.subtab-label .l2{font-size:.74rem}.profile-content,.subnav{border-radius:10px}.profile-content{padding:10px}}@media (max-width:420px){.subtab{font-size:.76rem;min-height:30px;padding:5px 6px}.subtab-label .l1,.subtab-label .l2{font-size:.72rem}.subnav-inner::-webkit-scrollbar{height:4px}}@media (max-width:360px){.subtab{font-size:.74rem;min-height:28px;padding:4px 6px}.subtab-label{gap:0}.subtab-label .l1,.subtab-label .l2{font-size:.7rem}}@media (max-width:320px){.subtab{font-size:.7rem;min-height:26px;padding:3px 5px}.subtab-label .l1,.subtab-label .l2{font-size:.66rem}}.modal,.modal-content{overflow-y:auto}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:95vh;max-width:1000px;text-align:center;width:80%}.close-icon{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:none;color:#333;font-size:20px;font-weight:500;height:32px;touch-action:manipulation;width:32px;z-index:3}.close-icon:hover{color:#000;transform:scale(1.08);transition:color .2s,transform .2s}.calendar-container{max-height:75vh;overflow-y:auto}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.bookings-table{border-collapse:collapse;margin-top:20px;width:100%}.bookings-table td,.bookings-table th{border:1px solid #ccc;padding:8px;text-align:left}.bookings-table th{background-color:#f2f2f2}.bookings-table td button{margin-right:8px;margin-top:5px}button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 12px}.accept-btn{background-color:#4caf50!important;color:#fff!important}.accept-btn:hover{background-color:#388e3c!important}.refuse-btn{background-color:#f44336!important;color:#fff!important}.refuse-btn:hover{background-color:#d32f2f!important}.delete-btn{background-color:#b71c1c!important;color:#fff!important}.delete-btn:hover{background-color:#9a0007!important}.move-btn{background-color:#2196f3;color:#fff}.move-btn:hover{background-color:#1976d2}.rename-btn{background-color:#9c27b0;color:#fff}.rename-btn:hover{background-color:#7b1fa2}.confirm-btn{background-color:#4caf50;color:#fff;margin:0 10px}.confirm-btn:hover{background-color:#388e3c}.cancel-btn{background-color:#9e9e9e;margin:0 10px}.cancel-btn:hover{background-color:#757575}.booking-form{margin-top:20px}.booking-form input[type=text]{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:60%}.client-packages-section{border-top:1px solid #e5e5e5;margin-top:18px;padding-top:14px;text-align:left}.client-packages-header{margin-bottom:10px}.client-packages-picker{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.client-packages-picker label{font-weight:700}.client-packages-picker select{border:1px solid #ccc;border-radius:6px;min-width:240px;padding:8px 10px}.client-packages-table{border-collapse:collapse;margin-top:12px;width:100%}.client-packages-table td,.client-packages-table th{border:1px solid #ccc;padding:8px;text-align:left}.client-packages-table th{background:#f2f2f2;font-weight:800}@media (max-width:768px){.modal-content{width:90%}.modal-actions{flex-direction:column}.calendar-container{max-height:60vh}.bookings-table{font-size:.9rem}.bookings-table td button{margin-bottom:6px;width:100%}.modal-actions button{margin-bottom:10px;width:100%}.client-packages-picker select{min-width:0;width:100%}}@media (max-width:480px){.close-icon{font-size:18px;height:28px;width:28px}.calendar-container{max-height:50vh}.modal-actions{gap:10px}.bookings-table{font-size:.8rem}.delete-btn,.move-btn{font-size:.9rem}.bookings-table td button,.modal-actions button{width:100%}}.appointments-container{background-color:#f8f8f8;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.appointments-title{color:#333;font-size:28px;margin-bottom:20px;text-align:center}.form-select-group{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.capacity-select,.service-select,.slot-select{max-width:400px;width:100%}.capacity-select label,.service-select label,.slot-select label{display:block;font-weight:700;margin-bottom:5px}.capacity-select select,.service-select select,.slot-select select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:16px;padding:10px;width:100%}.capacity-select select:focus,.service-select select:focus,.slot-select select:focus{border-color:#007bff;outline:none}.form-select-group select:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.fc-timegrid-slot{height:80px!important}.fc-toolbar-title{color:#333;font-size:22px;font-weight:700}.fc-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 2px;padding:8px 12px;transition:background-color .3s}.fc-button-primary:not(:disabled).fc-button-active,.fc-button-primary:not(:disabled):active,.fc-button:hover{background-color:#0056b3}.fc-daygrid-day-frame{min-height:120px}.fc-event{font-size:14px}.appointments-list{margin-top:20px}.appointments-table{border-collapse:collapse;width:100%}.appointments-table td,.appointments-table th{border:1px solid #ddd;padding:12px;text-align:left}.appointments-table th{background-color:#f0f0f0}.cancel-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;margin-right:5px;padding:8px 12px;transition:background-color .3s}.edit-btn{background-color:#ffc107;color:#fff}.edit-btn:hover{background-color:#e0a800}.cancel-btn{background-color:#dc3545;color:#fff}.cancel-btn:hover{background-color:#c82333}.modal{background-color:#00000080;box-sizing:border-box;height:100%;left:0;padding:12px;top:0;width:100%}.modal-content{border-radius:5px;box-sizing:border-box;max-width:720px;padding:20px}.modal-content button{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.modal-content .action-row,.modal-content .button-row,.modal-content .buttons-row,.modal-content .modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.appointments-container h1{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:10px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin-bottom:20px;padding:10px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.appointments-container h1:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.02)}@media (max-width:768px){.appointments-container{padding:15px}.appointments-title{font-size:24px;margin-bottom:15px}.form-select-group{flex-direction:column;gap:15px}.capacity-select,.service-select,.slot-select{max-width:100%;width:100%}.fc-toolbar-title{font-size:18px}.fc-button{padding:6px 10px}.fc-event{font-size:12px}.modal-content{max-height:88vh;padding:16px}.modal-content .action-row,.modal-content .button-row,.modal-content .buttons-row,.modal-content .modal-actions{align-items:stretch;flex-direction:column}.modal-content .action-row button,.modal-content .button-row button,.modal-content .buttons-row button,.modal-content .modal-actions button{width:100%}}@media (max-width:480px){.appointments-container{padding:10px}.appointments-title{font-size:20px;margin-bottom:10px}.form-select-group{gap:10px}.capacity-select select,.service-select select,.slot-select select{font-size:14px;padding:8px}.fc-button{font-size:12px;padding:5px 8px}.fc-event{font-size:10px}.modal{padding:10px}.modal-content{max-height:90vh;padding:14px}}.client-list{background:#fff;border-radius:14px;box-shadow:0 6px 16px #00000014;overflow:hidden;padding:20px;width:100%}.client-title{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:10px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin-bottom:20px;padding:10px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.client-title:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.02)}.loading{color:#64748b;font-style:italic;text-align:center}.table-wrapper{width:100%}.client-table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 10px #0000000d;overflow:hidden;width:100%}.client-table td,.client-table th{background:#fff;border-bottom:1px solid #e2e8f0;font-size:.95rem;padding:12px 14px;text-align:left;vertical-align:middle}.client-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#0f172a;font-weight:700}.client-table tr:hover td{background:#f9fbfd}.client-table tr:last-child td{border-bottom:none}.status.active{color:#16a34a;font-weight:700}.status.blocked{color:#dc2626;font-weight:700}.client-card button,.client-table button{border:none;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:700;padding:8px 12px;transition:background .2s ease,transform .08s ease,box-shadow .2s ease}.client-card button:hover,.client-table button:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.block-btn{background:#dc2626;color:#fff}.block-btn:hover{background:#b91c1c}.unblock-btn{background:#16a34a;color:#fff}.unblock-btn:hover{background:#15803d}.cards-wrapper{grid-gap:12px;display:grid;gap:12px}.client-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 14px #0000000f;padding:12px}.client-card .row{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:1fr 1fr}.client-card .row+.row{margin-top:10px}.client-card .cell{display:flex;flex-direction:column;gap:4px;min-width:0}.client-card .label{color:#64748b;font-size:.74rem;font-weight:600;letter-spacing:.2px}.client-card .value{color:#0f172a;font-size:.95rem;font-weight:600}.client-card .value.break{overflow-wrap:anywhere;word-break:break-word}.status-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-badge{border:1px solid #0000;border-radius:999px;font-size:.8rem;font-weight:800;padding:5px 10px}.status-badge.active{background:#d1fae5;border-color:#10b981;color:#065f46}.status-badge.blocked{background:#fee2e2;border-color:#ef4444;color:#7f1d1d}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:992px){.client-list{border-radius:12px;padding:18px}.client-title{font-size:21px}.client-table td,.client-table th{font-size:.92rem;padding:10px 12px}.client-table button{font-size:.85rem;padding:7px 10px}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:grid}.client-list{padding:15px}.client-card .value{font-size:.92rem}.client-card button{font-size:.84rem;padding:7px 10px}}@media (max-width:480px){.client-list{padding:12px}.client-title{font-size:20px}.client-card{padding:10px}.client-card .row{gap:8px 8px}.status-wrap{gap:6px}.client-card button{font-size:.8rem;padding:6px 9px}}.vacations{margin:0 auto;max-width:1200px;padding:20px}.vacations h3{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:10px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin-bottom:20px;padding:10px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.vacations h3:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.02)}.vacations-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.vacations-actions button{background:#0ea5e9;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px;transition:background .2s ease,transform .15s ease}.vacations-actions button:hover{background:#0369a1;transform:translateY(-1px)}.vacation-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vacation-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.vacation-card:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-3px)}.vacation-card-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.vacation-range{color:#0f172a;font-size:1.05rem;font-weight:800;margin:0}.badge-all-day{background:#10b981;border-radius:999px;color:#fff;font-size:.75rem;font-weight:800;padding:4px 8px;white-space:nowrap}.vacation-note,.vacation-service{color:#475569;font-size:.92rem;line-height:1.4;margin:6px 0}.vacation-note strong,.vacation-service strong{color:#0f172a}.vacation-card-buttons{display:flex;gap:12px;margin-top:12px}.vacation-card-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 12px;transition:background .2s ease}.vacation-card-buttons button:first-child{background:#0ea5e9;color:#fff}.vacation-card-buttons button:first-child:hover{background:#0369a1}.vacation-card-buttons button:last-child{background:#dc2626;color:#fff}.vacation-card-buttons button:last-child:hover{background:#b91c1c}.empty-card{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;color:#64748b;cursor:pointer;display:flex;justify-content:center;min-height:140px;transition:all .2s ease}.empty-card:hover{background:#f1f5f9;transform:scale(1.02)}.vacation-card-content h4{color:#0f172a;font-size:1.05rem;font-weight:700;margin-bottom:6px}.vacation-card-content p{font-size:.9rem;margin:0}@media (max-width:768px){.vacations{padding:12px}.vacation-cards{grid-template-columns:1fr}}.bookings-container{margin:0 auto;max-width:1400px;padding:20px}.bookings-container h2{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:10px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin-bottom:20px;padding:10px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.bookings-container h2:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.02)}.bookings-list,.service-card-grid,.service-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:center}.service-card-background{border-radius:12px}.service-card-content{padding:14px}.service-card-content h4{margin:0 0 8px}.service-card-content p{color:#475569;font-size:.92rem}.service-card-package-details p,.service-card-user-details p{margin:4px 0}.status-banner{border-radius:8px 8px 0 0;font-size:16px;font-weight:700;letter-spacing:.4px;padding:8px 12px;text-align:center}.status-confirmed{background-color:#16a34a;color:#fff}.status-pending{background-color:#facc15;color:#1e293b}.status-rejected{background-color:#dc2626;color:#fff}.package-table{margin-top:8px}.package-table td,.package-table th{font-size:.85rem;padding:6px 8px}.package-table th{font-weight:600}.service-card-button-container button{transition:background .2s ease,transform .1s ease}.service-card-button-container button:hover{background:#0369a1;transform:translateY(-1px)}@media (max-width:768px){.bookings-container{max-width:100%;padding:15px}.service-card-grid{gap:18px}.service-card-button-container{flex-direction:column}.service-card-button-container button{width:100%}}@media (max-width:480px){.bookings-container h2{font-size:20px;padding:8px 12px}.service-card-content h4{font-size:1rem}.service-card-content p{font-size:.85rem}}.services-container{margin:0 auto;max-width:1400px;padding:20px}.category-filter{margin-bottom:16px}.category-dropdown,.category-filter{position:relative;width:100%}.category-dropdown-button{align-items:center;background:#0f172a;border:1px solid #d1d5db;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.category-dropdown-button:hover{background:#1e293b}.dropdown-caret{display:inline-flex;font-size:14px;opacity:.9;transform:rotate(0deg);transition:transform .2s ease}.dropdown-caret.open{transform:rotate(180deg)}.category-dropdown-menu{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 10px 26px #00000024;left:0;max-height:420px;overflow-y:auto;padding:12px;position:absolute;top:110%;width:100%;z-index:10}.category-dropdown-menu--cards{grid-gap:12px;align-content:start;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(240px,1fr))}.category-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 16px #0f172a0f;display:flex;flex-direction:column;min-height:80px;overflow:hidden}.category-group-card-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:.9rem;font-weight:800;padding:10px 12px}.category-group-card-body{display:flex;flex-direction:column;gap:6px;padding:8px}.category-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:.92rem;font-weight:700;padding:10px;text-align:left;transition:transform .08s ease,background .15s ease,border .15s ease,box-shadow .15s ease;width:100%}.category-card-item:hover{background:#f8fafc;border-color:#cbd5e1}.category-card-item:active{transform:scale(.99)}.category-card-item.selected{background:#e0f2fe;border-color:#38bdf8;box-shadow:0 0 0 2px #0ea5e92e}.filters-row{align-items:flex-end;display:flex;gap:16px;margin-bottom:16px}.city-filter,.country-filter{margin-bottom:0;width:100%}.filter-label{color:#0f172a;display:block;font-weight:700;margin-bottom:6px;text-align:center}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#0f172a;cursor:pointer;font-size:.95rem;font-weight:600;outline:none;padding:12px 14px;transition:border .2s ease,box-shadow .2s ease;width:100%}.filter-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e940}.filter-select option{background:#fff;color:#0f172a}.service-card-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}.service-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;flex:1 1 320px;flex-direction:column;justify-content:space-between;min-width:320px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-3px)}.service-card-background{border-radius:12px 12px 0 0;overflow:hidden;position:relative}.service-card-content{background:#ffffffe6;bottom:0;left:0;padding:12px 14px;position:absolute;right:0;text-align:center}.service-card-content h4{color:#0f172a;font-size:1.2rem;font-weight:700;margin:0 0 6px}.service-card-content p{color:#334155;font-size:.9rem;line-height:1.4}.service-card-details{background:#f9fafb;border-top:1px solid #e2e8f0;color:#334155;font-size:.9rem;padding:14px}.service-card-user-details p{margin:4px 0}.service-card-button-container{display:flex;gap:10px;padding:12px}.service-card-button-container button{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:background .2s ease}.service-card-button-container button:hover{background:#0284c7}.modal{background:#0f172a8c;padding:18px;z-index:50}.modal-content{border-radius:12px;box-shadow:0 16px 40px #00000040;height:70vh;max-width:900px;overflow:hidden;padding:14px;width:95%}.close-icon{background:#0000;border-radius:8px;padding:6px 10px}.close-icon:hover{background:#f1f5f9}@media (max-width:1024px){.category-dropdown-menu--cards{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width:768px){.services-container{padding:15px}.filters-row{align-items:stretch;flex-direction:column;gap:12px}.category-dropdown-menu{max-height:520px}.category-dropdown-menu--cards{grid-template-columns:1fr}.service-card-grid{gap:18px}}@media (max-width:480px){.service-card-button-container{flex-direction:column}.service-card-button-container button{width:100%}.service-card{flex:1 1 260px;min-width:260px}}.booking-container{margin:0 auto;max-width:1400px;padding:20px}.profile-container2{align-items:flex-start;background:#f9fafb;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:20px;margin-bottom:20px;padding:16px 20px}.profile-details2 p{color:#1e293b;font-size:.95rem;margin:6px 0}.profile-details2 strong{color:#0f172a}.services-container h3{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:10px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin-bottom:20px;padding:10px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.services-container h3:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.02)}.slot-select select{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.95rem;padding:8px 12px;transition:box-shadow .2s ease}.slot-select select:hover{box-shadow:0 4px 8px #00000026}.booked-event.user-booked{background-color:initial;border:2px solid #470000;font-weight:400}.modal-content{max-height:85vh;overflow:auto}.modal-content .package-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:10px;margin:10px 0 14px;overflow:hidden;width:100%}.modal-content .package-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:.9rem;font-weight:800;padding:10px;text-align:left}.modal-content .package-table td{border-bottom:1px solid #eef2f7;color:#1e293b;font-size:.9rem;padding:10px;vertical-align:top}.modal-content .package-table tbody tr:last-child td{border-bottom:none}.modal-content .package-table td button{border-radius:8px;font-size:.85rem;margin-top:0;padding:8px 12px}.modal-content button{transition:background .2s ease}.close-icon{font-size:16px;font-weight:700;height:24px;right:10px;top:10px;transition:background .15s ease,color .15s ease;width:24px;z-index:5}@media (max-width:768px){.booking-container{padding:12px}.modal-content{max-height:88vh;padding:18px}.profile-container2{flex-direction:column;gap:10px}.modal-content .package-table{background:#0000;border:none;border-collapse:initial;border-radius:0;border-spacing:0;overflow:visible}.modal-content .package-table thead{display:none}.modal-content .package-table tbody{display:block;width:100%}.modal-content .package-table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 14px #0000000f;display:block;margin-bottom:10px;padding:10px;width:100%}.modal-content .package-table tbody tr:last-child{margin-bottom:0}.modal-content .package-table tbody td{align-items:flex-start;border:none;color:#1e293b;display:flex;font-size:.9rem;gap:10px;justify-content:space-between;overflow-wrap:anywhere;padding:8px 6px;word-break:break-word}.modal-content .package-table tbody td:before{color:#0f172a;content:attr(data-label);flex:0 0 40%;font-weight:800;max-width:40%;opacity:.9}.modal-content .package-table tbody td:last-child button{font-size:.9rem;padding:10px 12px;width:100%}}@media (max-width:480px){.services-container h3{font-size:18px;padding:8px 12px}.modal-content{border-radius:10px;max-height:90vh;padding:16px}.modal-content .package-table tbody td{font-size:.88rem;padding:7px 6px}.modal-content .package-table tbody td:before{flex-basis:44%;max-width:44%}.close-icon{font-size:15px;height:22px;right:8px;top:8px;width:22px}}.booking-details-container3{margin:0 auto;max-width:1400px;padding:20px}.profile-container3{align-items:flex-start;background:#f9fafb;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:20px;margin-bottom:20px;padding:16px 20px}.profile-details3{flex-grow:1;text-align:left}.profile-details3 p{color:#1e293b;font-size:.95rem;margin:6px 0}.profile-details3 strong{color:#0f172a}.calendar-container{margin-top:20px}.user-booked{border:2px solid #470000!important}.modal{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-content{animation:fadeInUp .25s ease;background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000040;max-width:700px;padding:24px;position:relative;text-align:left;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content h4{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:14px}.package-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:12px 14px;transition:transform .2s ease}.package-item:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.package-item p{color:#1e293b;font-size:.9rem;margin:4px 0}.modal-content button{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:8px;padding:10px 16px;transition:background .2s ease,transform .1s ease}.modal-content button:hover{background:#0369a1;transform:translateY(-1px)}.modal-content button.delete{background:#dc2626}.modal-content button.delete:hover{background:#b91c1c}.close-icon{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:all .2s ease;width:36px}.close-icon:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.package-table{border-collapse:collapse;margin:10px 0 16px;width:100%}.package-table td,.package-table th{border:1px solid #e2e8f0;color:#0f172a;font-size:.9rem;padding:8px 10px;text-align:left}.package-table th{background:#f1f5f9;font-weight:700}@media (max-width:768px){.booking-details-container3{padding:12px}.modal-content{max-width:90%;padding:18px}.profile-container3{flex-direction:column;gap:10px}}@media (max-width:480px){.modal-content{border-radius:10px;padding:16px}.modal-content h4{font-size:1.1rem}.package-item p{font-size:.88rem}.package-table td,.package-table th{font-size:.85rem}}.statistics-container{font-family:Segoe UI,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.statistics-container h2{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:10px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin-bottom:20px;padding:10px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.statistics-container h2:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.02)}.stats-cards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.stats-card{background:#fff;border:1px solid #eef2f7;border-radius:14px;box-shadow:0 4px 12px #00000014;padding:18px 20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-3px)}.stats-card h4{color:#475569;font-size:.95rem;font-weight:700;letter-spacing:.2px;margin:0 0 8px}.stats-card p{color:#0f172a;font-size:1.6rem;font-weight:800;margin:0}.stats-section{margin-bottom:26px}.stats-section h3{color:#0f172a;font-size:1.05rem;font-weight:800;letter-spacing:.2px;margin:0 0 12px}.stats-list{display:flex;flex-direction:column;gap:10px}.stats-list-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px;transition:background .2s ease,transform .15s ease}.stats-list-item:hover{background:#f1f5f9;transform:translateY(-1px)}.stats-list-item>span:first-child{color:#0f172a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:linear-gradient(180deg,#22d3ee,#06b6d4);border:1px solid #0b12200d;border-radius:999px;color:#0b1220;font-size:.9rem;font-weight:800;min-width:40px;padding:4px 10px;text-align:center}.stats-error,.stats-loading{font-size:1rem;margin-top:40px;text-align:center}.stats-error{color:#dc2626;font-weight:700}@media (max-width:900px){.statistics-container{padding:16px}.stats-card p{font-size:1.4rem}}@media (max-width:600px){.statistics-container h2{border-radius:10px;font-size:20px;padding:8px 14px}.stats-cards{gap:14px}.stats-card{padding:16px}.stats-card p{font-size:1.3rem}.stats-list-item{padding:10px 12px}}.noti-wrap{margin:0 auto;max-width:900px;padding:16px}.noti-header{flex-wrap:wrap;gap:12px 16px;margin-bottom:16px}.noti-header,.noti-title{align-items:center;display:flex}.noti-title{gap:8px;margin-right:auto}.noti-title h1{font-size:1.25rem;margin:0}.noti-chip{background:#e5e7eb;border-radius:999px;font-size:.85rem;padding:2px 10px}.noti-actions{flex-wrap:wrap;gap:8px}.noti-actions,.noti-field{align-items:center;display:flex}.noti-field{gap:6px}.noti-field input[type=search],.noti-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;height:34px;outline:none;padding:0 10px}.noti-wrap .noti-btn,.noti-wrap .noti-small{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;display:inline-flex;font-size:.9rem;height:34px;justify-content:center;line-height:1;padding:0 12px;text-decoration:none}.noti-wrap .noti-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.noti-wrap .noti-small{height:30px}.noti-wrap .noti-small.danger{background:#fff;border-color:#ef4444;color:#b91c1c}.noti-wrap .noti-btn:hover,.noti-wrap .noti-small:hover{background:#f3f4f6}.noti-wrap .noti-btn.primary:hover{filter:brightness(.95)}.noti-wrap .noti-small.danger:hover{background:#fee2e2}.noti-wrap .noti-btn:disabled,.noti-wrap .noti-small:disabled{cursor:not-allowed;opacity:.6}.noti-field input[type=search]:focus-visible,.noti-field select:focus-visible,.noti-wrap .noti-btn:focus-visible,.noti-wrap .noti-small:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.noti-alert{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;margin-bottom:12px;padding:10px 12px}.noti-empty{border:1px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:32px 16px;text-align:center}.noti-empty .noti-emoji{font-size:2rem;margin-bottom:8px}.noti-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.noti-item{grid-gap:10px;align-items:start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:10px;grid-template-columns:40px 1fr auto;padding:10px}.noti-item.is-unread{background:#f8fbff;border-color:#93c5fd}.noti-left .noti-icon{font-size:1.4rem}.noti-top{align-items:center;display:flex;gap:8px}.noti-title-line{align-items:center;display:inline-flex;gap:8px}.noti-time{color:#6b7280;font-size:.85rem;margin-left:auto}.noti-dot{background:#2563eb;border-radius:999px;display:inline-block;height:8px;width:8px}.noti-message{margin:6px 0 8px}.noti-link{color:#1d4ed8;display:inline-block;font-size:.9rem;text-decoration:underline}.noti-right{align-items:center;display:flex;gap:6px}.noti-item.level-success{border-left:4px solid #22c55e}.noti-item.level-info{border-left:4px solid #3b82f6}.noti-item.level-warning{border-left:4px solid #f59e0b}.noti-item.level-error{border-left:4px solid #ef4444}@media (max-width:600px){.noti-item{grid-template-columns:28px 1fr}.noti-right{grid-column:1/-1;justify-content:flex-end}}.privacy-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.privacy-wrap h1{font-size:1.5rem;margin-bottom:12px}.privacy-wrap section+section{margin-top:18px}.privacy-wrap h2{font-size:1.1rem;margin:0 0 6px}.privacy-wrap{line-height:1.6;margin:24px auto;max-width:900px;padding:0 16px 40px}.privacy-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.btn-back{-webkit-appearance:none;appearance:none;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:.95rem;padding:8px 12px;transition:background-color .15s ease,border-color .15s ease}.btn-back:hover{background:#eef2f7;border-color:#c7ccd4}
/*# sourceMappingURL=main.2fc92cf6.css.map*/