@import"https://fonts.googleapis.com/css2?family=Inter+Tight&family=Outfit&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-color: #c3050f;--hover-color: #7e050b;--secondary-color: #ff8c00;--background-color: #ffffff;--text-color: #333333;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#01294e;border-radius:0}body::-webkit-scrollbar-thumb{background-color:#eb2526;border-radius:0;border:3px solid #eb2526}body::-webkit-scrollbar-thumb:hover{background-color:#eb2526}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #c41019;--primary-light: #e6141f;--primary-dark: #a00d15;--background: #ebd9d9;--text-dark: #1a1a1a;--text-light: #666666;--border-color: #e0e0e0;--input-bg: #f5f5f7;--white: #ffffff;--success: #10b981;--error: #ef4444}.login-container-wrapper{min-height:100vh;padding:20px;width:100%;flex:1;background-color:var(--background);background-image:linear-gradient(90deg,rgba(255,255,255,.39) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.26) 1px,transparent 1px);background-size:50px 50px;color:var(--white);position:relative;display:flex;align-items:center;justify-content:center;padding:4rem;overflow:hidden}.login-container{display:flex;min-height:70vh;max-width:1200px;width:100%;background:var(--white);border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #c410191a;margin-top:100px}.login-section{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 40px;background:var(--white)}.login-form-container{width:100%;max-width:440px}.login-header{text-align:center;margin-bottom:40px}.login-title{font-size:42px;font-weight:700;color:var(--text-dark);margin-bottom:12px;letter-spacing:-.5px}.login-subtitle{font-size:15px;color:var(--text-light);font-weight:400;line-height:1.6}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-dark);margin-bottom:8px}.required{color:var(--primary-color)}.form-input{width:100%;padding:16px 20px 16px 50px;font-size:15px;border:2px solid transparent;background:var(--input-bg);border-radius:12px;outline:none;transition:all .3s ease;color:var(--text-dark);position:relative}.form-group{position:relative}.form-group:before{content:"";position:absolute;left:20px;top:50px;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;opacity:.5;pointer-events:none}.form-input:focus{background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px #c410191a}.form-input::placeholder{color:#999}.error-text{display:block;color:var(--error);font-size:13px;margin-top:6px;font-weight:500}.error-message{background:#fef2f2;border:1px solid #fecaca;color:var(--error);padding:14px 18px;border-radius:10px;font-size:14px;margin-bottom:24px;font-weight:500}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--success);padding:14px 18px;border-radius:10px;font-size:14px;margin-bottom:24px;font-weight:500}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-label{font-size:14px;color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none}.forgot-password{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.forgot-password:hover{opacity:.8;text-decoration:underline}.sign-in-btn{width:100%;padding:16px;background:var(--primary-color);color:var(--white);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #c410194d}.sign-in-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #c4101966}.sign-in-btn:active{transform:translateY(0)}.new-account{text-align:center;margin-top:24px;font-size:14px}.already-text{color:var(--text-light)}.sign-in-link{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;transition:opacity .2s;font-size:14px}.sign-in-link:hover{opacity:.8;text-decoration:underline}.need-help{text-align:center;margin-top:20px}.need-help-link{color:var(--text-light);font-size:14px;cursor:pointer;transition:color .2s}.need-help-link:hover{color:var(--primary-color)}.branding-section{flex:1;background-color:var(--primary-color);background-image:linear-gradient(135deg,rgba(255,255,255,.082) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(315deg,rgba(255,255,255,.05) 25%,transparent 25%);background-position:40px 0,40px 0,0 0,0 0;background-size:80px 80px;color:var(--white);position:relative;display:flex;align-items:center;justify-content:center;padding:4rem;overflow:hidden}.branding-section:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;top:-200px;right:-200px;filter:blur(60px)}.branding-logo{object-fit:contain;height:400px}.brand-icon{width:80px;height:80px;background:#ffffff40;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:40px;left:-20px}.brand-icon svg{width:48px;height:48px;color:var(--white);stroke-width:2.5}.brand-title{font-size:36px;font-weight:700;color:var(--white);margin-bottom:16px;letter-spacing:-.5px}.brand-description{font-size:16px;color:#ffffffe6;line-height:1.6;max-width:320px;margin:0 auto}@media (max-width: 1024px){.login-container{margin:20px;border-radius:24px}.branding-content{padding:60px 40px}}@media (max-width: 768px){.login-container{flex-direction:column;margin:60px 0 0;border-radius:0;min-height:100vh}.login-container-wrapper{padding:0}.branding-section{display:none!important}.branding-content{padding:40px 30px}.brand-title{font-size:28px}.brand-description{font-size:14px}.login-section{padding:40px 20px}.login-title{font-size:32px}.login-subtitle{font-size:14px}}@media (max-width: 480px){.login-form-container{max-width:100%}.form-row{flex-direction:column;align-items:flex-start;gap:12px}.forgot-password{align-self:flex-end}}.landing-header{position:fixed;top:0;left:0;width:100%;padding:16px 60px;display:flex;justify-content:center;align-items:center;background:transparent;z-index:1000;box-sizing:border-box;height:80px;box-shadow:0 4px 6px -4px #00000027}.header-left{display:flex;justify-content:flex-start;flex-direction:row!important}.logo img{width:140px;height:auto}.logo{margin-bottom:0!important}.auth-links{display:flex;gap:20px;align-items:flex-start;justify-content:flex-start}.auth-links .nav-links{margin-right:0;margin-left:20px}#register{background-color:#b61e1e;padding:4px 20px;border-radius:5px}.nav-links{display:flex;gap:30px;margin-right:30px;margin-left:60px}.nav-links a{text-decoration:none;font-size:1rem;transition:color .3s ease}.nav-links a:hover{color:#ffb6c1}.avatar-section{position:relative;display:flex;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid #fff;transition:transform .2s ease}.avatar:hover{transform:scale(1.05)}.avatar-dropdown{position:absolute;top:50px;right:0;background:#fffffff2;border-radius:8px;padding:8px 0;box-shadow:0 4px 10px #00000026;width:120px}.dropdown-option{display:flex;align-items:center;padding:8px 12px;gap:8px;color:#333;cursor:pointer;transition:background .3s ease}.dropdown-option:hover{background:#ffe6ee}.mobile-menu-icon{display:none;cursor:pointer;z-index:3000;position:relative}.mobile-sidebar{position:fixed;top:0;right:-250px;width:250px;height:100vh;background-color:#b61e1e;display:flex;flex-direction:column;padding:80px 20px;gap:20px;transition:right .3s ease-in-out;z-index:2000}.mobile-sidebar.open{right:0}.mobile-sidebar a{color:#fff;text-decoration:none;font-size:1.1rem}.sidebar-divider{height:1px;background:#ffffff4d;margin:10px 0}.sidebar-option{display:flex;align-items:center;gap:10px;color:#fff;cursor:pointer;transition:color .3s}.sidebar-option:hover{color:#ffb6c1}@media (max-width: 768px){.mobile-menu-icon{display:block;position:absolute;top:25px;right:25px}.mobile-sidebar{position:fixed;top:0;right:-250px;width:250px;height:100vh;background-color:#9c0909;display:flex;flex-direction:column;padding:80px 20px;gap:20px;transition:right .3s ease-in-out;z-index:2500}.mobile-sidebar.open{right:0}.mobile-sidebar a{color:#fff;text-decoration:none;font-size:1.1rem}.sidebar-divider{height:1px;background:#ffffff4d;margin:10px 0}.sidebar-option{display:flex;align-items:center;gap:10px;color:#fff;cursor:pointer;transition:color .3s}.sidebar-option:hover{color:#ffb6c1}.nav-links,.nav-links-sign,.avatar-section{display:none}.landing-header{padding:10px}}@media (max-width: 1024px){.header-left{display:flex;justify-content:flex-start;flex-direction:row}}body{background:var(--background);min-height:100vh}.register-container-wrapper{min-height:100vh;padding:20px;width:100%;flex:1;background-color:var(--background);background-image:linear-gradient(90deg,rgba(255,255,255,.39) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.26) 1px,transparent 1px);background-size:50px 50px;color:var(--white);position:relative;display:flex;align-items:center;justify-content:center;padding:4rem;overflow:hidden}.register-container{display:flex;min-height:60vh;max-width:1200px;width:100%;margin:100px auto 40px;background:var(--white);border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #c410191a}.register-section{flex:1;display:flex;align-items:center;justify-content:center;padding:10px}.register-form-container{width:100%;max-width:700px;padding:2rem}.register-header{text-align:center;margin-bottom:2rem}.register-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.form-group.full-width{width:100%!important;grid-column:1 / -1}.register-subtitle{color:#6b7280;font-size:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;margin-bottom:0}.form-group{margin-bottom:0!important;display:flex;flex-direction:column;min-height:90px}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.required{color:#ef4444}.input-wrapper{display:flex;flex-direction:column;flex:1}.form-input{width:100%;padding:1rem 1.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background-color:#fff9f9;text-align:left;font-family:Outfit,sans-serif;color:#000}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #af1eaf4d}.form-input::placeholder{color:#9ca3af}.form-input.error{border-color:#ef4444;background-color:#fef2f2}.form-row .form-group:has(.error-message){align-self:start}.error-message{display:block;color:#ef4444;font-size:.75rem;margin-top:.25rem;min-height:1rem;padding:6px 10px}.terms-group{display:flex;align-items:center;margin-bottom:1.5rem}.checkbox-input{width:1rem;height:1rem;margin-right:.5rem;accent-color:#22aadd;flex-shrink:0}.terms-label{font-size:.875rem;color:#374151;cursor:pointer}.terms-link{font-size:.875rem;color:#2ad;font-weight:500;margin-left:4px;transition:color .2s ease;text-decoration:none}.sign-up-btn{width:100%;padding:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-bottom:1rem}.sign-up-btn:hover{background-color:var(--hover-color)}.sign-up-btn:focus{outline:none;box-shadow:0 0 0 3px #af1eaf4d}.already-account{text-align:center}.already-text{font-size:.875rem;color:#6b7280}.sign-in-link{font-size:.875rem;color:#2ad;font-weight:500;transition:color .2s ease;background:none;border:none;cursor:pointer;padding:0}.sign-in-link:hover{color:var(--hover-color);text-decoration:underline}.branding-section{flex:1;background-color:var(--primary-color);position:relative;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.branding-section:before{content:"";position:absolute;inset:0}.brand-icon{width:5rem;height:5rem;display:inline-flex;align-items:center;justify-content:center}.brand-icon svg{width:5rem;height:5rem;color:#fff}.brand-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.brand-description{color:#ffffffe6;line-height:1.6;font-size:1rem}@media (max-width: 992px){.form-row{grid-template-columns:1fr}.form-group{min-height:auto}.register-form-container{max-width:500px}}@media (max-width: 768px){.register-container{flex-direction:column;margin:60px 0 0;border-radius:0;min-height:100vh}.register-container-wrapper{padding:0}.branding-section{display:none!important}.branding-content{padding:40px 30px}.brand-title{font-size:28px}.brand-description{font-size:14px}.login-section{padding:40px 20px}.login-title{font-size:32px}.login-subtitle{font-size:14px}}.success-message{background-color:#e6ffed;color:#0f5132;border:1px solid #badbcc;padding:10px 15px;border-radius:6px;font-size:18px;text-align:center;margin:20px}.footer{background-color:#111;color:#fff;padding:60px 20px 30px}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;max-width:1300px;margin:0 auto;gap:25px}.inactive-social-icons a{pointer-events:none;opacity:.4;cursor:not-allowed}.footer-column{flex:1;min-width:220px}.footer-about{flex:1.3;min-width:300px}.footer-logo{width:140px}.footer-description{font-size:15px;line-height:1.6;color:#ccc;margin-bottom:25px;max-width:320px}.social-icons{display:flex;gap:12px}.social-icons a{color:#fff;background:#222;padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.social-icons a:hover{background-color:#fa0015;transform:translateY(-3px)}.footer-links h3,.footer-lawyer-register h3,.footer-legal h3{font-size:18px;color:#fa0015;margin-bottom:10px}.footer-links ul,.footer-lawyer-register ul,.footer-legal ul{list-style:none;padding:0;margin:0}.footer-lawyer-register a{color:#ccc}.footer-links ul li,.footer-legal ul li{margin-bottom:8px}.footer-links ul li a,.footer-legal ul li a{color:#ccc;text-decoration:none;font-size:15px;transition:color .3s ease}.footer-links ul li a:hover,.footer-legal ul li a:hover{color:#fa0015}.footer-lawyer-register ul li{margin-bottom:8px;font-size:15px;color:#ccc;display:flex;align-items:center;gap:8px}.footer-lawyer-register .icon{color:#fa0015}.footer-bottom{border-top:1px solid #333;text-align:center;margin-top:35px;padding-top:20px;font-size:14px;color:#aaa}@media (max-width: 1024px){.footer-container{gap:20px}}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:center;align-items:center}.footer-about{flex:1}.footer-description{max-width:100%}.social-icons,.footer-lawyer-register ul li{justify-content:center}}body,html,#root{margin:0;padding:0;width:100%;overflow-x:hidden}.hero-container{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e3a8a,#0f172a);position:relative;overflow:hidden;width:100%;max-width:100vw;margin:0;padding:0}body{margin:0;padding:0;overflow-x:hidden}.hero-background{position:absolute;inset:0;overflow:hidden}.bg-blob{position:absolute;width:384px;height:384px;border-radius:50%;filter:blur(80px);animation:pulse 3s ease-in-out infinite}.blob-1{background:#3b82f633;top:-192px;left:-192px}.blob-2{background:#a855f733;top:50%;right:-192px;animation-delay:.7s}.blob-3{background:#06b6d41a;bottom:0;left:33.333%;animation-delay:1s}.hero-content{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:5rem 1rem 4rem}.hero-inner{text-align:center;display:flex;flex-direction:column;gap:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(96,165,250,.3);border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .8s ease-out;width:fit-content;margin:0 auto}.badge-icon{width:1rem;height:1rem;color:#60a5fa}.badge-text{font-size:.875rem;color:#bfdbfe}.hero-heading-section{display:flex;flex-direction:column;gap:1rem}.hero-title{font-size:3rem;font-weight:700;color:#fff;letter-spacing:-.025em;animation:slideUp .8s ease-out;line-height:1.1}.hero-title-gradient{display:block;background:linear-gradient(to right,#60a5fa,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:.5rem}.hero-subtitle{font-size:1.25rem;color:#cbd5e1;max-width:48rem;margin:0 auto;line-height:1.75;animation:slideUp .8s ease-out .2s both}.chat-container{max-width:48rem;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);overflow:hidden;animation:slideUp .5s ease-out}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-weight:600}.clear-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#fca5a5;font-size:.875rem;cursor:pointer;transition:all .2s ease}.clear-button:hover{background:#ef44444d;transform:scale(1.05)}.clear-icon{width:1rem;height:1rem}.chat-messages{max-height:400px;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#60a5fa4d;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#60a5fa80}.chat-message{display:flex;animation:messageSlide .3s ease-out}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-content{max-width:70%;padding:.75rem 1rem;border-radius:1rem;word-wrap:break-word}.user-message .message-content{background:linear-gradient(to right,#3b82f6,#06b6d4);color:#fff;border-bottom-right-radius:.25rem}.bot-message .message-content{background:#ffffff1a;color:#e2e8f0;border-bottom-left-radius:.25rem}.typing-indicator{display:flex;align-items:center;padding:.75rem 1rem}.typing-indicator .dot{height:8px;width:8px;background-color:#94a3b8;border-radius:50%;margin:0 2px;animation:typing 1.4s infinite both}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}.search-container{max-width:48rem;margin:0 auto;animation:slideUp .8s ease-out .3s both;width:100%}.search-wrapper{position:relative}.search-box{position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.search-box-focused{border-color:#60a5fa;box-shadow:0 25px 50px -12px #3b82f633}.search-inner{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem}.search-icon{width:1.5rem;height:1.5rem;color:#94a3b8;transition:color .3s ease;flex-shrink:0}.search-icon-focused{color:#60a5fa}.search-input{flex:1;background:transparent;color:#fff;outline:none;font-size:1.125rem;border:none}.search-input::placeholder{color:#94a3b8}.search-button{padding:.75rem 1.5rem;background:linear-gradient(to right,#3b82f6,#06b6d4);color:#fff;font-weight:600;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 15px -3px #3b82f64d}.search-button:hover{background:linear-gradient(to right,#2563eb,#0891b2);transform:scale(1.05)}.search-button:active{transform:scale(.95)}.search-tags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.search-tag{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;font-size:.875rem;color:#cbd5e1;cursor:pointer;transition:all .2s ease}.search-tag:hover{background:#ffffff1a;border-color:#60a5fa80;color:#fff}.cta-section{animation:slideUp .8s ease-out .5s both}.cta-button{position:relative;padding:1rem 2rem;background:#fff;color:#0f172a;font-weight:700;font-size:1.125rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .3s ease;overflow:hidden}.cta-button:hover{box-shadow:0 25px 50px -12px #fff3;transform:scale(1.05)}.cta-button:active{transform:scale(.95)}.cta-content{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem;justify-content:center}.cta-arrow{width:1.25rem;height:1.25rem;transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(.25rem)}.cta-overlay{position:absolute;inset:0;background:linear-gradient(to right,#dbeafe,#cffafe);opacity:0;transition:opacity .3s ease}.cta-button:hover .cta-overlay{opacity:1}.cta-subtext{margin-top:.75rem;font-size:.875rem;color:#94a3b8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:64rem;margin:0 auto;margin-top:4rem;animation:slideUp .8s ease-out .7s both}.feature-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-card:hover{background:#ffffff1a;transform:scale(1.05)}.feature-icon-wrapper{padding:.75rem;border-radius:.5rem}.icon-blue{background:#3b82f633}.icon-purple{background:#a855f733}.icon-cyan{background:#06b6d433}.feature-icon{width:1.5rem;height:1.5rem}.icon-blue .feature-icon{color:#60a5fa}.icon-purple .feature-icon{color:#a78bfa}.icon-cyan .feature-icon{color:#22d3ee}.feature-text{text-align:left}.feature-title{color:#fff;font-weight:600;margin:0;font-size:1rem}.feature-subtitle{color:#94a3b8;font-size:.875rem;margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 640px){.hero-title{font-size:3.75rem}.hero-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.hero-title{font-size:4.5rem}.hero-content{padding-left:2rem;padding-right:2rem}.hero-subtitle{font-size:1.5rem}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}.search-inner{flex-direction:column}.search-button{width:100%}.message-content{max-width:85%}.chat-header{flex-direction:column;gap:.75rem;align-items:flex-start}.clear-button{width:100%;justify-content:center}}@keyframes typing{0%,80%,to{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}.top-section-container{position:relative;width:100vw;height:87vh;overflow:hidden}.video-background{position:relative;width:100%;height:100vh;overflow:hidden;display:block}.video-background iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%);object-fit:cover;border:none;pointer-events:none}.image-background{display:none;position:relative;width:100%;height:auto;overflow:hidden;box-sizing:border-box}.responsive-bg-img{width:100%;height:auto;object-fit:contain;border-radius:12px}.messages-section{width:300px;height:100%;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0%}.messages-wrapper{display:flex;flex-direction:column;gap:15px;width:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.messages-wrapper::-webkit-scrollbar{display:none}.message-item{display:flex;align-items:center;background:#1b1b1b;border-radius:25px;padding:5px;border:1px solid #000000;box-shadow:0 2px 6px #0000001a;animation:fadeIn .5s ease}.message-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.message-text{font-size:14px;color:#fff;font-weight:500}.floating-add-btn{width:100%;background-color:#ee2031;color:#fff;border-radius:25px;padding:10px 18px;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;z-index:3;margin-top:10px}.addIcon{background-color:#ff737f;border-radius:50%;width:24px;height:24px;padding:5px}.floating-add-btn:hover{background:linear-gradient(135deg,#fff,#f5b0b0);box-shadow:0 4px 12px #ee203166;color:#000;border:2px solid #ee2031}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-loader{position:absolute;inset:0;background:radial-gradient(circle at center,#252525 60%,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease,visibility .8s ease;opacity:1;visibility:visible}.video-loader img{width:220px;margin-bottom:20px}.video-loader p{font-size:1.2rem;font-weight:500;letter-spacing:.5px;color:#fff}.video-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loader-logo{position:relative}.spinner{position:absolute;top:7px;right:7px;width:60px;height:60px;border:3px solid #e0e0e0;border-top:3px solid #ee2031;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.video-loader.fade-out{opacity:0;visibility:hidden}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.hide-video{opacity:0;transition:opacity .5s ease-in-out}.show-video{opacity:1;transition:opacity .5s ease-in-out}@media (max-width: 767px){.video-background{display:none!important}.image-background{display:block!important;margin:100px 20px 20px;width:calc(100% - 40px);height:auto}.responsive-bg-img{width:100%;height:auto;object-fit:contain;object-position:center;border-radius:12px}.top-section-container{height:auto}.messages-section{position:relative;width:100%;height:auto;padding:1rem;right:0}.messages-wrapper{max-height:300px}.message-item{font-size:.9rem}.message-avatar{width:25px;height:25px}.floating-add-btn{font-size:.85rem;padding:8px 14px}}@media (min-width: 768px) and (max-width: 1024px){.video-background{display:block!important;height:100vh}.image-background{display:none!important}.top-section-container{height:87vh}.messages-section{width:250px;right:15px}}@media (min-width: 1025px){.video-background{display:block!important}.image-background{display:none!important}}.lawyer-directory-container{max-width:1200px;margin:20px auto;padding:20px 20px 60px;border-radius:12px}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:2rem;color:#111827;margin-bottom:10px;font-weight:700}.page-header p{color:#6b7280;font-size:1rem}.lawyer-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:25px;justify-items:start}.lawyer-card-modern{position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:25px 20px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;cursor:pointer;width:100%}.online-indicator{position:absolute;top:10px;right:10px;width:14px;height:14px;background-color:#29b367;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 6px #34d39999}.lawyer-card-modern:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.lawyer-profile{display:flex;align-items:center;gap:15px;width:100%;margin-bottom:15px}.lawyer-specialty-wrapper{background:#fff;padding:8px;border-radius:16px;box-shadow:0 1px 3px #0000001a;font-size:13px}.lawyer-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb}.lawyer-info h3{font-size:1.1rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:5px;margin:0}.profile-wrapper{position:relative;display:inline-block}.verified-badge-wrapper{position:absolute;top:0;right:0;width:22px;height:22px}.lawyer-rating{display:flex;align-items:center;gap:2px;margin-top:4px;color:#fbbf24}.lawyer-rating span{color:#4b5563;margin-left:6px;font-size:.9rem}.lawyer-stats-wrapper{display:flex;flex-direction:row!important;justify-content:space-around;text-align:center;width:100%;margin:20px 0;padding:10px;background-color:#fdf2f2;border-radius:12px}.lawyer-stats-wrapper h4{font-size:1.2rem;margin:0;color:#111827}.lawyer-stats-wrapper p{font-size:.85rem;color:#6b7280;margin:4px 0 0}.view-btn{width:100%;border:2px solid #f70016!important;color:#000;background-color:#fff!important;border:none;padding:10px 0;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.view-btn:hover{background:#f70016}.filter-bar{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:10px;padding:10px 20px;margin-bottom:20px;box-shadow:0 1px 4px #0000001a}.filter-group{display:flex;align-items:center;gap:10px;font-size:15px}.filter-select{padding:6px 10px;border:1px solid #ccc;border-radius:8px;font-size:14px;cursor:pointer;background:#fff;transition:border-color .3s}.filters select{padding:8px 40px 8px 12px;border:1px solid #ccc;border-radius:6px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:14px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg fill='black' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.filter-select:hover{border-color:#999}.filter-bar input[type=checkbox]{transform:scale(1.1);cursor:pointer}.loading-text{align-items:center;text-align:center;font-size:1.2rem;color:#4b5563;margin-top:50px}.lawyer-specialty-wrapper{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.lawyer-specialty-tag{background-color:#eef2ff;color:#4338ca;padding:4px 8px;border-radius:12px;font-size:13px;font-weight:500}.lawyer-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,auto));gap:25px;justify-content:start}.lawyer-card-skeleton{background-color:#e4e4e4;border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:10px;animation:pulse 1.5s infinite;width:100%;height:375px}.lawyer-languages-wrapper{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding:10px}.lawyer-language-tag{background-color:#e6f7f1;color:#0d9488;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500;transition:all .3s ease}.lawyer-language-tag:hover{background-color:#ccfbf1;color:#065f46}.lawyer-card-skeleton .avatar,.lawyer-card-skeleton .line{background-color:#d3d3d3;border-radius:4px}.lawyer-card-skeleton .avatar{width:60px;height:60px;border-radius:50%}.lawyer-card-skeleton .line{height:16px;width:100%}.lawyer-card-skeleton .line.short{width:50%}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.no-lawyers-text{grid-column:1 / -1;text-align:center;font-size:18px;color:#555}@media (max-width: 1200px){.lawyer-directory-container{padding:20px}.lawyer-grid-layout{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}}@media (max-width: 992px){.lawyer-directory-container{padding:15px}.page-header h1{font-size:1.75rem}.lawyer-grid-layout{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.lawyer-profile{flex-direction:column;align-items:center;text-align:center}.lawyer-avatar{width:60px;height:60px}.lawyer-stats-wrapper{flex-direction:column;gap:10px}.filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}}@media (max-width: 768px){.lawyer-grid-layout{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.page-header h1{font-size:1.6rem}.lawyer-card-modern{padding:20px 15px}.filter-group{flex-direction:column;align-items:stretch}.filter-select{width:100%}}@media (max-width: 576px){.page-header h1{font-size:1.4rem}.page-header p{font-size:.9rem}.lawyer-grid-layout{grid-template-columns:1fr;gap:18px}.lawyer-card-modern{padding:15px;border-radius:12px}.lawyer-stats-wrapper{flex-direction:column;padding:8px;gap:8px}.filter-bar{flex-direction:column;gap:10px}.filter-group{width:100%;justify-content:space-between}.view-btn{font-size:.9rem;padding:8px 0}}@media (max-width: 400px){.page-header h1{font-size:1.2rem}.lawyer-avatar{width:55px;height:55px}.lawyer-info h3{font-size:1rem}.lawyer-specialty-tag{font-size:12px;padding:3px 6px}.lawyer-language-tag{font-size:11px}}.teacher-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.teachers-section{text-align:center;margin-bottom:40px;margin-top:80px}.teachers-section h2{font-size:2rem;color:#111827;margin-bottom:10px;font-weight:700}.teachers-section p{color:#6b7280;font-size:1rem}.teacher-card-modern{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.teacher-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.online-indicator{width:12px;height:12px;background:#4ade80;border-radius:50%;position:absolute;top:12px;right:12px;border:2px solid #fff}.teacher-profile{display:flex;align-items:center;margin-bottom:12px}.profile-wrapper-new{position:relative;margin-right:12px}.teacher-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.verified-badge-wrapper{position:absolute;bottom:0;right:0;width:18px;height:18px}.teacher-info h3{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.teacher-rating{display:flex;align-items:center;margin-top:4px}.teacher-rating span{margin-left:6px;font-size:.9rem;color:#6b7280}.teacher-specialty-wrapper{margin:8px 0;display:flex;flex-wrap:wrap;gap:6px}.teacher-specialty-tag{background:#f3f4f6;color:#111827;padding:4px 8px;font-size:.8rem;border-radius:6px}.teacher-languages-wrapper{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.teacher-language-tag{background:#e0f2fe;color:#0369a1;padding:4px 8px;font-size:.8rem;border-radius:6px}.view-teacher-btn{width:100%;padding:10px 0;background:#f70016;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.view-teacher-btn:hover{background:#b80211}.teacher-card-skeleton{background:#f3f4f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;animation:pulse 1.5s infinite}.teacher-card-skeleton .avatar{width:60px;height:60px;border-radius:50%;background:#e5e7eb;margin-bottom:8px}.teacher-card-skeleton .line{height:12px;background:#e5e7eb;border-radius:6px}.teacher-card-skeleton .line.short{width:60%}@keyframes pulse{0%{background-color:#f3f4f6}50%{background-color:#e5e7eb}to{background-color:#f3f4f6}}.no-teachers-text{grid-column:1 / -1;text-align:center;color:#6b7280;font-size:1rem;padding:20px 0}.second-section-container{display:flex;flex-wrap:wrap;max-width:1200px;width:100%;min-height:500px;gap:20px;padding:0 20px 20px;margin:0 auto;box-sizing:border-box}.gif-section{flex:0 0 66.666%;object-fit:cover;border-radius:16px}.gif-section img{width:100%;height:100%;border-radius:16px;object-fit:cover}.right-side-section{flex:1}.category-section{width:100%;text-align:center;margin-top:60px}.category-heading{font-size:2rem;font-weight:700;margin-bottom:10px}.category-subheading{font-size:1.1rem;color:#555;margin-bottom:40px}.cards-container{display:flex;justify-content:center;flex-wrap:wrap;gap:25px}.category-card{background:#f8f8f8;border-radius:12px;width:200px;padding:25px 15px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;cursor:pointer}.category-card:hover{background-color:#fff;transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.category-icon{color:#007bff;width:40px;height:40px;margin-bottom:10px}.category-card h3{font-size:1.1rem;margin-top:5px;color:#333}.how-it-works-section{width:100%;text-align:center;margin-top:80px;position:relative;padding:40px 20px;background-color:#f9f9f9}.how-heading{font-size:2rem;font-weight:700;margin-bottom:10px}.how-subheading{font-size:1.1rem;color:#555;margin-bottom:50px}.how-container{position:relative;width:100%;max-width:900px;margin:0 auto}.phone-mockup{position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup img{width:250px;max-width:100%;height:auto;z-index:2}.how-step{position:absolute;width:160px;text-align:center;background:#fff;border-radius:10px;padding:15px;box-shadow:0 4px 10px #0000001a;transition:all .3s ease}.how-step:hover{transform:translateY(-5px);background:#fff}.how-icon{color:#007bff;width:30px;height:30px;margin-bottom:8px}.step1{top:20%;left:5%}.step2{top:70%;left:10%}.step3{top:20%;right:5%}.step4{top:70%;right:10%}@media (max-width: 768px){.how-container{display:flex;flex-direction:column;align-items:center}.how-step{position:static;margin:15px 0;width:80%}.phone-mockup img{width:180px}}.hlcb-root{position:fixed!important;right:22px!important;bottom:22px!important;z-index:9999;font-family:Poppins,sans-serif}.hlcb-fab{width:64px;height:64px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;background:linear-gradient(145deg,#d60f0f,#a80000);box-shadow:0 14px 30px #a8000085;transition:transform .2s ease,box-shadow .2s ease}.hlcb-fab:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 34px #a8000094}.hlcb-popup{position:absolute;right:0;bottom:78px;opacity:0;transform:translateY(10px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.hlcb-popup.hlcb-popup--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hlcb-card{width:370px;height:520px;background:#fff;border-radius:20px;border:1px solid #efc8c8;box-shadow:0 26px 62px #41080845;display:flex;flex-direction:column;overflow:hidden}.hlcb-header{background:linear-gradient(145deg,#d71212,#900);color:#fff;padding:14px 14px 12px;display:flex;justify-content:space-between;align-items:center}.hlcb-header h3{margin:0;font-size:1rem;letter-spacing:.2px}.hlcb-header-actions{display:flex;gap:8px}.hlcb-clear-btn,.hlcb-close-btn{min-width:34px;height:32px;border:none;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font-size:.84rem;font-weight:700;line-height:1;color:#fff;background:#0000003d;cursor:pointer;border:1px solid rgba(255,255,255,.35);transition:background-color .2s ease,transform .2s ease}.hlcb-clear-btn:hover,.hlcb-close-btn:hover{background:#00000061;transform:translateY(-1px)}.hlcb-messages{flex:1;overflow-y:auto;padding:14px;background:linear-gradient(180deg,#fff8f8,#fff)}.hlcb-message{margin-bottom:10px;display:flex}.hlcb-message.user{justify-content:flex-end}.hlcb-message.user p{margin:0;background:#b30000;color:#fff;border-radius:14px 14px 2px;padding:10px 12px;max-width:75%}.hlcb-message.bot p{margin:0;background:#ffe9e9;color:#8e2424;border-radius:14px 14px 14px 2px;padding:10px 12px;max-width:78%}.hlcb-typing{color:#a04a4a;font-size:.88rem;padding:3px 4px 8px}.hlcb-form{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid #f3d3d3}.hlcb-form input{flex:1;border:1px solid #ebc1c1;border-radius:12px;padding:10px 12px;outline:none;font-size:.92rem}.hlcb-form input:focus{border-color:#a80000;box-shadow:0 0 0 3px #a8000026}.hlcb-form button{border:none;border-radius:12px;padding:10px 14px;background:#b10000;color:#fff;cursor:pointer}.hlcb-messages::-webkit-scrollbar{width:6px}.hlcb-messages::-webkit-scrollbar-thumb{background:#d35a5a;border-radius:999px}@media (max-width: 640px){.hlcb-root{right:12px!important;bottom:12px!important}.hlcb-fab{width:58px;height:58px}.hlcb-card{width:calc(100vw - 24px);max-width:370px;height:70vh;max-height:520px}.hlcb-popup{bottom:70px}}.ps-root{display:flex;flex-direction:column;gap:8px;width:100%}.ps-label{margin:0;font-size:13px;color:#666}.ps-slider-row{display:flex;align-items:center;gap:6px;width:100%;overflow:hidden}.ps-track{display:flex;overflow:hidden;flex:1;min-width:0}.ps-card{min-width:100%;width:100%;flex-shrink:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-sizing:border-box;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:box-shadow .15s,transform .15s;text-align:center}.ps-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.ps-avatar--img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid #f0f0f0;display:block;margin-bottom:4px;flex-shrink:0}.ps-avatar--initials{width:72px;height:72px;border-radius:50%;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:4px}.ps-card-info{display:flex;flex-direction:column;gap:3px;width:100%}.ps-name{margin:0;font-size:15px;font-weight:700;color:#111;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-type{margin:0;font-size:12px;color:#999}.ps-card-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid #f0f0f0;width:100%}.ps-price{font-size:14px;font-weight:700;color:#111}.ps-badge{font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px}.ps-arrow{flex-shrink:0;width:28px;height:28px;border-radius:8px;border:1px solid #e0e0e0;background:#f7f7f7;cursor:pointer;font-size:18px;line-height:1;color:#555;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.ps-arrow:hover:not(:disabled){background:#ececec}.ps-arrow:disabled{opacity:.3;cursor:default}.ps-dots{display:flex;justify-content:center;gap:5px;margin-top:4px}.ps-dot{width:6px;height:6px;border-radius:50%;background:#ddd;transition:background .2s}.ps-dot.active{background:#555}.hlcb-message.bot--wide{max-width:92%!important;width:92%}.hlcb-message p{margin:0}.third-section{padding:40px 20px;background:linear-gradient(to bottom,#7a0000,#3b0101);position:relative;overflow:hidden}.container-wrapper{max-width:1400px!important;margin:0 auto;position:relative;z-index:1;padding-top:30px!important;margin-top:0!important}.section-header-wrapper{display:flex!important;flex-direction:column;align-items:center;gap:0px}.section-title-wrapper{font-size:46px;font-weight:800;line-height:1.15;color:#fff;margin-bottom:16px;font-family:Inter,sans-serif}.title-color-hiw{color:#f5f5f5}.section-subtitle-wrapper{font-size:20px;color:#fff;font-weight:400}.content-wrapper{position:relative;min-height:800px;display:flex;align-items:center;justify-content:center}.step-card{position:absolute;width:260px;height:260px;padding:30px 25px;background:#fff;border-radius:50%;box-shadow:0 8px 30px #00000014;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #f5f5f5;overflow:visible}.step-card:hover{transform:translateY(-15px);box-shadow:0 20px 50px #0000001f;border-color:#ffe5e7}.step-card.active{transform:scale(1.08);box-shadow:0 15px 60px #f7001626;border-color:#f70016;background:#fff}.step-card.center-left:nth-of-type(1){top:150px;left:120px}.step-card.center-left:nth-of-type(2){top:450px;left:120px}.step-card.center-right:nth-of-type(3){top:150px;right:120px}.step-card.center-right:nth-of-type(4){top:450px;right:120px}.step-number{display:inline-flex;width:70px;height:70px;background:#f70016;color:#fff;border-radius:50%;font-size:28px;font-weight:800;align-items:center;justify-content:center;box-shadow:0 8px 25px #f7001640;transition:all .4s;position:absolute;top:-10px;right:-10px;border:5px solid white}.step-card.active .step-number{box-shadow:0 12px 35px #f7001666}.step-icon{font-size:42px;margin-bottom:12px;transition:transform .4s}.step-card.active .step-icon{transform:scale(1.1)}.step-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.3;max-width:85%}.step-description{font-size:12px;color:#777;line-height:1.5;font-weight:400;max-width:85%}.step-connector{display:none}.phone-mockup{position:relative;z-index:2}.phone-frame{width:340px;height:680px;background:#1a1a1a;border-radius:50px;padding:14px;box-shadow:0 25px 70px #00000040;position:relative;transition:transform .3s ease}.phone-frame:hover{transform:translateY(-5px)}.phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:130px;height:32px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:3}.phone-screen{width:100%;height:100%;background:#f8f8f8;border-radius:38px;overflow:hidden;position:relative}.phone-button{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:150px;height:5px;background:#333;border-radius:3px}.screen-header{background:#fff;padding:55px 25px 25px;box-shadow:0 2px 8px #0000000a}.status-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#1a1a1a;margin-bottom:25px;font-weight:600}.status-icons{display:flex;gap:6px;font-size:12px}.app-header h4{font-size:26px;font-weight:800;color:#1a1a1a;text-align:center;letter-spacing:-.5px}.screen-content{padding:25px}.screen-steps{display:flex;flex-direction:column;gap:18px;margin-top:35px}.screen-step{display:flex;align-items:center;gap:16px;padding:18px;background:#fff;border-radius:18px;box-shadow:0 2px 12px #0000000f;transition:all .3s;border:2px solid transparent}.screen-step.active{border-color:#f70016;box-shadow:0 6px 24px #f7001626;transform:translate(5px);background:#fff}.screen-step.completed{opacity:.5;background:#fafafa}.screen-step-number{width:44px;height:44px;background:#f70016;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px #f7001640}.screen-step.completed .screen-step-number{background:#4caf50}.screen-step-info{flex:1;display:flex;align-items:center;gap:12px}.screen-step-icon{font-size:22px}.screen-step-text{font-size:14px;font-weight:700;color:#1a1a1a}.check-mark{color:#4caf50;font-size:22px;font-weight:700}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(247,0,22,.1);border-radius:50%;opacity:0;animation:expandRing 4s ease-out infinite}.ring-1{width:450px;height:450px;animation-delay:0s}.ring-2{width:550px;height:550px;animation-delay:1.3s}.ring-3{width:650px;height:650px;animation-delay:2.6s}@keyframes expandRing{0%{transform:translate(-50%,-50%) scale(.9);opacity:.4}50%{opacity:.15}to{transform:translate(-50%,-50%) scale(1.1);opacity:0}}.progress-dots{display:flex;justify-content:center;gap:12px;margin-top:70px}.dot{width:10px;height:10px;border-radius:50%;background:#e0e0e0;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0}.dot:hover{background:#bbb;transform:scale(1.4)}.dot.active{background:#f70016;width:40px;border-radius:6px}@media (max-width: 1200px){.step-card{width:220px;height:220px;padding:25px 20px}.step-card.top-left{top:80px;left:80px}.step-card.top-right{top:80px;right:80px}.step-card.bottom-left{bottom:80px;left:80px}.step-card.bottom-right{bottom:80px;right:80px}.step-number{width:60px;height:60px;font-size:24px;top:-8px;right:-8px}.step-icon{font-size:36px}.step-title{font-size:14px}.step-description{font-size:11px}}@media (max-width: 992px){.content-wrapper{flex-direction:column;min-height:auto}.step-card{position:relative;inset:auto!important;margin:25px auto;max-width:300px;width:300px;height:300px}.phone-mockup{order:-1;margin-bottom:50px}.ring{display:none}}@media (max-width: 576px){.section-title{font-size:40px}.section-subtitle{font-size:18px}.phone-frame{width:300px;height:600px}.step-card{width:280px;height:280px}.section-title-wrapper{font-size:32px!important}.section-subtitle-wrapper{font-size:16px;text-align:center}.section-header-wrapper{margin-bottom:20px}.phone-mockup{display:none}}.professionals-section{padding:80px 40px;background:#fff}.heading-float{text-align:center;margin-bottom:70px}.heading-label{display:inline-block;padding:6px 18px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#eb2525;background:#ec04041a;border-radius:999px;margin-bottom:16px}.heading-float h2{font-size:46px;font-weight:800;line-height:1.15;color:#0f172a;margin-bottom:16px;font-family:Inter,sans-serif}.professionals-wrapper{display:flex;align-items:center;gap:50px;max-width:1300px;margin:auto}.image-strip{display:flex;height:420px;gap:14px;flex:5}.image-card{flex:1;border-radius:16px;background-size:cover;background-position:center;cursor:pointer;transition:flex .6s ease,filter .4s ease;filter:grayscale(40%)}.image-card:hover{filter:grayscale(0%)}.image-card.active{flex:3;filter:grayscale(0%)}.mobile-slider{position:relative;width:100%;height:350px;display:flex;align-items:center;justify-content:center}.slider-image{width:100%;height:100%;border-radius:16px;background-size:cover;background-position:center;transition:opacity .4s ease}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:none;width:50px;height:50px;border-radius:50%;font-size:32px;font-weight:700;line-height:50px;color:#eb2525;cursor:pointer;text-align:center;padding:0;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:10}.slider-arrow:hover{background:#eb2525;color:#fff;transform:translateY(-50%) scale(1.1)}.slider-arrow:active{transform:translateY(-50%) scale(.95)}.slider-arrow-left{left:10px}.slider-arrow-right{right:10px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.dot{width:10px;height:10px;border-radius:50%;background:#fff9;border:2px solid rgba(255,255,255,.9);cursor:pointer;transition:all .3s ease;padding:0}.dot.active{background:#eb2525;border-color:#eb2525;width:12px;height:12px}.dot:hover{background:#eb2525b3;transform:scale(1.2)}.content-panel{padding-left:25px;border-left:4px solid #eb2525;flex:1}.content-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#eb2525;margin-bottom:14px}.content-title{font-size:32px;font-weight:800;color:#0f172a;margin-bottom:14px;line-height:1.2}.content-description{font-size:16px;color:#475569;line-height:1.7;margin-bottom:26px}.content-btn{background:#eb2525;color:#fff;border:none;padding:12px 26px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease}.content-btn:hover{background:#1e40af;transform:translateY(-2px)}@media (max-width: 1100px){.professionals-section{padding:60px 30px}.heading-float h2{font-size:38px}.professionals-wrapper{gap:40px}.image-strip{height:350px}.content-title{font-size:28px}}@media (max-width: 900px){.professionals-section{padding:50px 20px}.heading-float{margin-bottom:50px}.heading-label{font-size:11px;padding:5px 14px}.heading-float h2{font-size:32px}.professionals-wrapper{flex-direction:column;gap:30px}.mobile-slider{height:300px}.slider-arrow{width:45px;height:45px;line-height:45px;font-size:28px}.slider-arrow-left{left:5px}.slider-arrow-right{right:5px}.content-panel{text-align:center;padding-left:0;padding-top:25px;border-left:none;border-top:4px solid #eb2525}.content-title{font-size:26px}.content-description{font-size:15px}}@media (max-width: 480px){.professionals-section{padding:40px 15px}.heading-float h2{font-size:26px}.mobile-slider{height:350px}.slider-arrow{width:40px;height:40px;line-height:40px;font-size:24px}.content-title{font-size:22px}.content-description{font-size:14px;margin-bottom:20px}.content-btn{padding:10px 22px;font-size:14px}.dot{width:8px;height:8px}.dot.active{width:10px;height:10px}}.common-profiles-wrapper{background:linear-gradient(180deg,#fff,#fcfcfc);padding:60px 0}.common-profiles-container{max-width:1200px;margin:0 auto;padding:40px 20px}.common-profiles-header{text-align:center;margin-bottom:30px}.common-profiles-header h1{font-size:46px;font-weight:800;line-height:1.15;color:#0f172a;margin-bottom:16px;font-family:Inter,sans-serif}.common-profiles-header p{font-size:16px;color:#6b7280}.cp-search-bar-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-width:600px;margin:0 auto 30px}.cp-search-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.cp-search-input{width:100%;padding:12px 14px 12px 42px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;background:#fff;color:#111;caret-color:#111;font-family:inherit;transition:all .2s ease;outline:none}.cp-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cp-search-input::placeholder{color:#9ca3af}@media (max-width: 768px){.cp-search-bar-wrapper{max-width:100%}}.common-profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.common-profile-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 25px #0000000d;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #e5e7eb}.common-profile-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #00000014}.common-profile-avatar-wrapper{width:90px;height:90px;border-radius:50%;overflow:hidden;margin-bottom:14px;background:#f3f4f6}.common-profile-avatar{width:100%;height:100%;object-fit:cover}.common-profile-info h3{font-size:18px;font-weight:600;margin-bottom:4px}.common-profile-role{font-size:14px;color:#6b7280;margin-bottom:8px;display:block}.common-profile-rating{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:10px;width:100%}.common-profile-rating span{font-size:14px;color:#374151;margin-left:6px}.common-profile-amount{font-size:14px;color:#111827;margin-bottom:12px;font-weight:700;font-family:Inter,sans-serif}.cp-view-btn{padding:10px 18px;border-radius:8px;border:none;background:var(--primary-color, #c3050f);color:#fff;font-size:14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;font-weight:600}.cp-view-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c3050f2e}.no-profiles-text{grid-column:1 / -1;text-align:center;color:#6b7280;font-size:15px}.common-profile-card.skeleton{pointer-events:none}.common-profile-card.skeleton:before{content:"";display:block;width:90px;height:90px;border-radius:50%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;margin-bottom:16px}.common-profile-card.skeleton:after{content:"";width:100%;height:14px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 640px){.common-profiles-header h1{font-size:26px}.common-profiles-filters{justify-content:center}}.news-section{padding:80px 40px}.news-heading{text-align:center;font-size:46px;font-weight:800;line-height:1.15;color:#0f172a;margin-bottom:16px;font-family:Inter,sans-serif}.news-layout{max-width:1300px;margin:auto;display:grid;grid-template-columns:2.7fr 1.3fr 1fr;gap:24px}.featured-slider-wrapper{position:relative}.featured-slider{position:relative;overflow:hidden;border-radius:18px;height:400px}.featured-track{display:flex;height:100%;transition:transform .3s ease-in-out}.featured-card{min-width:100%;position:relative;cursor:pointer;overflow:hidden;border-radius:18px}.featured-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-card:hover img{transform:scale(1.09)}.nav-circle{z-index:10;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.7);padding:20px}.nav-wrapper{display:flex;max-width:1300px;margin:auto auto 20px;gap:24px}.nav-circle img{width:40px;height:40px;object-fit:contain}.nav-circle.disabled{opacity:.5;cursor:not-allowed}.nav-circle:hover:not(.disabled){background:#ffffffe6;transform:scale(1.1)}.nav-circle:hover{border-color:#fff}.nav-circle.left{left:0}.nav-circle.right{left:80px}.news-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0,0,0),transparent);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .35s ease}.featured-card:hover .news-overlay,.news-card.small:hover .news-overlay{opacity:1;visibility:visible;transform:translateY(0)}.news-overlay h3,.news-overlay span{transform:translateY(10px);transition:all .3s ease}.featured-card:hover .news-overlay h3,.featured-card:hover .news-overlay span,.news-card.small:hover .news-overlay h3,.news-card.small:hover .news-overlay span{transform:translateY(0)}.news-overlay span{position:absolute;top:20px;right:20px;background:#ef2032;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;width:fit-content}.news-overlay h3{color:#fff;font-size:22px;line-height:1.3}.side-news{display:flex;flex-direction:column;gap:24px}.news-card.small{flex:1;border-radius:16px;overflow:hidden;position:relative;cursor:pointer}.news-card.small img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card.small:hover img{transform:scale(1.09)}.trending{background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 30px #0000000d}.trending h4{font-size:18px;font-weight:700;margin-bottom:16px;color:#ef2032}.trending ul{list-style:none;padding:0;margin:0}.trending li{font-size:15px;color:#374151;padding:10px 0;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:color .3s}.trending li:hover{color:#ef2032}@media (max-width: 1000px){.news-layout{grid-template-columns:1fr}.featured-slider{height:320px}}@media (max-width: 576px){.news-section{padding:50px 16px}.news-heading{font-size:26px}.featured-slider{height:260px;border-radius:14px}.news-overlay{padding:16px}.news-overlay h3{font-size:16px;line-height:1.4}.news-overlay span{font-size:11px;padding:4px 8px}.side-news{flex-direction:row;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:10px}.news-card.small{min-width:75%;height:180px;scroll-snap-align:center}.trending{padding:20px}.trending h4{font-size:16px}.trending li{font-size:14px}}.hero-section{width:100%;display:flex;justify-content:center;background-color:#000;padding:4rem 1rem;padding-top:120px}.hero-container-wrapper{max-width:1300px;width:100%;display:grid;grid-template-columns:3fr 1fr;gap:2rem}.hero-left{position:relative}.slider{position:relative;width:100%;height:530px;overflow:hidden;border-radius:10px}.slider-image{width:100%;height:100%;object-fit:cover}.fade{animation:fadeEffect .8s ease-in-out}@keyframes fadeEffect{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.slider-text{position:absolute;top:40px;left:40px;color:#fff}.slider-text h2{font-size:3.5rem;font-family:Inter,sans-serif;margin:0;font-weight:700;line-height:1;text-shadow:2px 2px 8px rgba(59,59,59,.7)}.slider-text p{font-size:1.2rem;margin:.2rem 0 0}.text-second-line{margin-left:2rem}.slider-btn{position:absolute;left:20px;bottom:20px;background:#fff6;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.slider-btn:hover{background:#ffffffb3}.slider-btn:focus{outline:none;box-shadow:none}.slider-btn.prev{left:10px}.slider-btn.next{left:60px}.slider-btn img{width:10px;height:10px;stroke:#fff}.explore-btn{margin-top:20px;margin-left:2rem;padding:.5rem 1.5rem;background-color:#ff562200;color:#fff;border:1px solid #ffffff;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease}.explore-btn:hover{background-color:#ef2032;border-color:#ef2032}.explore-btn:focus{outline:none;box-shadow:0 0 0 3px #ef203280}.hero-right{display:flex;flex-direction:column;justify-content:center}.hero-right h1{font-size:2rem;margin-bottom:1rem}.hero-right p{font-size:1rem;margin-bottom:1.5rem}.btn-primary{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.btn-primary:hover{background-color:#0056b3}@media (max-width: 900px){.hero-container-wrapper{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.slider{height:420px}.slider-text{top:30px;left:30px}.slider-text h2{font-size:2.4rem}.slider-text p{font-size:1.1rem}.hero-right{text-align:center;align-items:center}}@media (max-width: 576px){.hero-container-wrapper{padding:0}.hero-section{padding-top:80px;padding-bottom:2rem}.slider{height:300px;border-radius:8px}.slider-text{top:20px;left:20px;right:20px}.slider-text h2{font-size:1.6rem;line-height:1.2}.slider-text p{font-size:.95rem}.text-second-line{margin-left:0}.explore-btn{margin-left:0;margin-top:12px;font-size:.9rem;padding:.4rem 1.2rem}.slider-btn{bottom:15px;width:36px;height:36px}.slider-btn.prev{left:15px}.slider-btn.next{left:60px}.hero-right h1{font-size:1.4rem}.hero-right p{font-size:.95rem}.messages-section{padding:0rem}}.featured-section{padding:80px 40px;background:#f8fafc}.featured-heading{text-align:center;margin-bottom:60px}.featured-label{display:inline-block;padding:6px 18px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#eb2525;background:#ec04041a;border-radius:999px;margin-bottom:16px}.title-color{color:#8f1623}.featured-heading h2{font-size:46px;font-weight:800;line-height:1.15;color:#0f172a;margin-bottom:16px;font-family:Inter,sans-serif}.featured-subtext{font-size:16px;color:#64748b;max-width:480px;margin:0 auto;line-height:1.7}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1300px;margin:0 auto}.featured-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 16px #0f172a12;transition:transform .35s ease,box-shadow .35s ease;display:flex;flex-direction:column}.featured-card:hover,.featured-card.hovered{transform:translateY(-8px);box-shadow:0 16px 40px #0f172a24}.featured-card-image{position:relative;height:210px;background-size:cover;background-position:center;transition:transform .5s ease}.featured-card:hover .featured-card-image{transform:scale(1.04)}.featured-card{overflow:hidden}.featured-card-tag{position:absolute;top:14px;left:14px;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:#eb2525;border-radius:999px}.featured-card-body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1}.featured-card-title{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:10px;line-height:1.3}.featured-card-desc{font-size:14px;color:#475569;line-height:1.65;margin-bottom:22px;flex:1}.featured-card-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:transparent;color:#eb2525;border:2px solid #eb2525;padding:9px 20px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:background .28s ease,color .28s ease,transform .2s ease}.featured-card-btn:hover{background:#eb2525;color:#fff;transform:translateY(-1px)}.btn-arrow{display:inline-block;transition:transform .25s ease}.featured-card-btn:hover .btn-arrow{transform:translate(4px)}@media (max-width: 1100px){.featured-section{padding:60px 30px}.featured-heading h2{font-size:38px}.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.featured-section{padding:50px 20px}.featured-heading{margin-bottom:40px}.featured-label{font-size:11px;padding:5px 14px}.featured-heading h2{font-size:28px}.featured-subtext{font-size:14px}.featured-grid{grid-template-columns:1fr;gap:20px}.featured-card-image{height:200px}.featured-card-title{font-size:18px}.featured-card-desc{font-size:13px}}.profile-form-card{width:100%;max-width:100%;margin:0;padding:40px;border-radius:16px;background:#fff;box-shadow:0 4px 20px #192f6b14;border:1px solid #e0e0e0}.profile-form-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;text-align:center;gap:16px;padding-bottom:24px;border-bottom:1px solid #eee}.avatar-wrapper{position:relative;flex-shrink:0}.profile-avatar{width:120px!important;height:120px!important;font-size:48px!important;background-color:#c3050f!important}.avatar-overlay{position:absolute;bottom:0;right:0;width:36px;height:36px;background-color:#c3050f;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.avatar-overlay:hover{background-color:#a00410}.profile-header-info{margin-top:0;text-align:center}.profile-name{font-weight:600!important;color:#333;font-size:1.5rem!important}.profile-email{color:#666;font-size:.95rem}.form-section{margin-bottom:32px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee}.section-icon{color:#c3050f;font-size:1.5rem!important}.section-header h6{font-weight:600!important;color:#192f6b;margin:0}.form-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #eee}.update-btn{background-color:#c3050f!important;padding:12px 40px!important;font-weight:600!important;border-radius:8px!important}.update-btn:hover{background-color:#a00410!important}@media (max-width: 768px){.profile-form-card{padding:24px}.form-actions{justify-content:center}.update-btn{width:100%}}.appointments-tab{max-width:900px;margin:0 auto;padding:20px}.appointments-card{border-radius:12px;overflow:hidden;background:#fff}.appointments-header{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #eee}.header-icon{color:#c3050f;font-size:28px!important}.appointments-loading,.appointments-error,.appointments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.appointment-row:hover{background-color:#fafafa}.provider-info{display:flex;align-items:center;gap:8px}.date-chip{background-color:#fff3f3!important;color:#c3050f!important}.time-chip{background-color:#f5f5f5!important;color:#333!important}.meeting-link{display:inline-flex;align-items:center;padding:6px 12px;background-color:#c3050f;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s ease}.meeting-link:hover{background-color:#a00410}.payments-tab{padding:20px}.payments-card{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.payments-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#c3050f,#8b0000);color:#fff}.payments-header .header-icon{font-size:28px}.payments-loading,.payments-error,.payments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.payments-empty{color:#666}.payments-tab table{width:100%;border-collapse:collapse}.payments-tab th{background-color:#f8f9fa;font-weight:600!important;color:#333;padding:14px 16px!important;text-align:left;border-bottom:2px solid #e0e0e0}.payments-tab td{padding:14px 16px!important;border-bottom:1px solid #f0f0f0}.payment-row:hover{background-color:#fafafa}.payment-row:last-child td{border-bottom:none}.amount-text{color:#c3050f}.status-chip{font-size:12px!important;font-weight:500!important}.status-paid{background-color:#e8f5e9!important;color:#2e7d32!important}.status-paid .MuiChip-icon{color:#2e7d32!important}.status-pending{background-color:#fff3e0!important;color:#e65100!important}.status-pending .MuiChip-icon{color:#e65100!important}.status-failed{background-color:#ffebee!important;color:#c62828!important}.status-failed .MuiChip-icon{color:#c62828!important}@media (max-width: 768px){.payments-tab{padding:10px}.payments-header{padding:16px}.payments-tab th,.payments-tab td{padding:10px 12px!important;font-size:14px}}@media (max-width: 480px){.payments-tab th:nth-child(3),.payments-tab td:nth-child(3){display:none}}.find-service-tab{padding:20px;display:flex;flex-direction:column;gap:30px}.service-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e0e0e0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-title{font-weight:600!important;color:#333;position:relative;padding-left:12px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#c3050f;border-radius:2px}.role-filter .MuiSelect-select{min-width:120px}.search-field{min-width:200px}.search-field .MuiOutlinedInput-root:focus-within{border-color:#c3050f}.section-loading{display:flex;justify-content:center;padding:40px}.no-results{text-align:center;padding:40px;color:#666}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.profile-card{background:#fff;border-radius:12px;border:1px solid #e0e0e0;overflow:hidden;cursor:pointer;transition:all .3s ease}.profile-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#c3050f}.card-image-container{position:relative;width:100%;height:160px;overflow:hidden;background:#f5f5f5}.card-image-container img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.profile-card:hover .card-image-container img{transform:scale(1.05)}.verified-badge{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.card-content{padding:14px}.card-name{font-weight:600!important;font-size:15px!important;color:#333;margin-bottom:4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-role{font-size:13px!important;color:#666;margin-bottom:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer{display:flex;justify-content:space-between;align-items:center}.rating{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#333}.amount{font-size:13px;font-weight:600;color:#c3050f}@media (max-width: 768px){.find-service-tab{padding:10px}.service-section{padding:15px}.section-header{flex-direction:column;align-items:flex-start}.role-filter,.search-field{width:100%}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card-image-container{height:120px}}@media (max-width: 480px){.profiles-grid{grid-template-columns:repeat(2,1fr)}}.user-profile-page{min-height:100vh;background:#f8f9fa;padding:2rem 1rem;font-family:Outfit,sans-serif;margin-top:80px}.profile-container{max-width:1600px;margin:0 auto}.tabs-container{background:#fff;border-radius:16px;margin-bottom:20px;border:1px solid #e0e0e0}.profile-tabs .MuiTab-root{font-family:Outfit,sans-serif;font-weight:500;text-transform:none;font-size:15px;min-width:120px}.profile-tabs .MuiTab-root.Mui-selected{color:#c3050f;font-weight:600}.profile-tabs .MuiTabs-indicator{background-color:#c3050f}.tab-content{min-height:400px}.profile-tab-content{display:block;padding:20px 0;width:100%}.profile-grid{display:grid;grid-template-columns:450px 1fr;gap:2rem;align-items:start}.profile-card{background:#fff;border-radius:24px!important;padding:2rem;box-shadow:0 4px 20px #192f6b14;border:2px solid rgba(25,47,107,.12);transition:all .3s ease}.profile-card:hover{box-shadow:0 8px 30px #192f6b1f;transform:translateY(-3px)}.profile-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(25,47,107,.08)}.profile-avatar{width:70px!important;height:70px!important;background:var(--primary-color)!important;font-size:1.75rem!important;font-weight:600!important;font-family:Outfit,sans-serif!important}.profile-header-info{flex:1}.profile-name-wrapper{font-weight:700!important;color:#192f6b!important;margin-bottom:.25rem!important;font-family:Outfit,sans-serif!important}.profile-email{color:#64748b!important;font-family:Outfit,sans-serif!important}.section-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.section-icon{color:var(--primary-color);font-size:1.35rem!important}.section-header h6{font-weight:600;color:#192f6b;font-family:Outfit,sans-serif}.profile-card .MuiTextField-root{margin-bottom:.5rem;font-family:Outfit,sans-serif}.profile-card .MuiOutlinedInput-root{border-radius:12px;transition:all .3s ease;font-family:Outfit,sans-serif}.profile-card .MuiInputLabel-root{font-family:Outfit,sans-serif}.profile-card .MuiOutlinedInput-root:hover{box-shadow:0 2px 8px #192f6b14}.profile-card .MuiOutlinedInput-root.Mui-focused{box-shadow:0 3px 12px #192f6b26}.profile-card .MuiOutlinedInput-notchedOutline{border-color:#192f6b26}.profile-card .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:2px}.update-btn{background:var(--primary-color)!important;border-radius:12px!important;padding:.875rem!important;font-weight:600!important;text-transform:none!important;font-size:1rem!important;margin-top:1rem!important;box-shadow:0 4px 16px #192f6b40!important;transition:all .3s ease!important;font-family:Outfit,sans-serif!important}.update-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #192f6b59!important;background:var(--hover-color)!important}.cases-card{background:#fff;border-radius:24px!important;padding:2rem;box-shadow:0 4px 20px #192f6b14;border:2px solid rgba(25,47,107,.12);transition:all .3s ease}.cases-card:hover{box-shadow:0 8px 30px #192f6b1f}.cases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cases-title{font-weight:700!important;color:#192f6b!important;margin:0!important;font-family:Outfit,sans-serif!important}.create-case-btn{background:linear-gradient(135deg,#192f6b,#2a4494)!important;color:#fff!important;border-radius:10px!important;padding:.625rem 1.5rem!important;font-weight:600!important;text-transform:none!important;font-size:.9rem!important;box-shadow:0 3px 12px #192f6b33!important;transition:all .3s ease!important;font-family:Outfit,sans-serif!important}.create-case-btn:hover{transform:translateY(-2px);box-shadow:0 5px 18px #192f6b4d!important;background:linear-gradient(135deg,#1a3575,#2d4a9f)!important}.cases-card .MuiTableContainer-root{border:1px solid rgba(25,47,107,.12);border-radius:12px;overflow:hidden}.cases-card .MuiTableHead-root{background:var(--primary-color)}.cases-card .MuiTableHead-root .MuiTableCell-root{color:#fff!important;font-weight:600!important;border:none;padding:1rem 1.25rem;font-family:Outfit,sans-serif!important;font-size:.95rem}.cases-card .MuiTableBody-root .MuiTableCell-root{padding:1rem 1.25rem;border-bottom:1px solid rgba(25,47,107,.06);font-family:Outfit,sans-serif!important;color:#334155}.table-row{transition:all .2s ease}.table-row:hover{background-color:#f8fafc;cursor:pointer;transform:scale(1.01)}.case-id{font-weight:600!important;color:#192f6b!important}.cases-card .MuiChip-root{font-family:Outfit,sans-serif!important;font-weight:500}.avatar-wrapper{position:relative;display:inline-block}.profile-avatar{width:70px;height:70px;font-size:36px}.avatar-overlay{position:absolute;top:0;left:0;width:70px;height:70px;border-radius:50%;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;transition:opacity .3s}.avatar-wrapper:hover .avatar-overlay{opacity:1}.payments-container{background-color:#fff;padding:1.8rem;border-radius:20px;box-shadow:0 4px 20px #192f6b14;border:2px solid rgba(25,47,107,.12)}.profile-main{border-radius:20px;box-shadow:0 4px 20px #192f6b14;border:2px solid rgba(25,47,107,.12)}.pending-message{font-size:16px;font-weight:600;font-family:Outfit,sans-serif;text-align:center;background-color:#fff3cd;padding:10px;border-radius:8px}@media (max-width: 1024px){.profile-grid{grid-template-columns:1fr}.cases-card{position:relative;top:0}}@media (max-width: 768px){.user-profile-page{padding:1rem .5rem;margin-top:60px}.profile-card,.cases-card{padding:1.5rem;border-radius:20px}.profile-header{flex-direction:column;text-align:center}.profile-avatar{width:60px!important;height:60px!important}.section-header{justify-content:center}.cases-card .MuiTableCell-root{padding:.75rem .5rem;font-size:.875rem}.cases-header{flex-direction:column;gap:1rem;align-items:stretch}.create-case-btn{width:100%}}.feedback-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:feedbackFadeIn .25s ease}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{background:#fff;border-radius:20px;width:90%;max-width:460px;padding:2rem 2rem 1.5rem;position:relative;box-shadow:0 20px 60px #0003;animation:feedbackSlideUp .3s ease;font-family:Outfit,sans-serif}@keyframes feedbackSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-modal-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:#999;padding:4px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.feedback-modal-close:hover{background:#f0f0f0;color:#333}.feedback-modal-header{text-align:center;margin-bottom:1.25rem}.feedback-modal-header h2{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem;font-family:Outfit,sans-serif}.feedback-modal-counter{color:#999!important;font-size:.85rem!important;font-family:Outfit,sans-serif!important}.feedback-modal-info{text-align:center;margin-bottom:1.5rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:12px}.feedback-provider-name{font-weight:600!important;color:#1a1a1a!important;font-family:Outfit,sans-serif!important}.feedback-service-type{color:var(--primary-color)!important;font-weight:500!important;font-size:.85rem!important;margin-top:2px!important;font-family:Outfit,sans-serif!important}.feedback-rating-section{text-align:center;margin-bottom:1.25rem}.feedback-label{color:#555!important;font-size:.9rem!important;margin-bottom:.75rem!important;font-family:Outfit,sans-serif!important}.feedback-stars{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:.5rem}.feedback-star{cursor:pointer;transition:transform .15s ease}.feedback-star:hover{transform:scale(1.15)}.star-filled{color:#ffc107!important;font-size:44px!important;transition:all .2s}.star-empty{color:#ddd!important;font-size:44px!important;transition:all .2s}.feedback-rating-label{color:var(--primary-color)!important;font-weight:600!important;font-size:.95rem!important;font-family:Outfit,sans-serif!important}.feedback-text-section{margin-bottom:1.25rem}.feedback-textarea{width:100%;border:1.5px solid #e0e0e0;border-radius:12px;padding:.85rem 1rem;font-family:Outfit,sans-serif;font-size:.9rem;resize:vertical;min-height:90px;transition:border-color .2s;outline:none;box-sizing:border-box;margin-top:.5rem;color:#333}.feedback-textarea::placeholder{color:#aaa}.feedback-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #c3050f14}.feedback-char-count{display:block;text-align:right;color:#aaa!important;margin-top:4px!important;font-family:Outfit,sans-serif!important}.feedback-modal-actions{display:flex;gap:12px;margin-top:.5rem}.feedback-btn-skip,.feedback-btn-submit{flex:1;padding:.75rem 1.25rem;border-radius:12px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.feedback-btn-skip{background:#f0f0f0;color:#555}.feedback-btn-skip:hover:not(:disabled){background:#e0e0e0}.feedback-btn-submit{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #c3050f40}.feedback-btn-submit:hover:not(:disabled){box-shadow:0 6px 18px #c3050f59;transform:translateY(-1px)}.feedback-btn-submit:disabled{background:#ccc;color:#888;cursor:not-allowed;box-shadow:none}.feedback-btn-skip:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.feedback-modal{width:95%;padding:1.5rem 1.25rem 1.25rem}.star-filled,.star-empty{font-size:36px!important}.feedback-modal-header h2{font-size:1.2rem}}body{font-family:Outfit,sans-serif;background-color:#f7fafc;line-height:1.6}.container{min-height:100vh;padding:60px 20px 20px;margin-top:60px}.form-wrapper{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;border:2px solid rgba(25,47,107,.12);padding:40px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:32px;color:#2d3748;margin-bottom:30px;text-align:left;font-weight:600}.section-title{font-size:20px;color:#4a5568;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;font-weight:600}.highlight-box{background-color:#e0e7ff;border-left:6px solid #192f6b;padding:16px 20px;margin-bottom:30px;font-size:15px;color:#2d3748}.case-form{width:100%}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-form label{display:block;font-size:14px;font-weight:500;color:#4a5568;margin-bottom:8px}.case-form .required{color:#e53e3e;font-weight:700}.case-form input[type=text],.case-form input[type=date],.case-form input[type=number],.case-form select,.case-form textarea{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#2d3748;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.case-form input[type=text]:focus,.case-form input[type=date]:focus,.case-form input[type=number]:focus,.case-form select:focus,.case-form textarea:focus{outline:none;border-color:#192f6b;box-shadow:0 0 0 3px #192f6b1a}.case-form input[type=text]:hover,.case-form input[type=date]:hover,.case-form input[type=number]:hover,.case-form select:hover,.case-form textarea:hover{border-color:#cbd5e0}.case-form textarea{resize:vertical;min-height:100px}.case-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.case-form .checkbox-group{margin:20px 0}.case-form .checkbox-label{display:flex;align-items:center;cursor:pointer;padding:16px;background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;transition:all .3s ease}.case-form .checkbox-label:hover{background-color:#edf2f7;border-color:#cbd5e0}.case-form input[type=checkbox]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#192f6b}.case-form .checkbox-text{font-size:15px;color:#2d3748;font-weight:500}.additional-fields{animation:slideDown .4s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:3000px;transform:translateY(0)}}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:40px;padding-top:30px;border-top:2px solid #e2e8f0}.btn{padding:12px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#192f6b,#0d1b3d);color:#fff;box-shadow:0 4px 12px #192f6b66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #192f6b80}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:#e2e8f0;color:#4a5568}.btn-secondary:hover{background-color:#cbd5e0}@media (max-width: 768px){.form-wrapper{padding:24px}.page-title{font-size:24px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.container{padding:10px}.form-wrapper{padding:20px}.page-title{font-size:20px}.section-title{font-size:18px}}.cases-container{padding:32px;background:#f0f6ff;min-height:100vh}.cases-title{color:#1565c0;margin-bottom:24px;font-size:2rem;font-weight:600;text-align:left}.case-infor{color:#000}.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.case-card{background:#fff;border:1px solid #90caf9;border-radius:12px;box-shadow:0 2px 8px #1565c014;padding:24px;display:flex;flex-direction:column;gap:12px}.case-row{display:flex;justify-content:space-between;align-items:center}.case-label{color:#1976d2;font-weight:500;margin-right:12px}.sidebar{display:flex;flex-direction:column;width:280px;background:#fff;border-right:1px solid #ddd;padding:1rem;min-width:240px;gap:24px;height:100vh;box-sizing:border-box;overflow:hidden}.logo{font-weight:700;font-size:1.2rem;margin-bottom:2rem}.menu{list-style:none;padding:0 6px 0 0;display:flex;flex-direction:column;gap:1rem;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu::-webkit-scrollbar{display:none}.menu li{margin-bottom:0}.menu li>a{text-decoration:none;color:#333;display:flex;align-items:center;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;outline:none;border:none}.menu li>a.active,.menu li>a:hover{background:var(--primary-color);color:#fff}.menu-button{background:none;border:none;color:#333;padding:.5rem .75rem;width:100%;text-align:left;display:flex;align-items:center;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s ease}.menu-button:hover{background:var(--primary-color);color:#fff}.menu-button:focus{outline:none}.dropdown-icon{margin-left:auto;display:flex;align-items:center;transition:transform .3s ease}.menu-button.open .dropdown-icon{transform:rotate(180deg)}.submenu{list-style:none;margin-top:.25rem;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;overflow:hidden;max-height:0;transition:max-height .3s ease}.submenu.open{max-height:500px}.submenu li a{text-decoration:none;color:#555;font-size:.9rem;display:block;padding:.4rem .75rem;border-radius:4px;transition:all .2s ease;margin:10px}.submenu li a:hover,.submenu li a.active{background:var(--primary-color);color:#fff}.sidebar-icon-only{width:60px;min-width:60px;padding:1rem .5rem;align-items:center}.sidebar-icon-only .logo-full-img{display:none}.sidebar-icon-only .logo-icon-img{display:block;width:32px;height:32px;object-fit:contain}.logo-icon-img,.sidebar-icon-only .menu-label,.sidebar-icon-only .dropdown-icon{display:none}.sidebar-icon-only .icon-only-item{position:relative}.sidebar-icon-only .icon-only-item:hover:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#333;color:#fff;font-size:12px;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:200}.sidebar-mobile{width:240px}.menu-icon{flex-shrink:0}.sidebar-icon-only .logo{display:none}.sidebar-icon-only .menu-button,.sidebar-icon-only .menu li>a{justify-content:center;padding:.6rem;width:40px;height:40px;border-radius:8px}.menu li a{gap:1rem}.header{height:60px;min-height:60px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;border-bottom:1px solid #ddd}.right{display:flex;align-items:center;gap:1rem}.user-section{position:relative;display:flex;align-items:center;cursor:pointer}.user-trigger{display:flex;align-items:center;gap:.5rem}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.dropdown-option.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.username{font-size:.9rem}.dropdown-menu{position:absolute;top:50px;right:0;background:#fff;border-radius:10px;width:220px;box-shadow:0 4px 16px #0000001a;padding:12px;z-index:999}.user-info{margin-bottom:12px}.user-info strong{display:block;font-size:14px}.user-info p{font-size:12px;color:#555;margin:4px 0 0}.dropdown-option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;font-size:14px;color:#444;cursor:pointer;transition:background .2s}.dropdown-option:hover{background-color:#f3f4f6}.dropdown-option.active{background-color:#dbeafe;color:#111}.dropdown-option.signout{color:#d00}.sidebar-toggle{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:focus{outline:none;border:none;box-shadow:none}.dashboard-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.main-section{flex-grow:1;display:flex;flex-direction:column;background:#eef0f3}.content-area{padding:1.5rem;flex-grow:1;overflow-y:auto}.header{height:60px;width:100%;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;box-sizing:border-box}.avatar{width:32px;height:32px;border-radius:50%}.icon-badge{position:relative}.icon-badge .dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:red;border-radius:50%}.username{font-size:.9rem;margin-left:.5rem}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:100}@media (max-width: 767px){.dashboard-layout{position:relative}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:101;box-shadow:4px 0 16px #0000001f;width:240px}.main-section{width:100%}}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:60px;min-width:60px;padding:1rem .5rem;align-items:center}}@media (max-width: 470px){.content-area{padding:0rem}}.dashboard{padding:20px;font-family:Inter Tight,sans-serif;background-color:#fff;min-height:100vh;border-radius:10px}.stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.card{flex:1 1 200px;padding:20px;border-radius:12px;background:var(--primary-color);box-shadow:0 2px 6px #0000000d;color:#fff}.card h2{font-size:24px;margin:8px 0}.card span{font-size:12px;color:#fff}.charts{display:flex;flex-wrap:wrap;gap:40px}.chart{background:#fff;padding:20px;border-radius:12px}.pie,.bar{display:flex;flex-direction:column;align-items:center;border:1px solid #e5e7eb}.legend{margin-top:10px;display:flex;gap:20px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.collected{background-color:var(--primary-color)}.pending{background-color:var(--secondary-color)}:root{--primary-color: #c3050f;--hover-color: #7e050b;--secondary-color: #ff8c00;--background-color: #ffffff;--text-color: #333333}.admin-profile-container{max-width:100%;margin:0 auto;padding:2rem;min-height:100vh;background:#f9fafc;border-radius:20px;border:1px solid #e5e7eb}.admin-profile-card{background:var(--background-color);border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;animation:admin-profile-fadeIn .5s ease-in}@keyframes admin-profile-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-profile-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%);color:#fff;padding:2.5rem 2rem;text-align:left;position:relative;overflow:hidden}.admin-profile-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:admin-profile-pulse 15s infinite}@keyframes admin-profile-pulse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,-10px) scale(1.1)}}.admin-profile-title{margin:0;font-size:2rem;font-weight:700;position:relative;z-index:1}.admin-profile-subtitle{margin:.5rem 0 0;font-size:1rem;opacity:.9;position:relative;z-index:1}.admin-profile-form{padding:2.5rem 2rem}.admin-profile-image-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.admin-profile-image-container{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.admin-profile-image-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color);box-shadow:0 4px 15px #c3050f33;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.admin-profile-image{width:100%;height:100%;object-fit:cover}.admin-profile-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-align:center}.admin-profile-image-placeholder p{margin:.5rem 0 0;font-size:.875rem}.admin-profile-image-actions{display:flex;flex-direction:column;gap:.75rem}.admin-profile-image-input{display:none}.admin-profile-image-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px #c3050f4d}.admin-profile-image-upload-btn:hover{background:var(--hover-color);transform:translateY(-2px);box-shadow:0 6px 20px #c3050f66}.admin-profile-image-remove-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:#f44336;border:2px solid #f44336;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease}.admin-profile-image-remove-btn:hover{background:#f44336;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #f443364d}.admin-profile-image-hint{margin-top:.75rem;font-size:.875rem;color:#666;font-style:italic}.admin-profile-form-group{margin-bottom:1.5rem}.admin-profile-label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:600;font-size:.95rem;transition:color .3s ease}.admin-profile-input{width:100%;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:var(--text-color);background:var(--background-color);transition:all .3s ease;box-sizing:border-box}.admin-profile-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c3050f1a;transform:translateY(-1px)}.admin-profile-input:hover:not(:focus){border-color:#bdbdbd}.admin-profile-input-error{border-color:#f44336}.admin-profile-input-error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.admin-profile-error-text{display:block;margin-top:.375rem;color:#f44336;font-size:.875rem;animation:admin-profile-shake .4s ease}@keyframes admin-profile-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.admin-profile-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end;flex-wrap:wrap}.admin-profile-btn-primary,.admin-profile-btn-secondary,.admin-profile-btn-password{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.admin-profile-btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px #c3050f4d}.admin-profile-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.admin-profile-btn-primary:hover:before{left:100%}.admin-profile-btn-primary:hover{background:var(--hover-color);transform:translateY(-2px);box-shadow:0 6px 20px #c3050f66}.admin-profile-btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #c3050f4d}.admin-profile-btn-primary:disabled,.admin-profile-btn-secondary:disabled,.admin-profile-btn-password:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-profile-btn-secondary{background:transparent;color:var(--text-color);border:2px solid #e0e0e0}.admin-profile-btn-secondary:hover{background:#f5f5f5;border-color:#bdbdbd;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.admin-profile-btn-secondary:active{transform:translateY(0)}.admin-profile-btn-password{background:var(--secondary-color);color:#fff;box-shadow:0 4px 15px #ff8c004d}.admin-profile-btn-password:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.admin-profile-btn-password:hover:before{left:100%}.admin-profile-btn-password:hover{background:#e67e00;transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0066}.admin-profile-btn-password:active{transform:translateY(0);box-shadow:0 2px 10px #ff8c004d}.admin-profile-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:admin-profile-spin .6s linear infinite}@keyframes admin-profile-spin{to{transform:rotate(360deg)}}.admin-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.admin-profile-spinner{width:50px;height:50px;border:4px solid rgba(195,5,15,.1);border-top-color:var(--primary-color);border-radius:50%;animation:admin-profile-spin .8s linear infinite}.admin-profile-loading p{color:var(--text-color);font-size:1.1rem;font-weight:500}.admin-profile-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:admin-profile-fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-profile-modal{background:var(--background-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:admin-profile-slideUp .3s ease}@keyframes admin-profile-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%);color:#fff;border-radius:16px 16px 0 0}.admin-profile-modal-title{margin:0;font-size:1.5rem;font-weight:700}.admin-profile-modal-close{background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1;padding:0}.admin-profile-modal-close:hover{background:#fff3;transform:rotate(90deg)}.admin-profile-modal-form{padding:2rem}.admin-profile-modal-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}@media (max-width: 768px){.admin-profile-container{padding:1rem}.admin-profile-header{padding:2rem 1.5rem}.admin-profile-title{font-size:1.5rem}.admin-profile-subtitle{font-size:.9rem}.admin-profile-form{padding:1.5rem 1rem}.admin-profile-image-container{flex-direction:column;align-items:flex-start}.admin-profile-image-preview{width:100px;height:100px}.admin-profile-image-actions{width:100%}.admin-profile-image-upload-btn,.admin-profile-image-remove-btn{width:100%;justify-content:center}.admin-profile-actions{flex-direction:column-reverse}.admin-profile-btn-primary,.admin-profile-btn-secondary,.admin-profile-btn-password{width:100%;justify-content:center}.admin-profile-modal{width:95%;max-height:95vh}.admin-profile-modal-header{padding:1.25rem 1.5rem}.admin-profile-modal-title{font-size:1.25rem}.admin-profile-modal-form{padding:1.5rem}.admin-profile-modal-actions{flex-direction:column-reverse}.admin-profile-modal-actions button{width:100%;justify-content:center}}@media (max-width: 480px){.admin-profile-container{padding:.5rem}.admin-profile-card{border-radius:8px}.admin-profile-header{padding:1.5rem 1rem}.admin-profile-title{font-size:1.25rem}.admin-profile-form{padding:1.25rem 1rem}.admin-profile-input{font-size:.95rem;padding:.75rem .875rem}.admin-profile-modal-header{padding:1rem 1.25rem}.admin-profile-modal-title{font-size:1.125rem}.admin-profile-modal-form{padding:1.25rem 1rem}}.alert-box{padding:12px 16px;border-radius:8px;display:flex;align-items:center;text-align:center;gap:10px;min-width:300px;z-index:9999;font-weight:500}.alert-box.success{background-color:#d4edda;color:#336b4c}.alert-box.error{background-color:#f8d7da;color:#721c24}.alert-icon{font-size:18px}.alert-message{flex:1}.alert-close{background:none;border:none;font-size:16px;cursor:pointer;color:#fff}.alert-close:hover{opacity:.8}.container-wrapper-admin{padding:30px;background-color:#f9faff;min-height:100vh;width:100%;border-radius:10px}.title{color:#1b3275;font-size:28px;font-weight:700;margin-bottom:25px;text-align:left}.tabs{display:flex;gap:10px;margin-bottom:20px;width:fit-content}.handle-app-delete{display:flex;flex-direction:row}.tab{padding:10px 18px;border-radius:6px;background:#f1f1f1;border:none;cursor:pointer;font-weight:500}.cases-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 10px #1b32751a;border-radius:10px;overflow:hidden}.cases-table th{background-color:#1b3275;color:#fff;padding:12px;text-align:left}.cases-table td{padding:12px;border-bottom:1px solid #ddd;color:#333}.cases-table tr:hover{background-color:#f4f6fc}.btn{border:none;padding:8px 12px;border-radius:5px;cursor:pointer;margin-right:6px;font-weight:500}.btn-approve{background-color:#10b981;color:#fff;transition:all .3s ease}.btn-approve:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.btn-delete{background-color:#e63946;color:#fff}.btn-add{background-color:#9e9e9e;color:#fff}.btn-save{background-color:var(--primary-color);color:#fff}.btn-cancel{background-color:#ccc}.loading,.no-data{text-align:center;color:#1b3275;font-size:18px;margin-top:20px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:9999}.popup{background:#fff;width:420px;padding:25px 30px;border-radius:12px;box-shadow:0 10px 30px #00000026;animation:popupFade .25s ease}@keyframes popupFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup h3{margin-bottom:20px;font-size:20px;font-weight:600;color:#222}.popup-row-wrapper{display:flex;flex-direction:column;gap:20px}.popup-row{display:flex;align-items:center;gap:12px}.popup-row label{width:130px;font-weight:500;font-size:14px;color:#444;display:flex;align-items:center}.popup-row input{flex:1;padding:9px 10px;border:1px solid #ccc;border-radius:8px;font-size:14px}.popup-row input:focus{border-color:#007bff}.copy-icon-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:6px}.copy-icon-btn svg{stroke:#555;width:20px;height:20px;transition:.2s}.copy-icon-btn:hover svg{stroke:#000}.popup-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.mark-read-btn,.btn-cancel{padding:10px 18px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:15px;font-weight:500;border:none;cursor:pointer}.status-badge{padding:6px 12px;border-radius:6px;color:#000!important;font-size:13px;font-weight:500}.mark-read-btn{background:#28a745;color:#fff}.mark-read-btn:hover{background:#218838}.btn-cancel{background:#ddd;color:#333}.btn-cancel:hover{background:#c5c5c5}.admin-lawyer-list-container{max-width:100%;margin:0 auto;font-family:Outfit,sans-serif}.admin-lawyer-page-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:2rem;text-align:left}.admin-lawyer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.admin-lawyer-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb;position:relative}.admin-lawyer-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.admin-lawyer-delete-btn{position:absolute;top:10px;left:10px;z-index:10;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease;box-shadow:0 2px 8px #0003}.admin-lawyer-delete-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.admin-lawyer-cover-image{width:100%;height:150px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%)}.admin-lawyer-cover-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.admin-lawyer-card:hover .admin-lawyer-cover-image img{transform:scale(1.1)}.admin-lawyer-profile-section{display:flex;flex-direction:column;align-items:center;margin-top:-50px;position:relative;z-index:2;padding:0 1.5rem}.admin-lawyer-profile-image{width:100px;height:100px;border-radius:50%;border:4px solid white;object-fit:cover;box-shadow:0 4px 12px #00000026;background:#fff}.admin-lawyer-details{padding:1.5rem;text-align:center}.admin-lawyer-details h3{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.admin-lawyer-details p{color:#6b7280;font-size:.875rem;margin:.5rem 0;display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6;text-align:left}.admin-lawyer-details p:last-child{border-bottom:none}.admin-lawyer-details p span{flex-shrink:0;margin-right:.5rem}.admin-lawyer-details p b{color:#111827;font-weight:600;text-align:right;word-break:break-word}.admin-lawyer-description{margin-top:.5rem}.admin-lawyer-description p{margin-bottom:.5rem}.admin-lawyer-description b{display:block;margin-top:.25rem;font-size:.8rem;line-height:1.4}.see-more-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem 0;text-decoration:underline;transition:color .2s ease;margin-top:.25rem}.see-more-btn:hover{color:#1d4ed8}.admin-lawyer-search-container{position:relative;margin-bottom:2rem;max-width:600px}.admin-lawyer-search-input{width:100%;padding:.875rem 3rem .875rem 1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:.5rem;outline:none;transition:all .3s ease;font-family:Outfit,sans-serif;background-color:#fff;color:#2b2b2b}.admin-lawyer-search-input::placeholder{color:#9ca3af}.admin-lawyer-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.admin-lawyer-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#6b7280;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:background .2s ease}.admin-lawyer-search-clear:hover{background:#4b5563}.admin-lawyer-no-results{grid-column:1 / -1;text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}.admin-lawyer-featured-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #fbbf244d;z-index:1}.featured-status{color:#10b981!important;font-weight:700!important}.not-featured-status{color:#6b7280!important}.featured-counter{color:#6b7280;font-size:.875rem;margin-top:.5rem;font-weight:500}.featured-counter span{font-weight:700;color:var(--primary-color)}.featured-limit-reached{color:#ef4444!important}.featured-limit-warning{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.875rem;border-radius:.5rem;font-size:.875rem;line-height:1.5;text-align:center}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:100%;position:relative;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;background:#f3f4f6;border:none;border-radius:50%;width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#6b7280;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#111827}.reviews-modal .modal-header,.hold-users-modal .modal-header{background:#f9fafb;padding:1.5rem;margin:-2rem -2rem 1.5rem;border-radius:1rem 1rem 0 0;border-bottom:2px solid #e5e7eb}.reviews-modal .modal-header h2,.hold-users-modal .modal-header h2{color:#111827!important;font-size:1.75rem!important;font-weight:700!important;margin:0!important}.modal-header-lawyer-card{text-align:center;margin-bottom:2rem}.modal-profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:4px solid var(--primary-color)}.modal-header-lawyer-card h2{font-size:1.5rem;color:#111827;margin-bottom:.5rem}.modal-email{color:#6b7280;font-size:.875rem}.modal-actions{display:flex;flex-direction:column;gap:1rem}.modal-btn{padding:.875rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif}.btn-feature{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.btn-feature:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.btn-unfeature{background:#6b7280;color:#fff}.btn-unfeature:hover:not(:disabled){background:#4b5563;transform:translateY(-2px)}.modal-hold-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.modal-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-family:Outfit,sans-serif;font-size:.875rem;resize:vertical;outline:none;transition:border-color .2s ease}.modal-textarea:focus{border-color:var(--primary-color)}.btn-hold{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-hold:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.admin-lawyer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.btn-view-hold-users{padding:.875rem 1.5rem;background:linear-gradient(to bottom,var(--primary-color),var(--hover-color));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif;white-space:nowrap}.btn-view-hold-users:hover:not(:disabled){background:linear-gradient(to bottom,var(--primary-color),var(--hover-color));transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.btn-view-hold-users:disabled{opacity:.6;cursor:not-allowed}.hold-users-modal{max-width:700px;max-height:80vh;overflow-y:auto}.hold-users-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.hold-user-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.hold-user-info h3{font-size:1.25rem;color:#111827;margin-bottom:.75rem}.hold-user-info p{color:#6b7280;font-size:.875rem;margin:.25rem 0;display:flex;align-items:center;gap:.5rem}.hold-user-info p span:first-child{font-weight:600;color:#374151}.user-role-badge{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.hold-reason{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;font-style:italic}.btn-restore{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-restore:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.no-hold-users{text-align:center;padding:3rem 1rem;color:#6b7280}.no-hold-users p{font-size:1.125rem}@media (max-width: 1024px){.admin-lawyer-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.admin-lawyer-list-container{padding:1.5rem 1rem}.admin-lawyer-page-title{font-size:1.5rem}.admin-lawyer-grid{grid-template-columns:1fr;gap:1.5rem}.admin-lawyer-card{max-width:500px;margin:0 auto;width:100%}.admin-lawyer-header{flex-direction:column;align-items:flex-start}.btn-view-hold-users{width:100%}.hold-users-modal{max-height:70vh}.hold-user-item{padding:1rem}}@media (max-width: 480px){.admin-lawyer-profile-section{margin-top:-40px}.admin-lawyer-profile-image{width:80px;height:80px}.admin-lawyer-details{padding:1rem}.admin-lawyer-details h3{font-size:1.1rem}.modal-content{padding:1.5rem}.modal-profile-image{width:80px;height:80px}.modal-header-lawyer-card h2{font-size:1.25rem}.reviews-modal .modal-header h2,.hold-users-modal .modal-header h2{font-size:1.5rem!important}.modal-btn{padding:.75rem 1.25rem;font-size:.875rem}}.reviews-modal{max-width:800px;max-height:85vh;overflow-y:auto}.lawyer-reviews-summary{text-align:center;padding:1rem 0;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;color:#000}.lawyer-reviews-summary h3{color:#1f2937;font-size:1.5rem;margin-bottom:1rem}.rating-summary{display:flex;flex-direction:column;align-items:center;gap:.5rem}.average-rating{display:flex;align-items:center;gap:1rem}.rating-number{font-size:2.5rem!important;font-weight:700;color:#dc2626!important}.stars-display{display:flex;gap:.25rem}.star-filled{color:#dc2626!important;font-size:1.5rem}.star-empty{color:#d1d5db;font-size:1.5rem}.total-reviews{color:#6b7280;font-size:1rem;margin:0}.reviews-list{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.review-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;transition:all .2s ease}.review-item:hover{box-shadow:0 4px 6px #0000001a}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.reviewer-info h4{margin:0;color:#1f2937;font-size:1.125rem;font-weight:600}.review-email{margin:.25rem 0 0;color:#6b7280;font-size:.875rem}.review-rating{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.review-rating .rating-number{font-size:1rem;color:#6b7280}.review-rating .stars-display{gap:.125rem}.review-rating .star-filled,.review-rating .star-empty{font-size:1rem}.review-feedback{background:#fff;padding:1rem;border-radius:.5rem;margin-bottom:.75rem}.review-feedback p{margin:0;color:#374151;line-height:1.6;font-size:.95rem}.review-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.review-date{text-align:left}.review-date small{color:#9ca3af;font-size:.85rem}.review-item.review-hidden{opacity:.6;background:#fee2e2;border-color:#fecaca}.review-item.review-hidden .review-feedback{background:#fef2f2}.btn-toggle-visibility{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-hide{background:#ef4444;color:#fff}.btn-hide:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 2px 8px #ef44444d}.btn-show{background:#10b981;color:#fff}.btn-show:hover{background:#059669;transform:translateY(-2px);box-shadow:0 2px 8px #10b9814d}.no-reviews{text-align:center;padding:3rem 1rem;color:#9ca3af}.no-reviews p{font-size:1.125rem;margin:0}.admin-lawyer-view-reviews-btn{width:100%;background:#fff;color:#000;border:2px solid #dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.admin-lawyer-view-reviews-btn:hover:not(:disabled){background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.admin-lawyer-view-reviews-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.reviews-modal{max-width:95%;padding:1rem}.lawyer-reviews-summary h3{font-size:1.25rem}.rating-number{font-size:2rem}.review-header{flex-direction:column;gap:.75rem}.review-rating{align-items:flex-start}.review-feedback{padding:.75rem}.review-footer{flex-direction:column;align-items:flex-start}.btn-toggle-visibility{width:100%}}.lawyer-detail-container{max-width:100%;margin:0 auto;font-family:Outfit,sans-serif}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;color:#666}.back-button{background:#f0f0f0;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;margin-bottom:20px;transition:all .3s ease}.back-button:hover{background:#e0e0e0;transform:translate(-5px)}.detail-header{background:var(--primary-color);color:#fff;padding:40px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-shadow:0 10px 30px #00000026}.header-left{display:flex;gap:25px;align-items:center}.detail-profile-image{width:130px;height:130px;border-radius:50%;border:5px solid white;box-shadow:0 5px 15px #0003}.header-info h1{margin:0 0 10px;font-size:2rem}.specialization{font-size:1.1rem;opacity:.9;margin:5px 0}.rating-section{display:flex;gap:15px;align-items:center;margin-top:10px}.rating{font-size:1.1rem;font-weight:700}.reviews{opacity:.9}.verified-badge-detail{background:#ffffff4d;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.header-right{display:flex;gap:15px;flex-direction:column}.contact-button,.message-button{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.contact-button{background:#fff;color:var(--primary-color)}.contact-button:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.message-button{background:#fff3;color:#fff;border:2px solid white}.message-button:hover{background:#ffffff4d;transform:translateY(-2px)}.detail-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.info-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 10px #00000014;transition:all .3s ease}.info-card:hover{box-shadow:0 5px 20px #0000001f;transform:translateY(-3px)}.info-card h2{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--primary-color);font-size:1.5rem}.bio{line-height:1.8;color:#555;font-size:1.05rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item{display:flex;flex-direction:column;gap:5px}.label{font-weight:600;color:var(--primary-color);font-size:.9rem}.value{color:#333;font-size:1rem}.cases-list{display:flex;flex-direction:column;gap:15px}.case-item{background:#f9f9f9;padding:15px;border-radius:8px;border-left:4px solid var(--primary-color)}.case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.case-header h4{margin:0;color:#333;font-size:1rem}.status{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.status.ongoing{background:#ffeaa7;color:#d63031}.status.completed{background:#55efc4;color:#00b894}.case-date{color:#888;font-size:.9rem;margin:5px 0 0}.achievements-list{list-style:none;padding:0;margin:0}.achievements-list li{background:#f0f0f0;padding:12px 15px;margin-bottom:10px;border-radius:8px;color:#333;font-size:1rem;transition:all .3s ease}.achievements-list li:hover{background:#e0e0e0;transform:translate(5px)}.stats-card .stat-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9f9f9;margin-bottom:12px;border-radius:8px;transition:all .3s ease}.stats-card .stat-item:hover{background:#f0f0f0;transform:scale(1.02)}.stat-label{color:#666;font-weight:500}.stat-value{color:var(--primary-color);font-weight:700;font-size:1.3rem}.contact-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f9f9f9;margin-bottom:12px;border-radius:8px}.contact-icon{font-size:1.5rem}.contact-text{color:#333;font-size:.95rem}.action-card .action-btn{width:100%;padding:15px;margin-bottom:10px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-card .action-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #667eea66}@media (max-width: 1024px){.detail-content{grid-template-columns:1fr}.detail-header{flex-direction:column;text-align:center;gap:20px}.header-left{flex-direction:column}.header-right{flex-direction:row;width:100%}.contact-button,.message-button{flex:1}}@media (max-width: 768px){.lawyer-detail-container{padding:15px}.detail-header{padding:25px}.detail-profile-image{width:100px;height:100px}.header-info h1{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.info-card{padding:20px}}@media (max-width: 480px){.header-right{flex-direction:column}.contact-button,.message-button{width:100%}}.user-management{max-width:100%;margin:0 auto;padding:40px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px}.header-wrapper{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;color:#192f6b}.header-wrapper h1{font-size:28px;font-weight:700}.header h1{color:#192f6b;font-size:32px;font-weight:700;margin-bottom:8px}.header p{color:#64748b;font-size:16px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{position:relative;flex-direction:column;background:#fff!important;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #192f6b14;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #192f6b1f}.stat-icon{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:12px 0;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.pending,.stat-icon.approved,.stat-icon.rejected{background:var(--primary-color)}.stat-info h3{color:#192f6b;font-size:28px;font-weight:700;margin-bottom:4px}.stat-info p{color:#64748b;font-size:14px}.tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #192f6b14}.tab{flex:1;padding:12px 24px;border:none;background:transparent;color:#64748b;font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.tab:hover{background:#f1f5f9;color:var(--hover-color)}.tab.active{background:var(--primary-color);color:#fff}.filters{display:flex;gap:16px;margin-bottom:24px}.search-box,.filter-box{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 2px 8px #192f6b14}.search-box{flex:1}.search-box svg,.filter-box svg{color:#94a3b8}.search-box input,.filter-box select{border:none;outline:none;font-size:15px;color:#1e293b;background:transparent;width:100%}.filter-box select{cursor:pointer;padding-right:8px}.search-box input::placeholder{color:#94a3b8}.users-container{display:grid;gap:16px}.user-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #192f6b14;transition:transform .2s,box-shadow .2s}.user-card:hover{transform:translate(4px);box-shadow:0 4px 12px #192f6b1f}.user-avatar{width:50px;height:50px;border-radius:30px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-info{flex:1}.user-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.user-header h3{color:#1e293b;font-size:18px;font-weight:600}.role-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.user{background:#dbeafe;color:#1e40af}.role-badge.lawyer{background:#fef3c7;color:#92400e}.user-email{color:#64748b;font-size:14px;margin-bottom:4px}.license-no{color:#92400e;font-size:13px;font-weight:500;margin-bottom:4px}.registered-date{color:#94a3b8;font-size:13px}.user-actions{display:flex;gap:12px;flex-shrink:0}.btn-approve,.btn-reject{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d;border:none}.btn-view-detail{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-view-detail:hover{background:var(--hover-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.status-badge{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.no-users{background:#fff;border-radius:12px;padding:60px;text-align:center;box-shadow:0 2px 8px #192f6b14}.no-users p{color:#94a3b8;font-size:16px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb;background:var(--primary-color);color:#fff}.header-content{display:flex;align-items:center;gap:16px}.user-avatar{width:56px;height:56px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.header-text{display:flex;flex-direction:column;gap:4px}.user-name{margin:0;font-size:24px;font-weight:600;color:#fff}.user-specialty{margin:0;font-size:14px;color:#ffffffe6;font-weight:500}.close-button{background:#ffffff40;border:2px solid rgba(255,255,255,.4);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:28px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.info-section{margin-bottom:32px}.info-section:last-child{margin-bottom:0}.section-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.info-item{display:flex;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.info-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.info-item.full-width{grid-column:1 / -1}.info-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.info-content{flex:1;min-width:0}.info-content label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-content p{margin:0;font-size:15px;color:#1e293b;font-weight:500;line-height:1.5}.amount{color:#10b981;font-weight:700;font-size:18px}.description-block{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.description-block label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.description-block p{margin:0;font-size:15px;color:#475569;line-height:1.7}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.document-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.document-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.document-button:active{transform:translateY(0)}.registerd-lawyer-btn{background-color:var(--primary-color);color:#fff;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #192f6b33;transition:all .2s;display:flex;align-items:center}.registerd-lawyer-btn:hover{background-color:var(--hover-color);box-shadow:0 6px 16px #192f6b4d;transform:translateY(-2px)}.documents-grid{display:flex;flex-direction:column;gap:20px}.document-section h4{margin-bottom:5px}.document-section ul{list-style:none;padding:0}.document-section li{margin-bottom:5px}.document-section a{color:#007bff;text-decoration:underline}.document-section a:hover{color:#0056b3}@media (max-width: 768px){.modal-container{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.modal-header{padding:20px}.user-name{font-size:20px}.modal-body{padding:20px}.info-grid,.documents-grid{grid-template-columns:1fr}}@media (max-width: 480px){.modal-overlay{padding:0}.modal-container{border-radius:0;max-height:100vh}.user-avatar{width:48px;height:48px}.header-text{gap:2px}.user-name{font-size:18px}}@media (max-width: 768px){.user-management{padding:20px}.header h1{font-size:24px}.stats-container{grid-template-columns:1fr}.filters{flex-direction:column}.user-card{flex-direction:column;text-align:center}.user-actions{width:100%;flex-direction:column}.btn-approve,.btn-reject{width:100%;justify-content:center}}.usermgmt-container{max-width:100%;margin:0 auto;font-family:Outfit,sans-serif}.usermgmt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.usermgmt-search-container{margin-bottom:2rem}.usermgmt-search-wrapper{position:relative;max-width:600px;margin:0 auto}.usermgmt-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9ca3af;pointer-events:none}.usermgmt-search-input{width:100%;padding:.875rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;font-family:Outfit,sans-serif;transition:all .3s ease;background:#fff;box-shadow:0 2px 4px #0000000d;color:#000}.usermgmt-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.usermgmt-search-input::placeholder{color:#9ca3af}.usermgmt-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.usermgmt-search-clear:hover{background:#e5e7eb;color:#374151}.usermgmt-search-results{text-align:center;margin-top:.75rem;color:#6b7280;font-size:.925rem;font-weight:500}.usermgmt-no-results{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.usermgmt-no-results .usermgmt-empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:1rem}.usermgmt-no-results p{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem}.usermgmt-clear-search-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.usermgmt-clear-search-btn:hover{background:var(--hover-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.usermgmt-header h2{font-size:2rem;font-weight:700;color:#111827;margin:0;text-align:left}.usermgmt-user-count{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.usermgmt-count-badge{background:var(--primary-color);color:#fff;font-size:1.25rem;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;min-width:50px;text-align:center}.usermgmt-count-label{color:#111827;font-weight:600;font-size:.95rem}.usermgmt-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.usermgmt-user-card{display:flex;flex-direction:column;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb;position:relative}.usermgmt-user-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.usermgmt-user-header-wrapper{display:flex;justify-content:center;margin-bottom:1rem;background:linear-gradient(to bottom,var(--primary-color),var(--hover-color));padding:20px}.usermgmt-user-avatar{width:60px;height:60px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:4px solid white;box-shadow:0 4px 12px #00000026}.usermgmt-user-details{padding:3.5rem 1.5rem 1.5rem;text-align:center}.usermgmt-user-name{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.usermgmt-user-email{color:#6b7280;font-size:.875rem;margin:.5rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.usermgmt-user-email:last-child{border-bottom:none}.usermgmt-icon{width:18px;height:18px;color:var(--primary-color);flex-shrink:0}.usermgmt-delete-btn{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;padding:.4rem .8rem;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:all .3s ease;color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #fbbf244d;z-index:1}.usermgmt-delete-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.usermgmt-delete-btn svg{width:14px;height:14px}.usermgmt-update-btn{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#10b981,#059669);border:none;padding:.4rem .8rem;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:all .3s ease;color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #10b9814d;z-index:1}.usermgmt-update-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.usermgmt-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:2rem 0}.usermgmt-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#111827;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif}.usermgmt-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.usermgmt-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6;color:#9ca3af}.usermgmt-pagination-btn svg{width:20px;height:20px}.usermgmt-pagination-numbers{display:flex;align-items:center;gap:.5rem}.usermgmt-pagination-number{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#111827;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif}.usermgmt-pagination-number:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.usermgmt-pagination-number.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.usermgmt-pagination-ellipsis{color:#9ca3af;font-weight:600;padding:0 .5rem}.usermgmt-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.usermgmt-spinner{width:60px;height:60px;border:6px solid #f3f4f6;border-top-color:#ef4444;border-radius:50%;animation:usermgmt-spin 1s linear infinite}@keyframes usermgmt-spin{to{transform:rotate(360deg)}}.usermgmt-loading-spinner p{margin-top:1.5rem;color:#111827;font-size:1.1rem;font-weight:600}.usermgmt-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:.875rem;display:flex;align-items:center;gap:1rem;color:#991b1b;font-size:.875rem;line-height:1.5;text-align:center}.usermgmt-error-icon{width:24px;height:24px;color:#dc2626;flex-shrink:0}.usermgmt-error-message p{margin:0;font-size:1rem;font-weight:600}.usermgmt-empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}.usermgmt-empty-icon{width:80px;height:80px;color:#9ca3af;margin:0 auto 1.5rem}.usermgmt-empty-state p{color:#6b7280;font-size:1.125rem;margin:0}@media (max-width: 1024px){.usermgmt-users-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.usermgmt-container{padding:1.5rem 1rem}.usermgmt-header{flex-direction:column;align-items:flex-start}.usermgmt-header h2{font-size:1.5rem}.usermgmt-user-count{width:100%;justify-content:space-between}.usermgmt-users-grid{grid-template-columns:1fr;gap:1.5rem}.usermgmt-user-card{max-width:500px;margin:0 auto;width:100%}.usermgmt-pagination{flex-wrap:wrap;gap:.75rem}.usermgmt-pagination-btn{padding:.625rem 1rem;font-size:.875rem}.usermgmt-pagination-number{min-width:36px;height:36px;font-size:.875rem}}@media (max-width: 480px){.usermgmt-user-header-wrapper{padding:15px}.usermgmt-user-avatar{width:50px;height:50px;font-size:1.5rem}.usermgmt-user-details{padding:1rem}.usermgmt-user-name{font-size:1.1rem}.usermgmt-pagination-numbers{gap:.25rem}.usermgmt-pagination-number{min-width:32px;height:32px;font-size:.8rem}.usermgmt-pagination-btn{padding:.5rem .75rem;font-size:.8rem}.usermgmt-pagination-btn span{display:none}}.usermgmt-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:usermgmt-fadeIn .3s ease}@keyframes usermgmt-fadeIn{0%{opacity:0}to{opacity:1}}.usermgmt-modal-content{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:usermgmt-slideUp .3s ease}@keyframes usermgmt-slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.usermgmt-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.usermgmt-modal-header h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.usermgmt-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease}.usermgmt-modal-close:hover{background:#f3f4f6;color:#111827}.usermgmt-modal-form{display:flex;flex-direction:column;gap:1.5rem}.usermgmt-form-group{display:flex;flex-direction:column;gap:.5rem}.usermgmt-form-group label{font-size:.95rem;font-weight:600;color:#374151}.usermgmt-form-input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;font-family:Outfit,sans-serif;transition:all .3s ease;color:#000;background-color:#fff}.usermgmt-form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.usermgmt-form-input:active{border-color:var(--primary-color)}.usermgmt-modal-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.9rem}.usermgmt-modal-success{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#166534;font-size:.9rem}.usermgmt-modal-actions{display:flex;gap:1rem;margin-top:1rem}.usermgmt-modal-btn-cancel,.usermgmt-modal-btn-submit{flex:1;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .3s ease;border:none}.usermgmt-modal-btn-cancel{background:#f3f4f6;color:#374151}.usermgmt-modal-btn-cancel:hover{background:#e5e7eb}.usermgmt-modal-btn-submit{background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.usermgmt-modal-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}body{font-family:Outfit,sans-serif;background-color:#f5f5f5}.profile-container-wrapper{max-width:100%;margin:0 auto;padding:0;border:2px solid rgba(25,47,107,.12);border-radius:12px;overflow:hidden}.page-title{font-size:24px;font-weight:500;color:#000}.profile-banner{background-color:#192f6b28;padding:60px 30px 40px;display:flex;justify-content:space-between;align-items:center;position:relative;border-radius:12px 12px 0 0}.profile-info{display:flex;flex-direction:row;align-items:center;gap:20px}.avatar-profile{width:60px;height:60px;border-radius:50%}.profile-details{text-align:left}.profile-name{font-size:20px;font-weight:600;color:#000;margin-bottom:4px}.profile-specialty{font-size:16px;font-weight:400;color:#000}.verified-badge{background-color:#90c9a4;color:#000;padding:10px 24px;border-radius:25px;font-size:14px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px;background-color:#f5f5f5}.stat-card{background-color:#fff;padding:40px 20px;border-radius:12px;text-align:center}.stat-value{font-size:25px;font-weight:600;color:#000;margin-bottom:8px}.stat-label{font-size:16px;font-weight:400;color:#000}.cases-section{padding:30px;background-color:#f5f5f5;border-radius:0 0 12px 12px}.tab-buttons{display:flex;gap:10px;margin-bottom:20px}.tab-btn{padding:12px 32px;background-color:#d3d3d3;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;color:#000;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background-color:silver}.tab-btn.active{background-color:var(--primary-color);color:#fff}.cases-table-wrapper{background-color:#fff;border-radius:12px;overflow:hidden}.cases-table{width:100%;border-collapse:collapse}.cases-table thead{background-color:#b8b8b8}.cases-table th{background-color:var(--primary-color)!important;padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#000;border:none}.cases-table tbody tr{background-color:#e8e8e8;border-bottom:12px solid #ffffff}.cases-table tbody tr:last-child{border-bottom:none}.cases-table td{padding:24px 20px;font-size:15px;font-weight:400;color:#000}.complete-profile-alert{background-color:#ffcdcd;color:#850404;border:1px solid #ffbaba;padding:15px 20px;border-radius:8px;margin-bottom:20px;font-size:18px}@media (max-width: 968px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr;padding-top:30px}.profile-info{flex-direction:column;text-align:center}.profile-details{text-align:center}.verified-badge{margin-top:20px;display:inline-block}.profile-banner{flex-direction:column;align-items:center}.cases-table-wrapper{overflow-x:auto}}.appt-calendar-container{width:100%;max-width:100%;margin:0 auto;padding:20px}.appt-calendar-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;padding:30px;margin-bottom:30px}.appt-calendar-nav-btn{background:var(--primary-color);color:#fff;border:none;width:45px;height:45px;border-radius:12px;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #667eea4d}.view-status-btn{position:absolute;top:8px;right:8px;background-color:var(--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:12px}.appt-calendar-nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.appt-calendar-nav-btn:active{transform:translateY(0)}.appt-cal-day{aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease;background:#f7fafc;border:2px solid transparent}.appt-cal-today{border:var(--primary-color);background:linear-gradient(135deg,#667eea15,#764ba215)}.appt-cal-has-appointment:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px #667eea66}.appt-calendar-legend-dot{width:30px;height:30px;border-radius:8px;background:var(--primary-color)}.appt-calendar-legend-today{width:30px;height:30px;border-radius:8px;border:2px solid var(--primary-color);background:linear-gradient(135deg,#667eea15,#764ba215)}.appt-cal-modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.appt-cal-modal-card{position:relative;background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:15px;border-left:4px solid var(--primary-color);transition:all .2s ease}.appt-cal-modal-time{display:flex;align-items:center;gap:8px;color:var(--primary-color);font-weight:700;font-size:18px;margin-bottom:15px}.appt-cal-table thead{background:var(--primary-color)!important;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:2rem;border-radius:8px;width:400px;max-width:90%;display:flex;flex-direction:column;gap:1rem}.status-buttons{display:flex;gap:10px}.status-btn{flex:1;padding:.5rem;border-radius:6px;border:1px solid #ddd;cursor:pointer;background:#f5f5f5;color:#000;transition:.2s}.status-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}textarea{width:100%;padding:.5rem;border-radius:6px;border:1px solid #ccc;resize:none;background-color:#fff;color:#000}@media (max-width: 768px){.appt-cal-container{padding:15px}.appt-cal-wrapper{padding:20px}.appt-cal-month-year{font-size:22px}.appt-calendar-nav-btn{width:40px;height:40px;font-size:20px}.appt-cal-weekday{font-size:12px;padding:8px 4px}.appt-cal-grid{gap:8px}.appt-cal-day-number{font-size:14px}.appt-cal-modal{max-width:95%;margin:10px}.appt-cal-modal-header{padding:20px}.appt-cal-modal-header h3{font-size:16px}.appt-cal-modal-body,.appt-cal-table-wrapper{padding:20px}.appt-cal-table-header{flex-direction:column;align-items:flex-start}.appt-cal-table th,.appt-cal-table td{padding:12px 15px;font-size:13px}.appt-cal-legend{flex-direction:column;gap:15px}}.payment-log-container{max-width:100%;margin:0 auto;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;box-sizing:border-box}.payment-log-container h1{color:#192f6b;text-align:left;margin-bottom:25px;font-size:28px;font-weight:600}.tabs-container{display:flex;gap:10px;margin-bottom:25px;border-bottom:2px solid #e0e0e0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;bottom:-2px;white-space:nowrap;flex-shrink:0}.tab-button:hover{color:var(--primary-color)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.refunds-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px}.stat-card{background:linear-gradient(135deg,var(--primary-color) 0%,#3a5bb8 100%);padding:25px;border-radius:12px;box-shadow:0 4px 12px #192f6b26;color:#fff}.stat-card h3{font-size:14px;font-weight:500;margin-bottom:10px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stat-card .stat-value{font-size:32px;font-weight:700;margin:0}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;background-color:#fafafa;border:1px solid #e0e0e0}.payment-table{width:100%;min-width:480px;border-collapse:collapse;text-align:left;font-size:15px}.payment-table th{background-color:var(--primary-color);color:#fff;font-weight:600;padding:14px;white-space:nowrap}.payment-table td{padding:12px 14px;border-bottom:1px solid #ddd}.payment-table tr:last-child td{border-bottom:none}.payment-table tr:hover{background-color:#f5f7fb}.empty-text{text-align:center;color:#888;padding:30px;font-size:15px}.payment-cards-list{display:none}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;color:#fff;font-size:13px;font-weight:500;white-space:nowrap}.status-completed{background-color:#16a34a}.status-failed{background-color:#dc2626}.status-refund{background-color:#f59e0b}.status-pending{background-color:#3b82f6}.stripe-id{font-family:Courier New,monospace;font-size:12px;color:#666;background-color:#f5f5f5;padding:4px 8px;border-radius:4px;display:inline-block;cursor:help;word-break:break-all}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-refund,.btn-partial-refund{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-refund{background-color:#dc2626;color:#fff}.btn-refund:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 6px #dc26264d}.btn-partial-refund{background-color:#f59e0b;color:#fff}.btn-partial-refund:hover{background-color:#d97706;transform:translateY(-1px);box-shadow:0 2px 6px #f59e0b4d}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box;animation:fadeIn .2s ease}.modal-content{background-color:#fff;padding:30px;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;box-sizing:border-box;animation:slideUp .3s ease}.modal-content h2{color:#192f6b;margin-bottom:20px;font-size:24px;font-weight:600}.modal-details{background-color:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.modal-details p{margin:8px 0;color:#333;font-size:15px;word-break:break-word}.modal-details strong{color:#192f6b;font-weight:600}.warning-text{color:#dc2626;font-size:14px;line-height:1.6;margin:15px 0;padding:12px;background-color:#fee;border-left:4px solid #dc2626;border-radius:4px}.form-group{margin:20px 0}.form-group label{display:block;color:#192f6b;font-weight:600;margin-bottom:8px;font-size:15px}.refund-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s ease;box-sizing:border-box}.refund-input:focus{outline:none;border-color:var(--primary-color)}.refund-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-hint{display:block;color:#666;font-size:13px;margin-top:6px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;flex-wrap:wrap}.btn-cancel,.btn-confirm-refund{padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.btn-cancel{background-color:#e5e7eb;color:#374151}.btn-cancel:hover:not(:disabled){background-color:#d1d5db}.btn-confirm-refund{background-color:#dc2626;color:#fff}.btn-confirm-refund:hover:not(:disabled){background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-cancel:disabled,.btn-confirm-refund:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#fee;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #dc2626;font-size:14px}.success-message{background-color:#dcfce7;color:#16a34a;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #16a34a;font-size:14px}.loading-text,.error-text{text-align:center;padding:40px 20px;font-size:15px;color:#666}.error-text{color:#dc2626}@media (max-width: 640px){.payment-log-container{padding:16px 12px;border-radius:10px}.payment-log-container h1{font-size:20px;margin-bottom:18px}.table-container{display:none}.payment-cards-list{display:flex;flex-direction:column;gap:12px}.payment-card{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #0000000d;background:#fff}.payment-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#192f6b}.payment-card-name{color:#fff;font-weight:600;font-size:15px;word-break:break-word}.payment-card-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #f0f0f0;gap:8px}.payment-card-label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.payment-card-value{font-size:14px;color:#222;text-align:right}.payment-card-amount{font-weight:700;color:#192f6b;font-size:15px}.tab-button{padding:10px 14px;font-size:14px}.refunds-stats{grid-template-columns:1fr;gap:12px}.stat-card{padding:18px}.stat-card .stat-value{font-size:26px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:16px 16px 0 0;padding:20px 16px;max-height:92vh;max-width:100%}.modal-content h2{font-size:18px}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm-refund{width:100%;text-align:center;padding:12px}.action-buttons{flex-direction:column;gap:6px}.btn-refund,.btn-partial-refund{width:100%;font-size:13px;padding:8px 12px}}@media (min-width: 641px) and (max-width: 768px){.payment-log-container{padding:20px 16px}.payment-log-container h1{font-size:22px}.payment-table th,.payment-table td{padding:10px 12px;font-size:14px}.refunds-stats{grid-template-columns:1fr 1fr;gap:14px}.stat-card .stat-value{font-size:26px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.lawyer-profile-wrapper{min-height:100vh;background-color:#f5f7fa;padding-bottom:60px}.cover-container{position:relative;width:100%;height:280px;background-color:var(--primary-color);overflow:hidden;border-radius:12px 12px 0 0}.cover-image{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#8d8d8d}.cover-placeholder span{color:#ffffff80;font-size:18px;font-weight:500;letter-spacing:.5px}.cover-upload-btn{position:absolute;top:24px;right:24px;padding:10px 20px;background-color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.cover-upload-btn:hover{background-color:#f8f9fa;box-shadow:0 4px 12px #0003}.profile-content{max-width:1400px;margin:-120px auto 0;padding:0 24px;display:grid;grid-template-columns:350px 1fr;gap:32px;position:relative}.profile-sidebar{display:flex;flex-direction:column;gap:24px}.profile-avatar-container{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014;text-align:center;align-items:center;display:flex;flex-direction:column}.profile-avatar,.avatar-placeholder{width:160px;height:160px;border-radius:50%;margin:0 auto 20px;border:6px solid white;box-shadow:0 4px 12px #0000001a}.profile-avatar{object-fit:cover}.avatar-placeholder{background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.avatar-upload-btn{display:inline-block;padding:10px 24px;background-color:#f8f9fa;border:2px solid #e2e8f0;border-radius:6px;color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.avatar-upload-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.profile-basic-info{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.profile-name{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:20px;text-align:center}.profile-info-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f3f5;color:#4a5568;font-size:14px}.profile-info-item:last-child{border-bottom:none}.profile-info-item svg{color:var(--primary-color);flex-shrink:0}.consultation-fee-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;border:2px solid var(--primary-color)}.consultation-fee-card h3{font-size:16px;font-weight:700;color:#1a202c;margin-bottom:16px}.checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:16px;font-size:14px;color:#4a5568}.checkbox-container input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.fee-input-group{display:flex;align-items:center;background-color:#f8f9fa;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.fee-input-group .currency{padding:12px 16px;background-color:#e2e8f0;font-weight:700;color:var(--primary-color);font-size:14px}.fee-input{flex:1;padding:12px 16px;border:none;background:transparent;font-size:16px;font-weight:600;color:#1a202c}.fee-input:focus{outline:none}.free-badge{background-color:#d4edda;color:#155724;padding:12px 16px;border-radius:6px;text-align:center;font-weight:600;font-size:14px}.profile-main{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #00000014}.form-section{margin-bottom:40px}.form-section:last-of-type{margin-bottom:32px}.section-title{font-size:20px;font-weight:700;color:#363636;margin-bottom:24px;padding-bottom:12px;border-bottom:3px solid var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;color:#1a202c;background-color:#fff;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background-color:#f8f9fa}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group textarea{resize:vertical;min-height:140px}.file-upload-wrapper{display:flex;flex-direction:column;gap:10px}.file-upload-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background-color:#f8f9fa;border:2px dashed #cbd5e0;border-radius:8px;color:#192f6b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:fit-content}.file-upload-btn:hover{background-color:#e2e8f0;border-color:var(--primary-color-dark)}.file-upload-btn svg{flex-shrink:0}.file-name{font-size:13px;color:#4a5568;padding:8px 12px;background-color:#ffbdbdd0;border-radius:6px;word-break:break-word;display:flex;align-items:center;gap:8px}.file-name:before{content:"📄";font-size:16px}.file-hint{font-size:12px;color:#718096;font-style:italic;margin-top:4px}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background-color:#e8f4f8;border:1px solid #bee3f0;border-radius:6px;transition:all .2s ease}.file-item:hover{background-color:#d6eef6;border-color:#9dd4e8}.file-item .file-name{flex:1;background-color:transparent;padding:0;margin:0;font-size:13px;color:#2d3748;word-break:break-word}.remove-file-btn{flex-shrink:0;min-width:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#ff4757;color:#fff;border:none;border-radius:50%!important;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:0;overflow:hidden;text-align:center;transition:all .2s ease}.remove-file-btn:hover{background-color:#e63946;transform:scale(1.1)}.remove-file-btn:active{transform:scale(.95)}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:2px solid #f1f3f5}.btn-cancel,.btn-save{padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.btn-cancel{background-color:#fff;color:#4a5568;border-color:#e2e8f0}.btn-cancel:hover{background-color:#f8f9fa;border-color:#cbd5e0}.btn-save{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-save:hover{background-color:var(--primary-color)}.loader{width:40px;height:40px;border:4px solid #969696;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.incomplete-profile-warning{display:flex;justify-content:space-between;align-items:center;background-color:#ffcdcd;border:1px solid #ff9d9d;color:var(--primary-color);padding:16px;border-radius:8px;margin-bottom:24px;text-align:center;font-weight:600}.loader-large{width:60px;height:60px;border:5px solid var(--primary-color);border-top:5px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.loader-dots{display:inline-flex;gap:8px}.loader-dots span{width:10px;height:10px;background-color:var(--primary-color);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.loader-dots span:nth-child(1){animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.lawyer-profile-wrapper>div[style*="position: fixed"]{animation:fadeIn .3s ease-in-out}@media (max-width: 1200px){.profile-content{grid-template-columns:320px 1fr;gap:24px}}@media (max-width: 992px){.profile-content{grid-template-columns:1fr;margin-top:-80px}.profile-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.profile-avatar-container{grid-column:1 / -1}}@media (max-width: 768px){.cover-container{height:200px}.profile-content{padding:0 16px;margin-top:-60px}.profile-main{padding:24px}.form-grid{grid-template-columns:1fr;gap:20px}.profile-avatar,.avatar-placeholder{width:120px;height:120px}.section-title{font-size:18px}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.file-upload-btn{width:100%;justify-content:center}}@media (max-width: 480px){.cover-upload-btn{bottom:12px;right:12px;padding:8px 16px;font-size:13px}.cover-upload-btn svg{width:16px;height:16px}.profile-avatar-container{padding:24px}.profile-name{font-size:20px}.consultation-fee-card{padding:20px}}.crop-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.crop-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.crop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.crop-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.crop-close-btn{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.crop-close-btn:hover{background-color:#f3f4f6;color:#1f2937}.crop-modal-body{padding:24px;overflow:auto;flex:1;display:flex;justify-content:center;align-items:center}.crop-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.btn-cancel-crop,.btn-save-crop{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel-crop{background-color:#f3f4f6;color:#374151}.btn-cancel-crop:hover{background-color:#e5e7eb}.btn-save-crop{background-color:var(--primary-color, #2563eb);color:#fff}.btn-save-crop:hover{background-color:var(--primary-hover, #1d4ed8)}@media (max-width: 768px){.crop-modal{max-width:95%}.crop-modal-header h3{font-size:18px}.crop-modal-body,.crop-modal-footer{padding:16px}.btn-cancel-crop,.btn-save-crop{padding:8px 20px;font-size:13px}}.lawyer-cases-wrapper{min-height:100vh;display:flex;justify-content:center;padding:16px;box-sizing:border-box}.lawyer-cases-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;width:100%;max-width:100%;padding:30px;box-sizing:border-box}.cases-title{color:#1a1a1a;font-size:22px;font-weight:600;margin-bottom:30px!important}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cases-table{width:100%;min-width:700px;border-collapse:collapse;overflow:hidden;border-radius:10px}.cases-table th{background-color:#102a71;color:#fff;padding:14px;text-align:left;font-weight:500;text-transform:capitalize;white-space:nowrap}.cases-table td{padding:14px;border-bottom:1px solid #eee;color:#333}.cases-table tr:last-child td{border-bottom:none}.mobile-sessions-list{display:none}.status-badge{display:inline-block;padding:5px 12px;border-radius:25px;font-size:12px;font-weight:500;color:#fff;white-space:nowrap}.status-badge.pending{background-color:#ffb400}.status-badge.approved{background-color:#87ca97;color:#000}.status-badge.rejected{background-color:#dc3545}.status-badge.completed{background-color:#28a745}.status-badge.cancelled{background-color:#dc3545}.status-badge.no-show{background-color:#6c757d}.status-badge-common{background-color:#f8d4d4;color:#333;padding:3px 12px;border-radius:25px}.view-btn-wrapper{background-color:#dc3545;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease;white-space:nowrap}.view-btn-wrapper:hover{background-color:#b71c1c}.meeting-status-dropdown{padding:6px 36px 6px 12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#333;font-size:14px;cursor:pointer;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:24px;max-width:100%}.meeting-status-dropdown:hover{border-color:#c3050f}.meeting-status-dropdown:focus{outline:none;border-color:#c3050f;box-shadow:0 0 0 2px #c3050f1a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-content{background:#fff;padding:24px;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;box-sizing:border-box}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.modal-header h2{font-size:18px;color:#1a1a1a;margin:0;line-height:1.3}.modal-close-x{background:none;border:none;font-size:26px;line-height:1;color:#666;cursor:pointer;padding:0 4px;flex-shrink:0;transition:color .2s}.modal-close-x:hover{color:#dc3545}.modal-details{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.modal-detail-row{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.modal-detail-label{font-weight:600;color:#555;font-size:13px;min-width:100px;flex-shrink:0}.modal-detail-value{color:#222;font-size:14px;word-break:break-word}.zoom-link-section{margin:16px 0;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.zoom-link-section .modal-detail-label{display:block;margin-bottom:6px}.zoom-link-value{word-break:break-all;font-size:14px;color:#333}.zoom-link{color:#1b3275;text-decoration:none}.zoom-link:hover{text-decoration:underline}.full-description{color:#444;line-height:1.6;font-size:14px;background:#f8f9fa;padding:12px;border-radius:8px;margin:0 0 16px;word-break:break-word}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.approve-btn{background:#28a745;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;flex:1 1 auto;min-width:110px;transition:background .3s}.approve-btn:hover{background:#218838}.amendment-btn{background:#c3050f;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;flex:1 1 auto;min-width:140px;transition:background .3s}.amendment-btn:hover{background:#7e050b}.close-btn{background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;flex:1 1 auto;min-width:80px;transition:background .3s}.close-btn:hover{background:#5a6268}.amendment-form{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.amendment-form h3{color:#102a71;margin:0 0 15px;font-size:16px}.amendment-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .3s ease;box-sizing:border-box}.amendment-textarea:focus{outline:none;border-color:#c3050f;box-shadow:0 0 0 2px #c3050f1a}.char-count{font-size:12px;color:#6c757d;margin-top:4px;margin-bottom:8px;text-align:right}.amendment-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.submit-amendment-btn{background-color:#c3050f;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;flex:1 1 auto;transition:background .3s ease}.submit-amendment-btn:hover{background-color:#7e050b}.submit-amendment-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.cancel-amendment-btn{background-color:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;flex:1 1 auto;transition:background .3s ease}.cancel-amendment-btn:hover{background-color:#5a6268}.cancel-amendment-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.zoom-section{margin-top:20px}.zoom-btn{background-color:#1b3275;color:#fff;border:none;padding:8px 14px;border-radius:5px;cursor:pointer;transition:.3s}.zoom-btn:hover{background-color:#142659}.feedback-section{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.existing-feedback{margin-top:10px}.feedback-text{background:#f8f9fa;padding:12px;border-radius:6px;color:#333;line-height:1.6;margin-top:8px}.add-feedback-btn{background-color:#c3050f;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:10px;transition:background .3s ease}.add-feedback-btn:hover{background-color:#7e050b}.feedback-form{margin-top:15px}.feedback-form label{display:block;margin-bottom:8px;color:#333}.feedback-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .3s ease;box-sizing:border-box}.feedback-textarea:focus{outline:none;border-color:#c3050f;box-shadow:0 0 0 2px #c3050f1a}.feedback-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.submit-feedback-btn{background-color:#c3050f;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.submit-feedback-btn:hover{background-color:#7e050b}.cancel-feedback-btn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.cancel-feedback-btn:hover{background-color:#5a6268}.amendment-section{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.amendment-section h4{color:#333;margin-bottom:12px;font-size:16px}.request-amendment-btn{background-color:#c3050f;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.request-amendment-btn:hover{background-color:#7e050b}@media (max-width: 767px){.lawyer-cases-wrapper{padding:10px;align-items:flex-start}.lawyer-cases-card{padding:16px;border-radius:10px}.cases-title{font-size:18px;margin-bottom:20px!important}.table-scroll-wrapper{display:none}.mobile-sessions-list{display:flex;flex-direction:column;gap:14px}.session-card{border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.session-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#102a71}.session-card-id{color:#fff;font-weight:600;font-size:14px}.session-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.session-card-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session-card-label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.4px;min-width:58px;flex-shrink:0}.session-card-value{font-size:14px;color:#222;word-break:break-word}.session-card-footer{padding:12px 14px;border-top:1px solid #f0f0f0;background:#fafafa}.session-card-footer .view-btn-wrapper{width:100%;padding:10px;font-size:15px;border-radius:8px}.meeting-status-dropdown{font-size:13px;padding:6px 32px 6px 10px}.modal-overlay{padding:0;align-items:flex-end}.modal-content{border-radius:16px 16px 0 0;max-height:92vh;max-width:100%;padding:20px 16px}.modal-header h2{font-size:16px}.modal-actions{flex-direction:column}.approve-btn,.amendment-btn,.close-btn{width:100%;text-align:center;padding:12px;font-size:15px}.amendment-actions{flex-direction:column}.submit-amendment-btn,.cancel-amendment-btn{width:100%;padding:12px;font-size:15px}}@media (min-width: 768px) and (max-width: 1023px){.lawyer-cases-card{padding:20px}.cases-table th,.cases-table td{padding:10px 12px;font-size:13px}.view-btn-wrapper{padding:6px 10px;font-size:13px}.modal-content{max-width:90%}}.manage-slots-page{min-height:100vh;padding:16px;box-sizing:border-box}.manage-slots-container{margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 20px #0000001a;box-sizing:border-box}.manage-slots-title{font-size:2rem;color:#2d3748;margin-bottom:10px;text-align:center}.manage-slots-subtitle{color:#718096;text-align:center;margin-bottom:32px;font-size:1rem}.pending-banner{display:flex;align-items:flex-start;gap:10px;background-color:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:8px;padding:14px 18px;margin-bottom:24px;font-weight:500;font-size:.95rem;line-height:1.5;box-sizing:border-box}.pending-banner-icon{font-size:18px;flex-shrink:0;margin-top:1px}.slots-form{background:#f7fafc;padding:30px;border-radius:15px;margin-bottom:40px;box-sizing:border-box}.form-section{margin-bottom:28px}.slots-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#2d3748;margin-bottom:12px;font-size:1rem;flex-wrap:wrap}.selected-count{font-weight:400;color:#718096;font-size:.9rem}.slots-input{width:100%;max-width:260px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s;box-sizing:border-box}.slots-input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:400px;overflow-y:auto;padding:12px;background:#fff;border-radius:10px;-webkit-overflow-scrolling:touch}.time-slot-btn{padding:12px 8px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.88rem;font-weight:500;color:#4a5568;text-align:center;touch-action:manipulation}.time-slot-btn:hover{border-color:#667eea;transform:translateY(-2px)}.time-slot-btn.selected{background:var(--primary-color, #667eea);color:#fff;border-color:var(--primary-color, #667eea)}.time-slot-btn.disabled,.time-slot-btn:disabled{background:#f7fafc;color:#cbd5e0;border-color:#e2e8f0;cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.add-slot-btn{flex:1 1 180px;max-width:260px;padding:14px 20px;background:var(--primary-color, #667eea);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;touch-action:manipulation}.add-slot-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.add-slot-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-edit-btn{background:#6c757d}.cancel-edit-btn:hover:not(:disabled){box-shadow:0 10px 25px #6c757d59}.existing-slots{margin-top:40px}.existing-slots-title{font-size:1.4rem;color:#2d3748;margin-bottom:20px}.slots-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.slot-card{background:#f7fafc;border-radius:12px;padding:18px 20px;border:2px solid #e2e8f0;transition:all .3s}.slot-card:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea1a}.slot-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.slot-date{font-size:1rem;color:#2d3748;margin:0;font-weight:600;line-height:1.4}.slot-actions{display:flex;gap:8px;flex-shrink:0}.slot-action-btn{padding:8px 14px;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;touch-action:manipulation;white-space:nowrap}.update-btn{background:#ffc107;color:#1a1a1a}.update-btn:hover{background:#e0a800;transform:translateY(-1px)}.delete-slot-btn{background:#fc8181}.delete-slot-btn:hover{background:#f56565;transform:translateY(-1px)}.slot-times{display:flex;flex-wrap:wrap;gap:8px}.time-badge{padding:5px 11px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem;color:#4a5568;font-weight:500}.save-slots-btn{width:100%;padding:16px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;touch-action:manipulation}.save-slots-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #48bb7866}.save-slots-btn:disabled{opacity:.6;cursor:not-allowed}.slots-message{margin-top:20px;padding:14px 16px;border-radius:8px;text-align:center;font-weight:600;font-size:.95rem;background:#fed7d7;color:#c53030;border:1px solid #fc8181;line-height:1.5}.slots-message.success{background:#c6f6d5;color:#2f855a;border-color:#48bb78}@media (max-width: 768px){.manage-slots-page{padding:10px}.manage-slots-container{padding:20px 16px;border-radius:14px}.manage-slots-title{font-size:1.5rem}.manage-slots-subtitle{font-size:.9rem;margin-bottom:20px}.slots-form{padding:18px 14px;border-radius:12px;margin-bottom:28px}.slots-input{max-width:100%}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;padding:10px;max-height:300px}.time-slot-btn{padding:10px 6px;font-size:.82rem}.form-actions{flex-direction:column}.add-slot-btn{max-width:100%;width:100%;padding:14px}.slot-header{flex-direction:column;align-items:flex-start;gap:10px}.slot-actions{width:100%}.slot-action-btn{flex:1;text-align:center;padding:10px}.existing-slots-title{font-size:1.2rem}}@media (max-width: 480px){.manage-slots-container{padding:16px 12px;border-radius:10px}.manage-slots-title{font-size:1.3rem}.slots-form{padding:14px 10px}.time-slots-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;max-height:260px}.time-slot-btn{padding:9px 4px;font-size:.78rem;border-radius:6px}.slot-card{padding:14px 12px}.slot-date{font-size:.92rem}.time-badge{font-size:.78rem;padding:4px 9px}.save-slots-btn{font-size:1rem;padding:14px}.pending-banner{font-size:.88rem;padding:12px 14px}}.lawyer-detail-container{max-width:1200px;margin:70px auto 0;padding:40px 20px}.lawyer-header{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.lawyer-detail-photo{width:140px;height:140px;object-fit:cover;flex-shrink:0;border-radius:50%}.lawyer-basic-info h1{font-size:32px;margin-bottom:8px;color:#111827;font-weight:700}.lawyer-stats{display:flex;align-items:center;gap:24px;padding:20px 32px;background:#f9fafb;border-radius:12px}.consultation-action{display:flex;flex-direction:column;align-items:center;gap:8px}.contact-btn{background:var(--primary-color);color:#fff;padding:14px 32px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2563eb4d;white-space:nowrap}.contact-btn:hover{background:var(--hover-color);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.consultation-fee{font-size:14px;color:#6b7280;text-align:center;white-space:nowrap}.consultation-fee span{font-size:18px;font-weight:700;color:#2563eb}.lawyer-bio{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.lawyer-bio h2{font-size:24px;margin-bottom:16px;color:#111827;font-weight:700}.lawyer-bio p{font-size:16px;line-height:1.7;color:#4b5563}.lawyer-specialty{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.lawyer-specialty h2{font-size:24px;margin-bottom:20px;color:#111827;font-weight:700;display:flex;align-items:center;gap:10px}@media (max-width: 768px){.lawyer-header{flex-direction:column;align-items:stretch;padding:30px 20px}.header-left{flex-direction:column;align-items:center;text-align:center}.lawyer-detail-photo{width:120px;height:120px}.lawyer-basic-info h1{font-size:24px}.header-right{align-items:stretch;width:100%}.lawyer-stats{justify-content:center;gap:20px;padding:16px 24px}.stat-item strong{font-size:28px}.consultation-action{width:100%}.contact-btn{width:100%;padding:12px 24px;font-size:15px}.consultation-fee{font-size:13px}.consultation-fee span{font-size:16px}}.booking-page{min-height:100vh;padding:80px 20px 40px}.booking-container{max-width:100%;margin:40px auto 0;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.booking-title{font-size:2rem;color:#2d3748;margin-bottom:40px;text-align:center}.booking-title span{color:var(--primary-color);font-weight:700}.booking-form{display:flex;flex-direction:column;gap:30px}.booking-label{font-weight:600;color:#2d3748;margin-bottom:15px;font-size:1.1rem}.month-dropdown{padding:12px 15px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1rem;font-weight:600;color:#4a5568;outline:none}.month-dropdown:hover{border-color:var(--primary-color)}.month-dropdown:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.no-dates-message{text-align:center;padding:30px;background:#f7fafc;border-radius:12px;color:#4a5568;font-size:1rem}.date-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.date-card{background:#6b6c6d;border:2px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;text-align:center}.date-card:hover{transform:translateY(-3px);border-color:var(--hover-color);box-shadow:0 8px 20px #667eea33}.date-card.selected{background:linear-gradient(to bottom,var(--primary-color),var(--hover-color));border-color:var(--hover-color);color:#fff}.date-card-day{font-size:.65rem;text-transform:uppercase;font-weight:600;opacity:.8;margin-bottom:2px}.date-card-date{font-size:1.2rem;font-weight:700;margin:2px 0}.date-card-month{font-size:.65rem;text-transform:uppercase;font-weight:600;margin-bottom:3px}.date-card-slots{font-size:.6rem;opacity:.7;margin-top:2px}.time-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.time-btn{padding:14px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s;font-size:1rem;font-weight:600;color:#4a5568}.time-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.time-btn.selected{background:linear-gradient(to bottom,var(--primary-color),var(--hover-color));color:#fff;border-color:var(--primary-color)}.time-btn.disabled,.time-btn:disabled{background:#f7fafc;color:#cbd5e0;border-color:#e2e8f0;cursor:not-allowed;opacity:.5;pointer-events:none}.time-btn.disabled:hover,.time-btn:disabled:hover{transform:none;border-color:#e2e8f0;box-shadow:none}.booking-textarea{width:100%;min-height:120px;padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;resize:vertical;transition:all .3s;font-family:inherit}.booking-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.booking-submit{padding:18px;background:linear-gradient(to bottom,var(--primary-color),var(--hover-color));color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px}.booking-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.booking-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.booking-message{margin-top:20px;padding:15px;border-radius:10px;text-align:center;font-weight:600;animation:slideIn .3s ease-out}.booking-message.success{background:#c6f6d5;color:#2f855a;border:2px solid #48bb78}.booking-message.error{background:#fed7d7;color:#c53030;border:2px solid #fc8181}.loading-message{text-align:center;padding:60px 20px;font-size:1.2rem;color:#4a5568}.no-slots-message{text-align:center;padding:60px 20px;background:#f7fafc;border-radius:12px;margin-top:30px}.no-slots-message p{font-size:1.1rem;color:#4a5568;margin:10px 0}.no-slots-message p:first-child{font-weight:600;color:#2d3748;font-size:1.2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.booking-container{padding:25px}.booking-title{font-size:1.5rem}.month-filter{gap:8px}.month-filter-btn{padding:8px 16px;font-size:.85rem}.date-cards{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px}.date-card{padding:10px}.date-card-date{font-size:1.3rem}.date-card-day,.date-card-month{font-size:.7rem}.date-card-slots{font-size:.65rem}.time-options{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.time-btn{padding:12px 16px;font-size:.9rem}.calendar-title{font-size:1.3rem}}.back-prev-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-color, #c3050f);color:#fff;border:none;padding:.45rem .8rem;border-radius:.5rem;cursor:pointer;margin-bottom:1rem;font-weight:600}.back-prev-btn svg{width:1rem;height:1rem;stroke:currentColor}.back-prev-btn:hover{filter:brightness(.95)}.appt-cal-container{width:100%;max-width:1400%;margin:0 auto}.appt-cal-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;padding:30px;margin-bottom:30px}.appt-cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.appt-cal-month-year{font-size:28px;font-weight:700;color:#1a202c;margin:0}.appt-cal-nav-btn{background:var(--primary-color);color:#fff;border:none;width:45px;height:45px;border-radius:12px;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #667eea4d}.appt-cal-nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.appt-cal-nav-btn:active{transform:translateY(0)}.appt-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:10px}.appt-cal-weekday{text-align:center;font-weight:600;color:#718096;font-size:14px;padding:10px;text-transform:uppercase;letter-spacing:.5px}.appt-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-height:400px}.appt-cal-day{aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease;background:#f8e9e9;border:2px solid transparent}.appt-cal-day:hover{background:#edf2f7;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.appt-cal-day-number{font-size:16px;font-weight:600;color:#2d3748;z-index:1}.appt-cal-empty{background:transparent;cursor:default}.appt-cal-empty:hover{transform:none;box-shadow:none;background:transparent}.appt-cal-today{border:2px solid #1a202c!important;background:linear-gradient(135deg,#ea666627,#a24b4b7e)}.appt-cal-today .appt-cal-day-number{color:var(--primary-color);font-weight:700}.appt-cal-has-appointment{background:var(--primary-color);border-color:var(--primary-color);cursor:pointer}.appt-cal-has-appointment .appt-cal-day-number{color:#fff;font-weight:700}.appt-cal-has-appointment:hover{transform:translateY(-3px) scale(1.01);background-color:var(--primary-dark)}.appt-cal-appointment-dot{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;bottom:8px;box-shadow:0 2px 4px #0003}.appt-cal-legend{display:flex;gap:25px;margin-top:25px;padding-top:20px;border-top:2px solid #e2e8f0}.appt-cal-legend-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#4a5568}.appt-cal-legend-dot{width:30px;height:30px;border-radius:8px;background:var(--primary-color)}.appt-cal-legend-today{width:30px;height:30px;border-radius:8px;border:2px solid var(--primary-color);background:linear-gradient(135deg,#ea666615,#a24b4b15)}.appt-cal-loading{text-align:center;padding:60px 20px;color:#718096;font-size:16px;display:flex;align-items:center;justify-content:center;min-height:400px}.appt-cal-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:apptCalFadeIn .2s ease}@keyframes apptCalFadeIn{0%{opacity:0}to{opacity:1}}.appt-cal-modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:apptCalSlideUp .3s ease}@keyframes apptCalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.appt-cal-modal-header{background:var(--primary-color);color:#fff;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.appt-cal-modal-header h3{margin:0;font-size:20px;font-weight:700}.appt-cal-modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.appt-cal-modal-close:hover{background:#ffffff4d}.appt-cal-modal-body{padding:25px 30px;max-height:calc(80vh - 100px);overflow-y:auto}.appt-cal-modal-card{background:#f8eded;border-radius:12px;padding:20px;margin-bottom:15px;border-left:4px solid var(--primary-color);transition:all .2s ease}.appt-cal-appointment-count{position:absolute;top:5px;right:5px;background:#ff4d4f;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;pointer-events:none}.appt-cal-modal-card:hover{background:#edf2f7;transform:translate(3px)}.appt-cal-modal-card:last-child{margin-bottom:0}.appt-cal-modal-time{display:flex;align-items:center;gap:8px;color:var(--primary-dark);font-weight:700;font-size:18px;margin-bottom:15px}.appt-cal-modal-info{display:flex;flex-direction:column;gap:10px}.appt-cal-modal-row{display:flex;gap:8px;color:#2d3748;font-size:15px}.appt-cal-modal-row strong{color:#4a5568;min-width:90px}.appt-cal-modal-note{margin-top:8px;padding-top:12px;border-top:1px solid #e2e8f0;color:#4a5568;font-size:14px;line-height:1.6}.appt-cal-modal-note strong{display:block;margin-bottom:5px;color:#2d3748}.appt-cal-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;padding:30px}.appt-cal-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.appt-cal-table-header h3{margin:0;font-size:24px;font-weight:700;color:#1a202c}.appt-cal-date-filter{padding:10px 15px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#2d3748;transition:all .2s ease;background:#fff}.appt-cal-date-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.appt-cal-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.appt-cal-table{width:100%;border-collapse:collapse}.appt-cal-table thead{background:var(--primary-color);color:#fff}.appt-cal-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.appt-cal-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.appt-cal-table tbody tr:hover{background:#f7fafc}.appt-cal-table tbody tr:last-child{border-bottom:none}.appt-cal-table td{padding:16px 20px;color:#2d3748;font-size:14px}.appt-cal-note-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appt-cal-no-data{text-align:center;color:#718096;font-style:italic;padding:40px 20px!important}.appt-cal-pagination{display:flex;gap:8px;justify-content:center;margin-top:10px}.appt-cal-pagination button{padding:4px 10px;border:1px solid #ccc;background:#fff;cursor:pointer;margin-bottom:20px}.appt-cal-pagination button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.appt-cal-pagination button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.appt-cal-container{padding:15px}.appt-cal-wrapper{padding:20px}.appt-cal-month-year{font-size:22px}.appt-cal-nav-btn{width:40px;height:40px;font-size:20px}.appt-cal-weekday{font-size:12px;padding:8px 4px}.appt-cal-grid{gap:8px}.appt-cal-day-number{font-size:14px}.appt-cal-modal{max-width:95%;margin:10px}.appt-cal-modal-header{padding:20px}.appt-cal-modal-header h3{font-size:16px}.appt-cal-modal-body,.appt-cal-table-wrapper{padding:20px}.appt-cal-table-header{flex-direction:column;align-items:flex-start}.appt-cal-table th,.appt-cal-table td{padding:12px 15px;font-size:13px}.appt-cal-legend{flex-direction:column;gap:15px}}@media (max-width: 480px){.appt-cal-day-number{font-size:12px}.appt-cal-appointment-dot{width:4px;height:4px;bottom:6px}}.privacy-container{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#fff,#d6d6d6);margin-top:80px}.privacy-content{max-width:900px;margin:0 auto;background:#fff;padding:60px;border-radius:12px;box-shadow:0 10px 40px #0000001a}.privacy-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:3px solid var(--primary-color)}.privacy-header h1{font-size:2.8rem;color:#2d3748;margin-bottom:20px;font-weight:700}@media (max-width: 768px){.privacy-content{padding:40px 30px}.privacy-header h1{font-size:2.2rem}.date-info{flex-direction:column;gap:10px}.policy-section h2{font-size:1.4rem}}@media (max-width: 480px){.privacy-container{padding:20px 10px}.privacy-content{padding:30px 20px}.privacy-header h1{font-size:1.8rem}.policy-section h2{font-size:1.3rem}.intro-section p,.policy-section p,.policy-section li{font-size:.95rem}}@media print{.privacy-container{background:#fff;padding:0}.privacy-content{box-shadow:none;padding:20px}.privacy-header{border-bottom:2px solid #000}a{color:#000;text-decoration:underline}}.refund-container{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#fff,#d6d6d6);margin-top:80px}.refund-content{max-width:900px;margin:0 auto;background:#fff;padding:60px;border-radius:12px;box-shadow:0 10px 40px #0000001a}.refund-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:3px solid var(--primary-color)}.refund-header h1{font-size:2.8rem;color:#2d3748;margin-bottom:20px;font-weight:700}.policy-section h3{font-size:1.2rem;color:#2d3748;margin-bottom:10px;margin-top:10px;font-weight:600}.request-details{background:#f7fafc;padding:25px;border-radius:8px;margin:20px 0}.request-type{margin-bottom:20px}.request-type:last-child{margin-bottom:0}.request-type h3{color:var(--primary-color);font-size:1.1rem;margin-bottom:8px}.request-type p{margin-bottom:0}.highlight{background:#edf2f7;padding:15px 20px;border-left:4px solid #48bb78;border-radius:4px;font-weight:500;color:#2d3748;margin:20px 0}.requirements-list{background:#fff;padding:20px 20px 20px 45px;border-radius:6px;border:1px solid #e2e8f0;margin-top:10px}.requirements-list li{list-style-type:disc}@media (max-width: 768px){.refund-content{padding:40px 30px}.refund-header h1{font-size:2.2rem}.date-info{flex-direction:column;gap:10px}.policy-section h2{font-size:1.4rem}.policy-section h3{font-size:1.1rem}.request-details{padding:20px}}@media (max-width: 480px){.refund-container{padding:20px 10px}.refund-content{padding:30px 20px}.refund-header h1{font-size:1.8rem}.policy-section h2{font-size:1.3rem}.policy-section h3{font-size:1rem}.intro-section p,.policy-section p,.policy-section li{font-size:.95rem}.request-details{padding:15px}}@media print{.refund-container{background:#fff;padding:0}.refund-content{box-shadow:none;padding:20px}.refund-header{border-bottom:2px solid #000}a{color:#000;text-decoration:underline}.request-details{background:#fff;border:1px solid #000}}.terms-container{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#fff,#d6d6d6);margin-top:80px}.terms-content{max-width:900px;margin:0 auto;background:#fff;padding:60px;border-radius:12px;box-shadow:0 10px 40px #0000001a}.terms-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:3px solid var(--primary-color)}.terms-header h1{font-size:2.8rem;color:#2d3748;margin-bottom:20px;font-weight:700}.date-info{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:15px}.date-info p{color:#718096;font-size:.95rem}.date-info strong{color:#4a5568}.intro-section{margin-bottom:35px;padding:25px;background:#f7fafc;border-left:4px solid var(--primary-color);border-radius:6px}.intro-section p{font-size:1.05rem;color:#4a5568;line-height:1.8}.policy-section{margin-bottom:35px}.policy-section h2{font-size:1.6rem;color:#2d3748;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;font-weight:600}.policy-section p{margin-bottom:15px;color:#4a5568;font-size:1rem;line-height:1.8}.policy-section ul{margin:15px 0;padding-left:25px}.policy-section li{margin-bottom:12px;color:#4a5568;line-height:1.7}.policy-section li strong{color:#2d3748;font-weight:600}.dispute-steps{margin:15px 0;padding-left:25px;list-style-type:decimal}.dispute-steps li{margin-bottom:12px;color:#4a5568;line-height:1.7;padding-left:10px}.highlight{background:#fff5f5;padding:15px 20px;border-left:4px solid #fc8181;border-radius:4px;font-weight:500;color:#742a2a;margin:20px 0}.liability-note{background:#edf2f7;padding:15px 20px;border-left:4px solid var(--primary-color);border-radius:4px;font-weight:500;color:#2d3748;margin:20px 0}a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}a:hover{color:var(--primary-color);text-decoration:underline}.contact-section{background:#f7fafc;padding:30px;border-radius:8px;border:2px solid #e2e8f0;margin-top:40px}.contact-info{margin-top:15px;padding:20px;background:#fff;border-radius:6px;border-left:4px solid var(--primary-color)}.contact-info p{margin-bottom:8px;font-size:1rem}@media (max-width: 768px){.terms-content{padding:40px 30px}.terms-header h1{font-size:2.2rem}.date-info{flex-direction:column;gap:10px}.policy-section h2{font-size:1.4rem}}@media (max-width: 480px){.terms-container{padding:20px 10px}.terms-content{padding:30px 20px}.terms-header h1{font-size:1.8rem}.policy-section h2{font-size:1.3rem}.intro-section p,.policy-section p,.policy-section li,.dispute-steps li{font-size:.95rem}}@media print{.terms-container{background:#fff;padding:0}.terms-content{box-shadow:none;padding:20px}.terms-header{border-bottom:2px solid #000}a{color:#000;text-decoration:underline}.highlight,.liability-note{background:#fff;border:1px solid #000}}*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.6;color:#333;background-color:#f5f5f5}.contact-container{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#fff,#d6d6d6);margin-top:80px}.contact-content{max-width:1200px;margin:0 auto;background:#fff;padding:60px;border-radius:12px;box-shadow:0 10px 40px #0000001a}.contact-header{text-align:center;margin-bottom:50px;padding-bottom:30px;border-bottom:3px solid var(--primary-color)}.contact-header h1{font-size:2.8rem;color:#2d3748;margin-bottom:15px;font-weight:700}.contact-subtitle{font-size:1.1rem;color:#718096;margin-top:10px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-info-section h2,.contact-form-section h2{font-size:1.8rem;color:#2d3748;margin-bottom:15px;font-weight:600}.contact-info-section>p,.contact-form-section>p{color:#4a5568;margin-bottom:30px;line-height:1.7}.info-cards{display:grid;gap:20px;margin-bottom:35px}.info-card{background:#f7fafc;padding:25px;border-radius:8px;border-left:4px solid var(--primary-color);transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0000001a}.icon-wrapper{width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.icon-wrapper svg{width:28px;height:28px;color:#fff}.info-card h3{font-size:1.2rem;color:#2d3748;margin-bottom:8px;font-weight:600}.info-card p{color:#4a5568;margin-bottom:5px;font-size:1rem}.info-card a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.info-card a:hover{text-decoration:underline}.info-card .description{font-size:.9rem;color:#718096;margin-top:8px}.department-contacts{background:#f7fafc;padding:25px;border-radius:8px;border:2px solid #e2e8f0}.department-contacts h3{font-size:1.3rem;color:#2d3748;margin-bottom:20px;font-weight:600}.department-list{display:grid;gap:15px}.department-item{display:flex;flex-direction:column;gap:5px;padding:12px;background:#fff;border-radius:6px}.department-item strong{color:#2d3748;font-size:.95rem}.department-item a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.department-item a:hover{text-decoration:underline}.form-container{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column}.input-group label{font-size:.95rem;font-weight:600;color:#2d3748;margin-bottom:8px}.required{color:#e53e3e}.input-group input,.input-group textarea{padding:12px 15px;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;color:#2d3748;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.input-group textarea{resize:vertical;min-height:120px}.input-group input::placeholder,.input-group textarea::placeholder{color:#a0aec0}.submit-btn{padding:14px 30px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease;margin-top:10px}.submit-btn:hover{background:var(--primary-color);transform:translateY(-2px);opacity:.9}.submit-btn:active{transform:translateY(0)}@media (max-width: 968px){.contact-layout{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.contact-content{padding:40px 30px}.contact-header h1{font-size:2.2rem}.contact-subtitle{font-size:1rem}.contact-info-section h2,.contact-form-section h2{font-size:1.5rem}}@media (max-width: 480px){.contact-container{padding:20px 10px}.contact-content{padding:30px 20px}.contact-header h1{font-size:1.8rem}.contact-subtitle{font-size:.95rem}.contact-info-section h2,.contact-form-section h2{font-size:1.3rem}.info-card{padding:20px}.icon-wrapper{width:45px;height:45px}.icon-wrapper svg{width:24px;height:24px}.department-contacts{padding:20px}.submit-btn{width:100%}}@media print{.contact-container{background:#fff;padding:0}.contact-content{box-shadow:none;padding:20px}.contact-header{border-bottom:2px solid #000}.form-container{display:none}.info-card,.department-contacts{background:#fff;border:1px solid #000}}.payment-page{min-height:100vh;background-color:#f8f9fa;padding:80px 20px 40px;margin-top:40px}.payment-container{max-width:900px;margin:0 auto;background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014;border-radius:10px}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 50px;border-bottom:3px solid var(--primary-color, #007bff);background:linear-gradient(to bottom,#fff,#f8f9fa);border-radius:10px 10px 0 0}.invoice-title-section h1{font-size:32px;font-weight:700;color:#2c3e50;margin:0 0 8px;letter-spacing:-.5px}.invoice-date{font-size:14px;color:#6c757d;margin:0}.invoice-number{text-align:right}.invoice-label{display:block;font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.invoice-id{display:block;font-size:24px;font-weight:700;color:var(--primary-color, #007bff)}.invoice-divider{height:1px;background:#e9ecef;margin:0}.invoice-section{padding:35px 50px}.section-heading{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 25px;padding-bottom:10px;border-bottom:2px solid #f1f3f5}.details-table{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 40px;padding:15px 0}.detail-row{display:flex;flex-direction:column;gap:8px}.detail-row-note{grid-column:1 / -1}.detail-label{font-size:13px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:16px;color:#212529;font-weight:500}.detail-note{background:#f8f9fa;padding:15px;border-radius:6px;border-left:3px solid var(--primary-color, #007bff);line-height:1.6;margin-top:5px}.summary-table{background:#f8f9fa;padding:25px;border-radius:8px;border:1px solid #e9ecef}.summary-label{font-size:15px;color:#495057;font-weight:400}.summary-value{font-size:15px;color:#212529;font-weight:500}.summary-divider{height:2px;background:#dee2e6;margin:15px 0}.summary-total{padding:20px 0 10px}.summary-label-total{font-size:18px;color:#2c3e50;font-weight:600}.summary-amount-total{font-size:28px;color:var(--primary-color, #007bff);font-weight:700;letter-spacing:-.5px}.invoice-notice{margin:0 50px;padding:20px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;display:flex;gap:15px;align-items:flex-start}.invoice-notice svg{flex-shrink:0;color:#856404;margin-top:2px}.invoice-notice p{margin:0;font-size:14px;color:#856404;line-height:1.6}.payment-button-group{display:flex;gap:15px;padding:35px 50px;justify-content:flex-end}.btn-cancel,.btn-proceed{padding:14px 32px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-cancel{background:#fff;color:#6c757d;border:2px solid #dee2e6}.btn-cancel:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.btn-proceed{background:var(--primary-color, #007bff);color:#fff;border:2px solid var(--primary-color, #007bff);box-shadow:0 2px 4px #007bff33}.btn-proceed:hover{background:#0056b3;border-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.invoice-footer{padding:30px 50px;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:center;border-radius:0 0 10px 10px}.invoice-footer p{margin:0 0 8px;font-size:14px;color:#495057}.footer-note{font-size:13px;color:#6c757d;margin:0}@media (max-width: 768px){.payment-page{padding:80px 10px 20px}.invoice-header{flex-direction:column;gap:20px;padding:30px 25px}.invoice-title-section h1{font-size:26px}.invoice-number{text-align:left}.invoice-section{padding:25px}.details-table{grid-template-columns:1fr;gap:20px}.summary-amount-total{font-size:24px}.invoice-notice{margin:0 25px;padding:15px}.payment-button-group{flex-direction:column-reverse;padding:25px}.btn-cancel,.btn-proceed{width:100%;justify-content:center}.invoice-footer{padding:25px}}@media (max-width: 480px){.invoice-header{padding:25px 20px}.invoice-title-section h1{font-size:22px}.invoice-section{padding:20px}.section-heading{font-size:18px}.invoice-notice{margin:0 20px}.payment-button-group{padding:20px}}.payment-success-page{min-height:70vh;display:flex;justify-content:center;align-items:center;padding:40px 16px;background:#f7f7f7}.payment-success-card{max-width:520px;width:100%;background:#fff;border-radius:16px;padding:32px 24px 28px;box-shadow:0 14px 35px #00000014;text-align:center}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:16px}.success-icon{width:70px;height:70px;border-radius:50%;border:3px solid var(--primary-color);display:flex;justify-content:center;align-items:center;background:#00000005}.success-icon span{font-size:32px;font-weight:700;color:var(--primary-color)}.payment-success-title{font-size:1.7rem;margin:10px 0 6px;color:#222;font-weight:700}.payment-success-subtitle{font-size:.98rem;color:#555;margin-bottom:8px}.payment-session-id{font-size:.9rem;color:#666;margin-bottom:16px}.payment-session-id span{font-weight:600;color:var(--primary-color);word-break:break-all}.payment-success-details{font-size:.9rem;color:#666;margin-bottom:24px}.payment-success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;min-width:150px}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.btn-secondary{background:#fff;color:#333;border-color:#ddd}.btn-secondary:hover{background:#f2f2f2}@media (max-width: 480px){.payment-success-card{padding:24px 18px 22px;border-radius:12px}.payment-success-title{font-size:1.4rem}.payment-success-subtitle,.payment-success-details{font-size:.9rem}}.uhm-container{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.uhm-card{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden}.uhm-title{font-size:28px;font-weight:700;color:#1e3c72;text-align:center;padding:30px 20px;margin:0;background:linear-gradient(to right,#f8f9fa,#e9ecef);border-bottom:3px solid #2a5298}.uhm-message{padding:15px 20px;margin:20px;border-radius:8px;font-weight:500;animation:uhm-slide-down .3s ease-out}@keyframes uhm-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.uhm-message-success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.uhm-message-error{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.uhm-tabs{display:flex;background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.uhm-tab{flex:1;padding:18px 20px;background:none;border:none;font-size:16px;font-weight:600;color:#6c757d;cursor:pointer;transition:all .3s ease;position:relative}.uhm-tab:hover{background-color:#e9ecef;color:#2a5298}.uhm-tab-active{color:#1e3c72;background-color:#fff}.uhm-tab-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(to right,#1e3c72,#2a5298)}.uhm-tab-content{padding:30px}.uhm-form{max-width:600px;margin:0 auto}.uhm-form-group{margin-bottom:25px}.uhm-label{display:block;font-size:14px;font-weight:600;color:#1e3c72;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.uhm-select{width:100%;padding:12px 15px;font-size:15px;border:2px solid #dee2e6;border-radius:8px;background-color:#fff;color:#495057;transition:all .3s ease;cursor:pointer}.uhm-select:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}.uhm-select:disabled{background-color:#e9ecef;cursor:not-allowed}.uhm-textarea{width:100%;padding:12px 15px;font-size:15px;border:2px solid #dee2e6;border-radius:8px;background-color:#fff;color:#495057;resize:vertical;font-family:inherit;transition:all .3s ease}.uhm-textarea:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}.uhm-textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.uhm-btn{padding:14px 30px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.uhm-btn:disabled{opacity:.6;cursor:not-allowed}.uhm-btn-primary{width:100%;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;box-shadow:0 4px 15px #1e3c724d}.uhm-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e3c7266}.uhm-btn-primary:active:not(:disabled){transform:translateY(0)}.uhm-restore-section{max-width:800px;margin:0 auto}.uhm-subtitle{font-size:22px;font-weight:700;color:#1e3c72;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #dee2e6}.uhm-empty-message{text-align:center;padding:40px;color:#6c757d;font-size:16px;font-style:italic}.uhm-user-list{display:flex;flex-direction:column;gap:20px}.uhm-user-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(to right,#f8f9fa,#fff);border:2px solid #dee2e6;border-radius:12px;transition:all .3s ease}.uhm-user-card:hover{border-color:#2a5298;box-shadow:0 4px 15px #2a52981a;transform:translate(5px)}.uhm-user-info{flex:1}.uhm-user-name{font-size:20px;font-weight:700;color:#1e3c72;margin:0 0 8px}.uhm-user-email{font-size:14px;color:#495057;margin:5px 0}.uhm-user-phone{font-size:14px;color:#6c757d;margin:5px 0}.uhm-hold-reason{margin-top:12px;padding:10px;background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;font-size:14px;color:#856404}.uhm-user-date{font-size:13px;color:#6c757d;margin-top:8px;font-style:italic}.uhm-btn-restore{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;white-space:nowrap;margin-left:20px;box-shadow:0 4px 15px #28a7454d}.uhm-btn-restore:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}@media (max-width: 768px){.uhm-container{padding:20px 10px}.uhm-title{font-size:22px;padding:20px 15px}.uhm-tab{font-size:14px;padding:15px 10px}.uhm-tab-content{padding:20px 15px}.uhm-user-card{flex-direction:column;align-items:flex-start;gap:15px}.uhm-btn-restore{width:100%;margin-left:0}}@media (max-width: 480px){.uhm-title{font-size:20px}.uhm-tabs{flex-direction:column}.uhm-tab{border-bottom:1px solid #dee2e6}.uhm-tab-active:after{height:0}}.fp-container{max-width:500px;margin:80px auto;padding:20px}.fp-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px #0000001a}.fp-card h2{margin-bottom:20px;text-align:center;font-weight:600}.fp-card input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;margin-top:20px}.fp-card button{width:100%;padding:12px;margin-top:15px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.fp-card button:disabled{opacity:.6;cursor:not-allowed}.fp-back-link{display:block;margin-top:15px;text-align:center;color:var(--primary-color);text-decoration:none;font-weight:500}.rp-container{max-width:400px;margin:80px auto;padding:20px}.rp-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px #0000001a}.rp-card h2{margin-bottom:20px;text-align:center;font-weight:600}.rp-card input{width:100%;padding:12px;margin-top:10px;border:1px solid #ddd;border-radius:6px}.rp-card button{width:100%;padding:12px;margin-top:15px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.rp-card button:disabled{opacity:.6;cursor:not-allowed}.amendments-container{padding:24px;background-color:#f5f5f5;min-height:100vh}.amendments-header{margin-bottom:24px}.amendments-title{color:var(--primary-color);font-weight:700;margin-bottom:8px}.amendments-paper{border-radius:8px;overflow:hidden}.amendments-table-header{background-color:var(--primary-color)}.amendments-table-header .MuiTableCell-root{color:#fff;font-weight:600;font-size:14px}.amendments-table-row:hover{background-color:#f9f9f9;cursor:pointer}.amendments-view-btn{background-color:var(--primary-color)!important;color:#fff!important;text-transform:none;padding:6px 16px}.amendments-view-btn:hover{background-color:var(--hover-color)!important}.amendments-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}.amendments-dialog-title{background-color:var(--primary-color);color:#fff;font-weight:600}.amendments-dialog-loading{display:flex;justify-content:center;align-items:center;padding:40px}.detail-label{color:var(--primary-color);font-weight:600;margin-bottom:4px}.amendments-dialog-actions{padding:16px 24px}.amendments-close-btn{color:var(--primary-color)!important;border:1px solid var(--primary-color)!important;text-transform:none;padding:6px 24px}.amendments-close-btn:hover{background-color:#c3050f1a!important}@media (max-width: 768px){.amendments-container{padding:16px}.amendments-title{font-size:1.5rem}.amendments-table-header .MuiTableCell-root,.amendments-table-row .MuiTableCell-root{font-size:12px;padding:12px 8px}.amendments-view-btn{padding:4px 12px;font-size:12px}}.teacher-detail-container{max-width:1200px;margin:70px auto 0;padding:40px 20px}.teacher-header{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header-left{display:flex;align-items:center;gap:24px;flex:1}.teacher-detail-photo{width:140px;height:140px;object-fit:cover;flex-shrink:0;border-radius:50%}.teacher-basic-info h1{font-size:32px;margin-bottom:8px;color:#111827;font-weight:700}.verified-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;margin-bottom:10px}.rating{display:flex;align-items:center;gap:6px}.rating span{font-size:16px;font-weight:700;color:#374151;margin-left:4px}.header-right{display:flex;flex-direction:column;gap:24px;align-items:flex-end}.teacher-stats{display:flex;align-items:center;gap:24px;padding:20px 32px;background:#f9fafb;border-radius:12px}.stat-item{text-align:center}.stat-item strong{color:#111827;font-size:32px;display:block;font-weight:700;line-height:1}.stat-item p{font-size:13px;color:#6b7280;margin-top:6px;font-weight:500}.stat-divider{width:1px;height:40px;background:#d1d5db}.enrollment-action{display:flex;flex-direction:column;align-items:center;gap:8px}.enroll-btn{background:var(--primary-color);color:#fff;padding:14px 32px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2563eb4d;white-space:nowrap}.enroll-btn:hover{background:var(--hover-color);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.course-fee{font-size:14px;color:#6b7280;text-align:center;white-space:nowrap}.course-fee span{font-size:18px;font-weight:700;color:#2563eb}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.main-content,.sidebar-content{display:flex;flex-direction:column;gap:24px}.teacher-bio{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.teacher-bio h2{font-size:24px;margin-bottom:16px;color:#111827;font-weight:700}.teacher-bio p{font-size:16px;line-height:1.7;color:#4b5563}.teacher-specialty{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.teacher-specialty h2{font-size:24px;margin-bottom:20px;color:#111827;font-weight:700;display:flex;align-items:center;gap:10px}.specialty-tags{display:flex;flex-wrap:wrap;gap:12px}.specialty-tag{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid #bfdbfe}.sample-courses{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.sample-courses h2{font-size:24px;margin-bottom:20px;color:#111827;font-weight:700;display:flex;align-items:center;gap:10px}.courses-grid{display:grid;gap:16px}.course-card{background:#f9fafb;padding:20px;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s}.course-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.course-header h3{font-size:18px;font-weight:600;color:#111827;margin:0;flex:1}.level-badge{background:#dbeafe;color:#1e40af;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.course-details{display:flex;gap:16px;flex-wrap:wrap}.course-detail{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.info-card{background:#fff;padding:28px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#2563eb}.card-header h3{font-size:20px;color:#111827;font-weight:700}.info-card p{font-size:15px;line-height:1.7;color:#4b5563;white-space:pre-line}@media (max-width: 968px){.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.teacher-header{flex-direction:column;align-items:stretch;padding:30px 20px}.header-left{flex-direction:column;align-items:center;text-align:center}.teacher-detail-photo{width:120px;height:120px}.teacher-basic-info h1{font-size:24px}.header-right{align-items:stretch;width:100%}.teacher-stats{justify-content:center;gap:20px;padding:16px 24px}.stat-item strong{font-size:28px}.enrollment-action{width:100%}.enroll-btn{width:100%;padding:12px 24px;font-size:15px}.course-fee{font-size:13px}.course-fee span{font-size:16px}.courses-grid{gap:12px}.course-card{padding:16px}.course-header h3{font-size:16px}}.add-course-container{max-width:100%;margin:0 auto;padding:30px;background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000014}.page-title{font-size:26px;font-weight:700;margin-bottom:25px;color:#222}.course-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group label{font-size:14px;font-weight:600;color:#444;margin-bottom:6px}.form-group label span{color:#e63946}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:14px;border-radius:8px;border:1px solid #dcdcdc;transition:border .2s ease,box-shadow .2s ease}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-actions{margin-top:20px;display:flex;justify-content:flex-end}.btn{padding:12px 28px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;border:none}.btn-primary:hover{opacity:.9}.btn-primary:disabled{background:#a5b4fc;cursor:not-allowed}.image-upload-box{height:220px;border:2px dashed #cbd5e1;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f8fafc;transition:border .2s ease}.image-upload-box:hover{border-color:#3b82f6}.image-upload-box p{color:#64748b;font-weight:500}.image-upload-box img{width:100%;height:100%;object-fit:cover;border-radius:10px}.page-header-add-course{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.teacher-selector{margin-left:20px;padding:10px 40px 10px 12px;border-radius:8px;border:1px solid #dcdcdc;font-size:14px;width:250px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}@media (max-width: 768px){.add-course-container{padding:20px;margin:20px}.form-row{grid-template-columns:1fr}.page-title{font-size:22px}}.all-courses-container{padding:2.5rem;max-width:100%;margin:0 auto;min-height:100vh;background-color:#f9f9f9;border-radius:12px;border:1px solid #e5e7eb}.page-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:#f70016;border-radius:2px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:1rem 0}.course-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#f70016;opacity:0;transition:opacity .3s ease}.course-card:hover:before{opacity:1}.course-image{position:relative;width:100%;height:220px;overflow:hidden;background:#d8d8d8}.course-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.course-card:hover .course-image img{transform:scale(1.08)}.level-badge{position:absolute;top:1rem;right:1rem;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026}.level-badge.beginner{color:#10b981;border:1.5px solid #10b981}.level-badge.intermediate{color:#f59e0b;border:1.5px solid #f59e0b}.level-badge.advanced{color:#f70016;border:1.5px solid #f70016}.course-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.course-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8rem}.course-subject{font-size:.9rem;color:#c3050f;font-weight:600;margin:0;text-transform:capitalize}.course-meta{display:flex;gap:1rem;padding:.75rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:.5rem 0}.course-meta span{display:flex;align-items:center;font-size:.85rem;color:#6b7280;font-weight:500}.course-meta span:before{content:"•";margin-right:.5rem;color:#c3050f;font-weight:700}.course-meta span:first-child:before{content:"🌐";font-size:1rem}.course-meta span:last-child:before{content:"⏱️";font-size:1rem}.course-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem}.price{font-size:1.5rem;font-weight:700;color:#c3050f}.course-view-btn,.course-edit-btn,.course-delete-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.course-view-btn{background:#c3050f;color:#fff;box-shadow:0 4px 6px #f7001640}.course-view-btn:hover{background:#a00411;transform:translateY(-2px);box-shadow:0 6px 12px #f7001666}.course-edit-btn{background:#3b82f6;color:#fff;box-shadow:0 4px 6px #3b82f640}.course-edit-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.course-delete-btn{background:#ef4444;color:#fff;box-shadow:0 4px 6px #ef444440}.course-delete-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 12px #ef444466}.course-view-btn:active,.course-edit-btn:active,.course-delete-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;padding:2.5rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px #00000026}.modal-close{position:absolute;top:1rem;right:1rem;background:#f3f4f6;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#6b7280}.modal-close:hover{background:#e5e7eb;color:#1f2937;transform:rotate(90deg)}.lesson-view h2{font-size:2rem;color:#1a202c;margin-bottom:1.5rem}.lesson-image-large{width:100%;height:300px;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.lesson-image-large img{width:100%;height:100%;object-fit:cover}.lesson-video{margin-bottom:1.5rem}.lesson-video h3{font-size:1.2rem;color:#1a202c;margin-bottom:.75rem}.video-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.video-link:hover{background:#2563eb;transform:translateY(-2px)}.lesson-description-full{margin-bottom:1.5rem}.lesson-description-full h3{font-size:1.2rem;color:#1a202c;margin-bottom:.75rem}.lesson-description-full p{color:#4b5563;line-height:1.6}.lesson-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-edit{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-edit:hover{background:#2563eb}.lesson-edit h2{font-size:2rem;color:#1a202c;margin-bottom:1.5rem}.lesson-edit .form-group{margin-bottom:1.5rem}.lesson-edit .form-group label{display:block;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.5rem}.lesson-edit .form-group input,.lesson-edit .form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .3s ease}.lesson-edit .form-group input:focus,.lesson-edit .form-group textarea:focus{outline:none;border-color:#3b82f6}.image-upload-box{width:100%;height:200px;border:2px dashed #d1d5db;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;background:#f9fafb}.image-upload-box:hover{border-color:#3b82f6;background:#eff6ff}.image-upload-box img{width:100%;height:100%;object-fit:cover}.image-upload-box p{color:#6b7280;text-align:center;padding:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#c3050f;color:#fff}.btn-primary:hover{background:#a00411}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}@media (max-width: 768px){.all-courses-container{padding:2rem 1rem}.page-title{font-size:2rem}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.course-image{height:200px}}@media (min-width: 769px) and (max-width: 1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){.courses-grid{grid-template-columns:repeat(4,1fr)}}.admin-add-news{padding:50px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014}.news-form{display:flex;flex-direction:column;gap:18px;margin-bottom:40px}.news-form label{display:flex;flex-direction:column;font-weight:500;font-size:14px;color:#333}.news-form input[type=text],.news-form select,.news-form textarea{margin-top:6px;padding:10px 12px;border-radius:6px;border:1px solid #dcdcdc;font-size:14px;transition:border .3s}.news-form input[type=text]:focus,.news-form select:focus,.news-form textarea:focus{border:1px solid #ef2032;outline:none}.news-form .form-row{display:flex;gap:20px;flex-wrap:wrap}.image-upload-wrapper{display:flex;align-items:center;gap:10px;margin-top:5px;border:2px dashed #afafaf;border-radius:6px;cursor:pointer;transition:background .2s;padding:50px 100px}.image-upload-wrapper:hover{background:#ef20320d}.image-upload-wrapper input[type=file]{flex:1;cursor:pointer;border:none;background:transparent}.editor{min-height:140px;border:1px solid #dcdcdc;border-radius:6px;padding:10px;margin-top:6px;font-size:14px;outline:none;overflow-y:auto}.editor:empty:before{content:attr(placeholder);color:#aaa}.checkbox-group{display:flex;gap:25px;margin-top:10px;font-weight:500;font-size:14px}.checkbox-group input{accent-color:#ef2032;margin-right:6px}.save-btn{width:fit-content;margin-top:15px;padding:12px 28px;border-radius:6px;border:none;cursor:pointer;font-weight:600;color:#fff;background-color:#ef2032;font-size:14px;transition:background .3s}.save-btn:hover{background-color:#d61b28}.news-preview{margin-top:40px}.news-preview h3{margin-bottom:18px;font-size:20px}.news-preview-grid{display:flex;gap:18px;flex-wrap:wrap}.news-card-admin{position:relative;width:220px;border-radius:10px;overflow:hidden;border:1px solid #e0e0e0;background:#fff;transition:transform .2s,box-shadow .2s}.news-card-admin:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000001a}.news-card-admin img{width:100%;height:140px;object-fit:cover}.news-overlay-admin{position:absolute;bottom:0;left:0;right:0;background:#0000008c;color:#fff;padding:6px 8px;font-size:12px;display:flex;flex-direction:column}.news-overlay-admin h3{margin:2px 0 0;font-size:14px;font-weight:600}.content-preview{padding:8px;font-size:13px;color:#333;max-height:100px;overflow:hidden;text-overflow:ellipsis}.news-tags{display:flex;gap:6px;flex-wrap:wrap;padding:6px 8px 8px}.news-tags .tag{font-size:11px;font-weight:600;color:#fff;padding:2px 8px;border-radius:4px}.news-tags .featured{background-color:#ef2032}.news-tags .side{background-color:#10b981}.news-tags .trending{background-color:#f59e0b}.featured-card-link{display:flex;flex:0 0 100%;position:relative;text-decoration:none;color:inherit}.featured-card{width:100%;height:100%;position:relative;overflow:hidden;border-radius:8px}.featured-card-link:hover .featured-card{transform:translateY(-3px);box-shadow:0 8px 15px #00000026}.featured-card img{width:100%;height:100%;object-fit:cover}.news-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:#0006;color:#fff;border-radius:0 0 8px 8px}@media (max-width: 700px){.news-form .form-row{flex-direction:column}.news-card{width:100%}}.news-manage{padding:30px;background:#fff;border-radius:12px}.news-row{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #eee;padding:15px;border-radius:12px;margin-bottom:15px;margin-top:20px}.news-row img{width:80px;height:55px;border-radius:8px;object-fit:cover}.news-info{flex:2}.news-info h4{margin:0}.category{font-size:12px;background:#eee;padding:4px 10px;border-radius:20px}.flags span{font-size:11px;background:#ffd3d6;color:#000;padding:3px 8px;border-radius:20px;margin-right:5px}.edit{border:1px solid #ef2032!important;color:#000}.modal{background:#fff;width:480px;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:12px}.modal textarea{min-height:120px;resize:vertical}.modal input,.modal select,.modal textarea{padding:8px;border-radius:6px;border:1px solid #ccc}.modal-flags{display:flex;gap:15px;font-size:13px}.save{background:#ef2032;color:#fff}.cancel{background:#999;color:#fff}.text-editor{font-family:Inter,sans-serif}:root{--primary-color: #c3050f;--cpd-primary: var(--primary-color);--cpd-bg: #fff;--cpd-border: #e5e7eb;--cpd-shadow: 0 2px 12px rgba(0, 0, 0, .07);--cpd-radius: 1.2rem;--cpd-text: #232323;--cpd-muted: #666}.common-detail-container{max-width:1400px;padding:40px 48px;margin:75px auto 50px}.back-home-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.45rem .8rem;border-radius:.5rem;cursor:pointer;margin-bottom:1rem;font-weight:600;font-size:14px}.back-home-btn svg{width:1rem;height:1rem;stroke:currentColor}.back-home-btn:hover{filter:brightness(.95)}.lawyer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--cpd-border);border-radius:12px;padding:20px 24px;margin-bottom:0;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.lawyer-detail-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);flex-shrink:0}.lawyer-basic-info h1{font-size:1.4rem;color:var(--cpd-text);margin-bottom:6px;word-break:break-word}.rating{display:flex;align-items:center;gap:3px}.rating span{margin-left:6px;color:var(--primary-color);font-weight:500;font-size:1rem}.header-right{flex-shrink:0}.consultation-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.contact-btn{background-color:var(--primary-color);color:#fff;padding:.65rem 1.3rem;border:none;border-radius:.5rem;font-size:.95rem;cursor:pointer;white-space:nowrap}.contact-btn:hover{background-color:#a0040b}.consultation-fee{font-size:.95rem;color:var(--cpd-muted);text-align:right}.consultation-fee span{color:var(--cpd-text);font-weight:600}.content-grid-common{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start;margin-top:24px}.main-content{min-width:0}.common-specialty{background-color:#fff;padding:24px 28px 32px;border-radius:12px;border:1px solid var(--cpd-border)}.decription-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:1rem;font-size:1.1rem}.profile-description-content{font-family:Inter,sans-serif;line-height:1.6;color:var(--cpd-text)}.specialty-tags{margin-top:4px}.specialty-tag{display:inline-block;background:#f3f4f6;padding:6px 14px;border-radius:20px;font-size:13px;color:var(--cpd-text)}.tags-sidebar{background:#fff;border:1px solid var(--cpd-border);border-radius:12px;padding:20px;position:sticky;top:20px}.tags-sidebar-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12.5px;font-weight:500;color:#374151;cursor:pointer;transition:filter .15s ease,transform .15s ease;white-space:nowrap}.tag-pill:hover{filter:brightness(.93);transform:translateY(-1px)}.cpd-detail-wrapper{background:#f9f9f9;padding:2rem 1rem;min-height:60vh;margin-top:60px}@media (max-width: 1024px){.common-detail-container{padding:32px 24px;margin-top:70px}}@media (max-width: 768px){.common-detail-container{padding:24px 16px;margin-top:70px;margin-bottom:32px}.content-grid-common{grid-template-columns:1fr;gap:16px}.tags-sidebar{position:static}.lawyer-header{padding:16px;gap:16px}.lawyer-basic-info h1{font-size:1.2rem}.consultation-action{align-items:flex-start;width:100%}.consultation-fee{text-align:left}.common-specialty{padding:16px 18px 24px}}@media (max-width: 480px){.common-detail-container{padding:16px 12px;margin-top:80px}.lawyer-header{flex-direction:column;align-items:flex-start}.header-left{gap:12px}.lawyer-detail-photo{width:64px;height:64px}.lawyer-basic-info h1{font-size:1.1rem}.header-right{width:100%}.contact-btn{width:100%;text-align:center;padding:.75rem;font-size:.95rem}.consultation-fee{text-align:center}.consultation-action{align-items:stretch;gap:8px}.back-home-btn{font-size:13px}.decription-wrapper{font-size:1rem}.tags-sidebar-title{font-size:14px}.tag-pill{font-size:12px;padding:4px 10px}}.common-profile-wrapper{margin-top:80px;position:relative;background-color:transparent;width:100%;max-width:100%;padding:0 16px;box-sizing:border-box}@media (min-width: 768px){.common-profile-wrapper{margin-top:120px;padding:0}}.alert-box{padding:15px;border-radius:8px;margin:0;display:flex;align-items:center;justify-content:space-between;position:fixed;top:12px;left:12px;right:12px;width:auto;z-index:1000;max-width:600px;box-shadow:0 4px 12px #00000026;box-sizing:border-box}@media (min-width: 640px){.alert-box{top:20px;left:50%;right:auto;width:90%;transform:translate(-50%)}}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-close{background:transparent;border:none;font-size:20px;cursor:pointer;flex-shrink:0;margin-left:12px}.profile-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%}@media (min-width: 768px){.profile-content{flex-direction:row;gap:30px}}.profile-sidebar{min-width:0;width:100%;flex-shrink:0}@media (min-width: 768px){.profile-sidebar{width:280px;min-width:280px}}.profile-main{flex:1;min-width:0}.profile-avatar-container{position:relative;margin-bottom:20px}.profile-default-icon{width:24px;height:24px;stroke:#777}.profile-avatar-common{width:80px;height:80px;border-radius:50%;margin:0 auto;overflow:hidden;border:4px solid #e4e4e4;background:#f1f1f1;display:flex;align-items:center;justify-content:center}.profile-avatar-common img{width:100%;height:100%;object-fit:cover}.avatar-upload-btn{margin-top:15px;display:block;text-align:center;cursor:pointer;padding:8px 16px;background:var(--primary-color);color:#fff;border-radius:6px;font-size:14px}.avatar-upload-btn input{display:none}.avatar-file-name{color:#666;margin-top:8px;display:block;text-align:center;font-size:12px}.profile-basic-info{text-align:center}.profile-name{margin-bottom:10px}.profile-info-item{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:6px;flex-wrap:wrap}.consultation-fee-card{margin-top:20px}.fee-input{width:100%;padding:10px;box-sizing:border-box}.form-section{margin-bottom:30px}.section-title{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 600px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group textarea{width:100%;box-sizing:border-box}.form-group input,.form-group select{box-sizing:border-box}.type-selector{padding:6px 36px 6px 12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#333;font-size:14px;cursor:pointer;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:24px;width:100%;box-sizing:border-box}.full-width{grid-column:1 / -1}.disabled-input{background:#f5f5f5;cursor:not-allowed}.form-actions{text-align:right}.btn-save{padding:10px 25px;cursor:pointer;width:100%;box-sizing:border-box}@media (min-width: 600px){.btn-save{width:auto}}.tags-hint{font-size:13px;color:#888;margin:4px 0 8px}.tags-container{display:flex;flex-wrap:wrap;gap:8px;min-height:36px;margin-bottom:10px}.tag-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 12px;background-color:#e8f0fe;color:#1a56db;border:1px solid #c3d3f9;border-radius:20px;font-size:13px;font-weight:500;transition:background-color .2s ease}.tag-chip:hover{background-color:#d1e0fc}.tag-remove-btn{background:transparent;border:none;cursor:pointer;font-size:16px;line-height:1;color:#1a56db;padding:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;transition:background-color .2s ease,color .2s ease}.tag-remove-btn:hover{background-color:#1a56db;color:#fff}.tag-input-row{display:flex;gap:8px;align-items:center}.tag-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.tag-input:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a}.tag-add-btn{padding:8px 18px;background-color:var(--primary-color, #1a56db);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;white-space:nowrap;transition:opacity .2s ease;flex-shrink:0}.tag-add-btn:hover{opacity:.88}.news-inner-container{max-width:1200px;margin:2rem auto;padding:0 1rem;color:#333;margin-top:130px;font-family:Inter,sans-serif}.news-inner-main{display:flex;gap:2rem}.news-inner-article{flex:3;background-color:#fff;padding:30px;border-radius:12px}.news-inner-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.news-inner-category{display:inline-block;font-size:.9rem;color:#555;margin-bottom:1rem}.news-inner-image{width:100%;max-height:400px;object-fit:cover;border-radius:10px;margin-bottom:1.5rem}.news-inner-content{font-size:16px;color:#444;line-height:1.8}.news-inner-content p{margin-bottom:12px}.news-inner-sidebar{flex:1;border-left:1px solid #eee;padding-left:1.5rem;background-color:#fff;padding:20px;border-radius:12px}.news-inner-sidebar h3{font-size:1.2rem;margin-bottom:1rem}.news-inner-sidebar ul{list-style:none;padding:0;margin:0}.news-inner-sidebar li{margin-bottom:.8rem}.news-inner-sidebar li a{text-decoration:none;color:#000;transition:color .3s ease;background-color:#f1f1f1;padding:5px;border-radius:5px}.news-back-btn{background:none;border:none;color:#07c;font-size:.95rem;cursor:pointer;margin-bottom:1.2rem;padding:0;display:inline-flex;align-items:center;gap:6px}.news-back-btn:hover{text-decoration:underline;color:#005fa3}.news-inner-sidebar li a:hover{color:#005fa3}@media (max-width: 768px){.news-inner-main{flex-direction:column}.news-inner-sidebar{border-left:none;padding-left:0;margin-top:2rem}.news-inner-title{font-size:1.6rem}}.profile-types{padding:30px;background:#fff;border-radius:12px}.profile-types h2{margin-bottom:20px}.type-form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 16px #0000000d;border:1px solid #ddd;width:100%}.type-form h3{margin-bottom:15px}.type-form input{width:20%;padding:8px;margin-bottom:10px;border-radius:6px;border:1px solid #ccc;margin-right:10px}.status-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#333}.status-toggle input{display:none}.toggle-slider{position:relative;width:42px;height:22px;background-color:#ccc;border-radius:22px;transition:background-color .3s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;background-color:#fff;border-radius:50%;transition:transform .3s ease}.status-toggle input:checked+.toggle-slider{background-color:#22c55e}.status-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{-webkit-user-select:none;user-select:none}.profile-type-submit-btn{width:100px;padding:9px;border:none;border-radius:6px;background:#ef2032;color:#fff;cursor:pointer}.type-list{margin-top:30px;background-color:#f5f5f5;padding:20px;border-radius:12px;border:1px solid #ddd}.type-row{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:14px 18px;border-radius:10px;margin-bottom:12px}.slug{display:block;font-size:12px;color:#888}.status{font-size:12px;padding:4px 10px;border-radius:20px}.status.active{background:#51c07f;color:#fff}.status.inactive{background:#999;color:#fff}.actions{display:flex;gap:8px}.actions button{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:12px;background:#667eea;color:#fff}.actions .delete{background:#ef2032}.cm-wrapper{padding:24px;background:var(--background-color, #f8fafc);min-height:100%}.cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.cm-title{display:flex;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.cm-title svg{color:var(--primary-color, #c3050f)}.cm-count{background:var(--primary-color, #c3050f);color:#fff;padding:6px 14px;border-radius:20px;font-size:.875rem;font-weight:600}.cm-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;display:flex;align-items:center;gap:8px}.cm-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.cm-message.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.cm-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.cm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.cm-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary-color, #c3050f);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.cm-error{display:flex;align-items:center;gap:10px;padding:16px;background:#fee2e2;color:#991b1b;border-radius:8px;margin-bottom:20px}.cm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8;text-align:center}.cm-empty svg{margin-bottom:16px;opacity:.5}.cm-empty p{margin:0;font-size:1rem}.cm-list{display:flex;flex-direction:column;gap:16px}.cm-item{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:box-shadow .2s ease,transform .2s ease}.cm-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cm-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color, #c3050f),#ff6b6b);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.cm-avatar img{width:100%;height:100%;object-fit:cover}.cm-avatar span{color:#fff;font-size:1.5rem;font-weight:700}.cm-meta{flex:1;min-width:0}.cm-name{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:4px}.cm-email{font-size:.875rem;color:#64748b;margin-bottom:8px}.cm-type{margin-bottom:8px}.cm-badge{display:inline-block;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.cm-bio{font-size:.875rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cm-actions{display:flex;gap:10px;flex-shrink:0}.cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease;min-width:100px}.cm-btn:disabled{opacity:.6;cursor:not-allowed}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.reject-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.cm-wrapper{padding:16px}.cm-header{flex-direction:column;align-items:flex-start;gap:12px}.cm-item{flex-direction:column;align-items:flex-start;text-align:left}.cm-avatar{width:48px;height:48px}.cm-actions{width:100%;margin-top:12px}.cm-btn{flex:1}}:root{--primary-color: #c3050f;--primary-dark: #a00409;--primary-light: #e8363f}.common-payment-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.common-payment-container{width:100%;max-width:700px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.payment-invoice-header{display:flex;justify-content:space-between;align-items:center;padding:30px 35px;background:linear-gradient(135deg,#c3050f,#a00409);color:#fff}.invoice-brand{display:flex;align-items:center;gap:15px}.brand-icon{width:50px;height:50px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.brand-icon svg{color:#fff}.brand-info h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.5px}.invoice-date{margin:4px 0 0;font-size:13px;opacity:.9}.invoice-badge{text-align:right;background:#ffffff26;padding:12px 18px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-bottom:4px}.badge-value{display:block;font-size:18px;font-weight:700}.provider-card{display:flex;align-items:center;gap:20px;padding:25px 35px;background:#fafbfc;border-bottom:1px solid #eef0f2}.provider-avatar{width:70px;height:70px;border-radius:16px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 15px #c3050f33}.provider-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#c3050f,#e8363f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.provider-details{flex:1}.provider-details h3{margin:0 0 5px;font-size:20px;font-weight:600;color:#1a1a2e}.provider-type{margin:0 0 8px;font-size:14px;color:#6b7280}.provider-specialty{display:inline-block;padding:4px 12px;background:#fef2f2;color:#c3050f;border-radius:20px;font-size:12px;font-weight:500}.provider-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ecfdf5;color:#059669;border-radius:20px;font-size:13px;font-weight:600}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.details-section{padding:30px 35px;border-bottom:1px solid #eef0f2}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:600;color:#1a1a2e}.section-title svg{color:#c3050f}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.detail-item:hover{background:#f0f1f3;transform:translateY(-2px)}.detail-icon{width:40px;height:40px;background:linear-gradient(135deg,#c3050f,#e8363f);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-icon svg{color:#fff}.detail-content{display:flex;flex-direction:column;gap:4px}.detail-content .detail-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-content .detail-value{font-size:15px;font-weight:600;color:#1a1a2e}.note-section{margin-top:20px;padding:16px;background:#fff7ed;border-radius:12px;border-left:4px solid #f59e0b}.note-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#92400e;margin-bottom:8px}.note-header svg{color:#f59e0b}.note-content{margin:0;font-size:14px;color:#78350f;line-height:1.6}.payment-summary-section{padding:30px 35px;border-bottom:1px solid #eef0f2}.summary-card{background:#f8f9fa;border-radius:12px;padding:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.summary-label{font-size:15px;color:#6b7280}.summary-value{font-size:15px;font-weight:500;color:#374151}.summary-divider{height:2px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:10px 0}.summary-total{padding-top:15px}.summary-label-total{font-size:17px;font-weight:600;color:#1a1a2e}.summary-amount-total{font-size:26px;font-weight:700;color:#c3050f;letter-spacing:-.5px}.security-notice{display:flex;gap:15px;margin:25px 35px;padding:18px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.notice-icon{width:48px;height:48px;background:#dcfce7;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notice-icon svg{color:#16a34a}.notice-content strong{display:block;font-size:14px;color:#166534;margin-bottom:4px}.notice-content p{margin:0;font-size:13px;color:#15803d;line-height:1.5}.payment-actions{display:flex;gap:15px;padding:25px 35px;justify-content:flex-end}.btn-cancel,.btn-proceed{display:flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.btn-cancel:hover{background:#e5e7eb;color:#374151;transform:translateY(-2px)}.btn-proceed{background:linear-gradient(135deg,#c3050f,#a00409);color:#fff;box-shadow:0 4px 15px #c3050f4d}.btn-proceed:hover{background:linear-gradient(135deg,#a00409,#8a0308);box-shadow:0 6px 20px #c3050f66;transform:translateY(-2px)}.btn-proceed:active,.btn-cancel:active{transform:translateY(0)}.payment-footer{padding:25px 35px;background:#fafbfc;text-align:center;border-top:1px solid #eef0f2}.payment-footer>p{margin:0 0 15px;font-size:12px;color:#9ca3af}.payment-methods{display:flex;flex-direction:column;align-items:center;gap:10px}.payment-methods span{font-size:12px;color:#6b7280}.method-icons{display:flex;gap:10px}.method-badge{padding:6px 14px;background:#e5e7eb;color:#374151;border-radius:6px;font-size:12px;font-weight:500}.payment-error{padding:60px 40px;text-align:center}.error-icon{width:80px;height:80px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.error-icon svg{color:#c3050f}.payment-error h2{margin:0 0 10px;font-size:24px;color:#1a1a2e}.payment-error p{margin:0 0 25px;font-size:15px;color:#6b7280}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#c3050f,#a00409);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{transform:translateY(-2px);box-shadow:0 4px 15px #c3050f4d}@media (max-width: 768px){.common-payment-page{padding:20px 15px}.payment-invoice-header{flex-direction:column;gap:20px;padding:25px 20px;text-align:center}.invoice-brand{flex-direction:column}.invoice-badge{text-align:center;width:100%}.provider-card{flex-direction:column;text-align:center;padding:25px 20px}.provider-status{margin-top:10px}.details-section,.payment-summary-section{padding:25px 20px}.details-grid{grid-template-columns:1fr}.security-notice{margin:20px;flex-direction:column;text-align:center}.notice-icon{margin:0 auto}.payment-actions{flex-direction:column-reverse;padding:20px}.btn-cancel,.btn-proceed{width:100%;justify-content:center}.payment-footer{padding:20px}.method-icons{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.brand-info h1{font-size:20px}.provider-details h3{font-size:18px}.summary-amount-total{font-size:22px}}.common-payment-success-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 16px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.common-payment-success-card{max-width:520px;width:100%;background:#fff;border-radius:20px;padding:40px 32px 36px;box-shadow:0 20px 50px #0000001a;text-align:center}.loading-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color, #4f46e5);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:24px}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 10px 30px #10b9814d;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.error-icon-wrapper{display:flex;justify-content:center;margin-bottom:24px}.error-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 10px 30px #ef44444d}.error-icon span{font-size:36px;font-weight:700}.payment-success-title{font-size:1.8rem;margin:0 0 12px;color:#1f2937;font-weight:700}.payment-error-title{font-size:1.8rem;margin:0 0 12px;color:#ef4444;font-weight:700}.payment-success-subtitle,.payment-error-subtitle{font-size:1rem;color:#6b7280;margin-bottom:28px;line-height:1.6}.payment-success-details{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:28px;text-align:left}.detail-box{display:flex;align-items:center;gap:12px;padding:10px 0;color:#374151;font-size:.95rem}.detail-box:not(:last-child){border-bottom:1px solid #e5e7eb}.detail-box svg{color:#10b981;flex-shrink:0}.payment-success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.common-payment-success-card .btn-primary,.common-payment-success-card .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:180px}.common-payment-success-card .btn-primary{background:linear-gradient(135deg,var(--primary-color, #4f46e5) 0%,#6366f1 100%);color:#fff;box-shadow:0 4px 15px #4f46e54d}.common-payment-success-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.common-payment-success-card .btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.common-payment-success-card .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.payment-footer-note{padding-top:20px;border-top:1px solid #e5e7eb}.payment-footer-note p{font-size:.875rem;color:#9ca3af;margin:0}@media (max-width: 480px){.common-payment-success-card{padding:28px 20px 24px;border-radius:16px}.payment-success-title,.payment-error-title{font-size:1.5rem}.payment-success-subtitle,.payment-error-subtitle{font-size:.9rem}.common-payment-success-card .btn-primary,.common-payment-success-card .btn-secondary{width:100%;min-width:auto}.success-icon,.error-icon{width:70px;height:70px}.success-icon svg{width:32px;height:32px}}:root{--admin-register-primary-color: #c3050f}.admin-register-container{margin-top:-18px}.admin-register-container-wrapper{background-color:#fff}.admin-register-sign-up-btn{width:100%;padding:1rem;background-color:var(--admin-register-primary-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem;box-shadow:0 2px 4px #c3050f33}.admin-register-sign-up-btn:hover{background-color:#a3040d;transform:translateY(-1px);box-shadow:0 4px 8px #c3050f4d}.admin-register-sign-up-btn:active{transform:translateY(0)}.admin-register-sign-up-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.admin-register-tabs{display:flex;margin-bottom:0;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.admin-register-tabs button{flex:1;padding:14px 20px;background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:500;color:#6b7280;transition:all .3s;position:relative}.admin-register-tabs button:hover{background-color:#c3050f0d;color:#111827}.admin-register-tabs button.active{background:#fff;color:var(--admin-register-primary-color);font-weight:600}.admin-register-tabs button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--admin-register-primary-color)}.credentials-container{padding:30px;width:100%;max-width:900px}.credentials-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1.5rem;text-align:center}.credentials-loading,.credentials-empty{text-align:center;padding:40px 20px;color:#6b7280;font-size:1rem}.credentials-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 1px 3px #0000001a;border-radius:8px;overflow:hidden}.credentials-table th,.credentials-table td{border:1px solid #e5e7eb;padding:12px 16px;text-align:left}.credentials-table th{background-color:var(--admin-register-primary-color);color:#fff;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.credentials-table tbody tr{background-color:#fff;transition:background-color .2s}.credentials-table tbody tr:nth-child(2n){background-color:#f9fafb}.credentials-table tbody tr:hover{background-color:#f3f4f6}.admin-register-container{display:flex;min-height:60vh;max-width:1200px;width:100%;margin:0 auto 40px;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #c410191a}.admin-register-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.admin-register-form-container{width:100%;max-width:700px;padding:2rem;margin-left:auto;margin-right:auto}.admin-register-header{text-align:center;margin-bottom:2rem}.admin-register-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.admin-register-subtitle{color:#6b7280;font-size:.875rem}.admin-register-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;margin-bottom:1rem}.admin-register-form-group{margin-bottom:0!important;display:flex;flex-direction:column;min-height:90px}.admin-register-form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.admin-register-required{color:#ef4444}.admin-register-form-input{width:100%;padding:1rem 1.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background-color:#fff9f9;text-align:left;font-family:Outfit,sans-serif;color:#000}.admin-register-form-input:focus{outline:none;border-color:var(--admin-register-primary-color);box-shadow:0 0 0 3px #af1eaf4d}.admin-register-form-input::placeholder{color:#9ca3af}.admin-register-form-input.error{border-color:#ef4444;background-color:#fef2f2}.admin-register-form-row .admin-register-form-group:has(.admin-register-error-message){align-self:start}.admin-register-error-message{display:block;color:#ef4444;font-size:.75rem;margin-top:.25rem;min-height:1rem;padding:6px 10px}.admin-register-success-message{color:#059669;font-weight:600;background-color:#d1fae5;padding:16px 20px;border-radius:8px;border-left:4px solid #10b981}.admin-register-tab-content{width:100%;padding:20px;background-color:#fff}.profiles-wrapper{min-height:100vh;background-color:#f5f5f5;padding:60px 20px;margin-top:80px}.profiles-container{max-width:1200px;margin:0 auto}.common-profiles-header-wrapper{width:100%;background:linear-gradient(135deg,#660207,#ee4949);padding:60px 30px;border-radius:18px;margin-bottom:40px;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;box-shadow:0 10px 30px #0003}.profiles-header h1{font-size:40px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-1px;text-align:left}.profiles-header p{font-size:16px;color:#ffffffbf;margin:0;max-width:480px;line-height:1.6}.search-bar-wrapper{position:relative;width:320px;max-width:100%}.cpn-search-input{width:100%;padding:14px 16px 14px 45px;border-radius:12px;border:none;font-size:15px;outline:none;background:#ffffff26;color:#fff;transition:.3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cpn-search-input::placeholder{color:#ffffffb3}.cpn-search-input:focus{background:#ffffff40;box-shadow:0 0 0 3px #ffffff40}.cpn-search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#ffffffbf}@media (max-width: 768px){.common-profiles-header-wrapper{padding:45px 18px;text-align:center;justify-content:center}.profiles-header h1{font-size:32px}.search-bar-wrapper{width:100%}}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;margin-top:40px}.c-profile-card{background:#fff;border-radius:16px;padding:20px;transition:all .3s ease;border:1px solid #e8e8e8;position:relative;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:16px}.c-profile-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f;border-color:#d4d4d4}.c-profile-card-top{display:flex;gap:16px;align-items:flex-start}.profile-avatar-wrapper{margin-bottom:20px;display:inline-block}.c-profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #f1f5f9;transition:all .3s ease}.c-profile-card:hover .c-profile-avatar{border-color:#c4040f;transform:scale(1.05)}.verified-badge-profiles{position:absolute;top:20px;right:20px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#006ace}.verified-badge svg{width:24px;height:24px}.c-profile-info{text-align:left}.c-profile-info h3{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:6px;letter-spacing:-.3px}.c-profile-role{display:inline-block;padding:6px 16px;background-color:#f1f5f9;color:#475569;border-radius:20px;font-size:13px;font-weight:500;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;text-align:left}.c-profile-rating{display:flex;justify-content:left;align-items:start;margin-bottom:12px;gap:2px}.c-profile-amount{font-size:20px;font-weight:600;color:#c4040f;letter-spacing:-.5px;text-align:right;width:100%;display:block}.c-profile-view-btn{width:100%;padding:12px 24px;background-color:#c4040f;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.c-profile-view-btn:hover{background-color:#a00309;transform:translateY(-2px);box-shadow:0 8px 16px #c4040f4d}.c-profile-view-btn:active{transform:translateY(0)}.c-profile-card.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;min-height:360px}.no-profiles-text{grid-column:1 / -1;text-align:center;font-size:18px;color:#64748b;padding:60px 20px;font-weight:500}.filters-section{width:100%;margin:30px 0;background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e5e7eb;box-shadow:0 6px 18px #0000000f}.filters-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.filter-toggle-btn{display:flex;align-items:center;gap:8px;background:#111827;color:#fff;border:none;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s;position:relative}.filter-toggle-btn:hover{background:#c4040f}.filter-badge{background:#fbbf24;color:#111827;font-size:12px;font-weight:700;padding:3px 8px;border-radius:50px;margin-left:6px}.clear-filters-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #c4040f;color:#c4040f;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.clear-filters-btn:hover{background:#c4040f;color:#fff}.filters-container{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;overflow:hidden;max-height:0;opacity:0;transition:.4s ease}.filters-container.show{max-height:500px;opacity:1}.filter-group{background:#f9fafb;padding:14px 15px;border-radius:14px;border:1px solid #e5e7eb;transition:.3s}.filter-group:hover{border-color:#c4040f;box-shadow:0 6px 16px #c4040f1a}.filter-label{display:block;font-size:13px;font-weight:700;color:#111827;margin-bottom:8px}.filter-select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #d1d5db;font-size:14px;outline:none;cursor:pointer;transition:.3s;background:#fff}.filter-select:focus{border-color:#c4040f;box-shadow:0 0 0 3px #c4040f26}.filter-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:600;color:#111827;margin-bottom:0}.filter-checkbox{width:16px;height:16px;accent-color:#c4040f;cursor:pointer}.verified-icon-filter{color:#10b981}.price-range-group{grid-column:span 2}@media (max-width: 700px){.price-range-group{grid-column:span 1}}.dual-range-slider{position:relative;width:100%;margin-top:10px;height:30px}.slider-track{position:absolute;top:50%;left:0;width:100%;height:6px;background:#e5e7eb;border-radius:50px;transform:translateY(-50%);z-index:1}.slider-range{position:absolute;height:6px;background:#c4040f;border-radius:50px;z-index:2}.range-slider{position:absolute;width:100%;pointer-events:none;-webkit-appearance:none;appearance:none;background:none;height:30px;z-index:3}.range-slider::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#111827;border:3px solid white;cursor:pointer;box-shadow:0 4px 10px #0003;transition:.2s}.range-slider::-webkit-slider-thumb:hover{background:#c4040f}.range-slider::-moz-range-thumb{pointer-events:auto;height:16px;width:16px;border-radius:50%;background:#111827;border:3px solid white;cursor:pointer;box-shadow:0 4px 10px #0003}.pagination-wrapper{margin-top:40px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.pagination-btn{padding:10px 18px;border-radius:10px;border:1px solid #e5e7eb;background:#111827;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.pagination-btn:hover{background:#c4040f}.pagination-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.pagination-numbers{display:flex;gap:8px;flex-wrap:wrap}.pagination-number{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:.3s;color:#111827}.pagination-number:hover{background:#c4040f1a;border-color:#c4040f}.pagination-number.active{background:#c4040f;color:#fff;border-color:#c4040f}@media (max-width: 768px){.profiles-wrapper{padding:40px 16px}.profiles-header h1{font-size:32px}.profiles-header p{font-size:16px}.profiles-grid{grid-template-columns:1fr;gap:20px}.search-bar-wrapper{margin-bottom:30px}}@media (min-width: 769px) and (max-width: 1024px){.profiles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.profiles-grid{grid-template-columns:repeat(3,1fr)}}.pm-wrapper{min-height:100vh;background:#f5f7fa;padding:40px 20px;border-radius:20px}.pm-container{max-width:1400px;margin:0 auto}.pm-header{margin-bottom:30px}.pm-header h1{font-size:32px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.pm-header p{font-size:16px;color:#666}.pm-search-wrapper{position:relative;max-width:500px;margin-bottom:30px}.pm-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.pm-search-input{width:100%;padding:12px 15px 12px 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease}.pm-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c3050f1a}.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:40px}.pm-card{background:var(--background-color);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease;border:1px solid #f0f0f0}.pm-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.pm-card.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;height:400px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pm-card-header{position:relative;padding:20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%);display:flex;justify-content:center;align-items:center}.pm-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 10px #0003}.pm-status-badge{position:absolute;top:15px;left:15px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#28a745;color:#fff}.pm-card-body{padding:20px}.pm-name{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:5px;text-align:center}.pm-role{font-size:14px;color:var(--primary-color);font-weight:600;text-align:center;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.pm-info{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.pm-email,.pm-phone{font-size:13px;color:#555;margin:5px 0;display:flex;align-items:center;gap:5px}.pm-email:before{content:"📧";font-size:14px}.pm-phone:before{content:"📞";font-size:14px}.pm-rating{display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:12px}.pm-rating-text{font-size:13px;color:#666;margin-left:5px}.pm-amount{text-align:center;font-size:18px;font-weight:700;color:#28a745;margin-top:10px}.pm-card-actions{display:flex;gap:10px;padding:15px 20px;background:#f9f9f9;border-top:1px solid #f0f0f0}.pm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.pm-btn-edit{background:var(--primary-color);color:#fff}.pm-btn-edit:hover{background:var(--hover-color);transform:translateY(-2px);box-shadow:0 4px 8px #c3050f4d}.pm-btn-delete{background:#dc3545;color:#fff}.pm-btn-delete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.pm-btn:disabled{opacity:.6;cursor:not-allowed}.pm-no-data{grid-column:1 / -1;text-align:center;padding:60px 20px;font-size:16px;color:#999}.pm-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.pm-modal{position:relative;background:var(--background-color);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.pm-modal-small{max-width:450px}.pm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #f0f0f0}.pm-modal-header h2{font-size:22px;font-weight:700;color:#1a1a2e;margin:0}.pm-modal-close{position:absolute;top:20px;right:20px;padding:5px;aspect-ratio:1 / 1;background-color:#d8d8d8;border:none;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:#666}.pm-modal-close:hover{color:#dc3545}.pm-modal-body{padding:25px}.pm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 25px;border-top:2px solid #f0f0f0;background:#f9f9f9}.pm-form-group{margin-bottom:20px}.pm-form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.pm-input,.pm-select,.pm-textarea{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s ease}.pm-input:focus,.pm-select:focus,.pm-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c3050f1a}.pm-textarea{resize:vertical}.pm-checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer}.pm-checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.pm-error{display:block;color:#dc3545;font-size:12px;margin-top:5px}.pm-btn-save{background:#28a745;color:#fff;padding:10px 20px}.pm-btn-save:hover:not(:disabled){background:#218838}.pm-btn-cancel{background:#6c757d;color:#fff;padding:10px 20px}.pm-btn-cancel:hover:not(:disabled){background:#5a6268}.pm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.btn-view-hold-users{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-view-hold-users:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-view-hold-users:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.featured-counter{font-size:14px;color:#666;margin-top:8px;font-weight:500}.featured-counter span{font-weight:700;color:#10b981}.featured-counter .featured-limit-reached{color:#ef4444}.pm-featured-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #fbbf244d;z-index:2}.pm-featured-status{margin-top:8px;font-size:13px}.pm-featured-status span{color:#666;font-weight:500}.featured-status{color:#10b981;font-weight:600}.not-featured-status{color:#ef4444;font-weight:600}.pm-card{position:relative;transition:transform .2s ease,box-shadow .2s ease}.pm-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.pm-modal-header-profile{text-align:center;padding:24px;border-bottom:1px solid #e5e7eb}.pm-modal-profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 16px;display:block;border:4px solid #fbbf24}.pm-modal-header-profile h2{margin:0 0 8px;font-size:24px;color:#111827}.pm-modal-role{color:#6b7280;font-size:14px;margin:0}.pm-modal-actions{padding:24px}.pm-modal-btn{width:100%;padding:14px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.pm-btn-feature-action{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pm-btn-feature-action:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.pm-btn-feature-action:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.pm-btn-unfeature{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pm-btn-unfeature:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.pm-featured-warning{background:#fef3c7;border:1px solid #fbbf24;color:#92400e;padding:12px;border-radius:6px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.pm-modal-feedbacks-section{margin-top:24px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.pm-modal-feedbacks-section h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px}.pm-feedbacks-loading{padding:20px;text-align:center;color:#6b7280}.pm-feedbacks-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.pm-feedback-item{background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.pm-feedback-item:hover{border-color:#fbbf24;box-shadow:0 2px 8px #fbbf241a}.pm-feedback-item p{margin:0;font-size:14px;color:#374151;line-height:1.6}.pm-no-feedbacks{padding:20px;text-align:center;color:#9ca3af;font-style:italic}.pm-modal-hold-section{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.pm-modal-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px;transition:border-color .2s ease}.pm-modal-textarea:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.pm-btn-hold{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.pm-btn-hold:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.pm-hold-users-modal{max-width:700px}.pm-modal-subtitle{color:#6b7280;font-size:14px;margin-top:8px}.pm-hold-users-list{padding:24px;max-height:500px;overflow-y:auto}.pm-hold-user-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.pm-hold-user-info{flex:1}.pm-hold-user-info h3{margin:0 0 8px;font-size:18px;color:#111827}.pm-hold-user-info p{margin:4px 0;font-size:14px;color:#4b5563}.pm-hold-user-info span{font-weight:600;color:#6b7280}.pm-user-role-badge{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.pm-hold-reason{background:#fef3c7;padding:8px;border-radius:4px;margin-top:8px}.pm-hold-reason span{color:#92400e}.pm-btn-restore{background:linear-gradient(135deg,#10b981,#059669);color:#fff;white-space:nowrap;min-width:140px}.pm-btn-restore:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.pm-no-hold-users{text-align:center;padding:40px;color:#6b7280}.pm-card-actions{display:flex;gap:8px;flex-wrap:wrap}.pm-card-actions .pm-btn{flex:1;min-width:calc(50% - 4px);font-size:13px;padding:8px 12px}@media (max-width: 768px){.pm-header{flex-direction:column}.btn-view-hold-users{width:100%}.pm-card-actions .pm-btn{min-width:100%}.pm-featured-badge{font-size:10px;padding:4px 8px}.pm-hold-user-item{flex-direction:column;align-items:flex-start}.pm-btn-restore{width:100%}}@media (max-width: 768px){.pm-grid{grid-template-columns:1fr}.pm-header h1{font-size:24px}.pm-modal{max-width:100%;margin:10px}}.about-page{width:100%;min-height:100vh;font-family:Poppins,sans-serif;background:#f6f6f6}.about-hero{position:relative;width:100%;min-height:85vh;display:flex;align-items:center;justify-content:center;padding:80px 20px 100px;background:linear-gradient(135deg,#c4040f,#6b0007);overflow:hidden;box-sizing:border-box}.about-hero-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent);top:0;left:0}.about-hero-content{position:relative;max-width:900px;text-align:center;color:#fff;z-index:2}.about-tag{display:inline-block;background:#fff3;padding:8px 18px;border-radius:50px;font-size:14px;letter-spacing:1px;margin-bottom:20px}.about-hero-content h1{font-size:55px;font-weight:700;line-height:1.2;margin-bottom:20px}.about-hero-content h1 span{color:#ffd4d6}.about-hero-content p{font-size:18px;line-height:1.8;opacity:.95;margin-bottom:30px}.about-hero-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.btn-primary{background:#fff;color:#c4040f;border:none;padding:14px 28px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s ease;white-space:nowrap}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7);padding:14px 28px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s ease;white-space:nowrap}.btn-outline:hover{background:#ffffff26;transform:translateY(-3px)}.about-stats{max-width:1100px;margin:-60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 20px;position:relative;z-index:10}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:25px;text-align:center;box-shadow:0 8px 22px #0000001a;transition:.3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h2{font-size:35px;font-weight:700;color:#c4040f;margin-bottom:8px}.stat-card p{font-size:14px;color:#555}.about-section{max-width:1100px;margin:80px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-left h2{font-size:36px;color:#111;margin-bottom:15px}.about-left p{font-size:16px;color:#444;line-height:1.8;margin-bottom:15px}.about-right{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}.feature-card{background:#fff;padding:22px;border-radius:18px;box-shadow:0 8px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:.3s ease;min-height:140px;display:flex;flex-direction:column;justify-content:center}.feature-card:hover{transform:translateY(-6px);border:1px solid rgba(196,4,15,.4)}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#c4040f}.feature-card p{font-size:14px;color:#555;line-height:1.6}.about-journey{width:100%;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#f6f6f6;margin-bottom:80px}.journey-container{position:relative;max-width:100%;margin:auto;height:300px}.journey-svg{position:absolute;top:0;left:0;width:100%;height:300px;z-index:1;opacity:.9}.journey-step{position:absolute;z-index:5;width:120px;text-align:center}.journey-step-label{margin-top:12px;font-size:14px;font-weight:600;color:#333}.journey-circle-desktop{width:75px;height:75px;background:#fff;border:3px solid #c4040f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:auto;box-shadow:0 10px 25px #0000001f;transition:.3s ease;color:#c4040f}.journey-circle-desktop:hover{background:#c4040f;transform:translateY(-8px) scale(1.05);color:#fff}.journey-circle-col,.journey-step-content,.journey-step-num,.journey-step-title{display:none}.journey-circle{width:56px;height:56px;background:#fff;border:3px solid #c4040f;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0000001a;transition:.3s ease;color:#c4040f;flex-shrink:0}.step-1{top:150px;left:0%}.step-2{top:60px;left:22%}.step-3{top:170px;left:45%}.step-4{top:70px;left:68%}.step-5{top:135px;right:0;left:auto}.about-mission-vision{max-width:1100px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.mv-card{background:linear-gradient(135deg,#fff,#fff5f5);padding:35px;border-radius:20px;box-shadow:0 10px 25px #00000014;border:1px solid rgba(196,4,15,.2)}.mv-card h2{font-size:24px;color:#c4040f;margin-bottom:12px}.mv-card p{font-size:15px;color:#444;line-height:1.7}.about-why{max-width:1100px;margin:90px auto;padding:0 20px;text-align:center}.about-why h2{font-size:36px;color:#111;margin-bottom:40px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 8px 22px #00000014;transition:.3s ease;border:1px solid rgba(0,0,0,.05)}.why-card:hover{transform:translateY(-6px);border:1px solid rgba(196,4,15,.4)}.why-card h3{font-size:18px;color:#c4040f;margin-bottom:10px}.why-card p{font-size:14px;color:#555;line-height:1.6}.about-commitment{width:100%;background:linear-gradient(135deg,#c4040f,#6b0007);padding:80px 20px}.commitment-box{max-width:900px;margin:auto;text-align:center;color:#fff}.commitment-box h2{font-size:38px;margin-bottom:15px}.commitment-box p{font-size:16px;line-height:1.8;margin-bottom:25px;opacity:.95}@media (max-width: 992px){.about-hero-content h1{font-size:42px}.about-section{grid-template-columns:1fr}.about-right{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.about-mission-vision{grid-template-columns:1fr}.about-journey{left:0;right:0;margin-left:0;margin-right:0;margin-bottom:50px;padding:20px}.journey-container{height:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px 0}.journey-svg{display:none}.journey-step{position:static;width:100px;margin-bottom:0;transform:none!important}}@media (max-width: 768px){.about-hero{min-height:70vh;padding:80px 24px 90px}.about-hero-content h1{font-size:34px}.about-hero-content p{font-size:15px}.about-stats{margin:-50px auto 0;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{padding:18px 12px}.stat-card h2{font-size:26px}.about-section{margin:70px auto}.about-left h2{font-size:28px}.why-grid{grid-template-columns:repeat(2,1fr)}.about-why h2,.commitment-box h2{font-size:28px}.mv-card{padding:25px}}@media (max-width: 600px){.about-hero{min-height:60vh;padding:120px 20px 80px}.about-hero-content h1{font-size:28px}.about-hero-content p{font-size:14px;line-height:1.7}.about-tag{font-size:12px;padding:6px 14px}.about-hero-buttons{flex-direction:column;align-items:center;gap:12px}.btn-primary,.btn-outline{width:100%;max-width:260px;text-align:center;padding:13px 20px;font-size:14px}.about-stats{margin:20px auto 0;grid-template-columns:1fr;gap:12px}.stat-card h2{font-size:30px}.about-section{margin:50px auto}.about-left h2{font-size:24px}.about-right{grid-template-columns:1fr}.feature-card{min-height:unset;padding:18px}.about-journey{left:40px;right:0;margin-left:0;margin-right:0;background:#f6f6f6;margin-bottom:50px;padding:30px 24px;box-sizing:border-box}.journey-svg{display:none}.journey-container{position:static;height:auto;display:flex;flex-direction:column;gap:0;padding:0;max-width:400px;margin:0 auto}.journey-step{position:static!important;width:100%!important;transform:none!important;display:flex;flex-direction:row;align-items:stretch;text-align:left;gap:30px}.journey-circle-desktop,.journey-step-label{display:none!important}.journey-circle-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:64px}.journey-step:not(:last-child) .journey-circle-col:after{content:"";display:block;width:2px;flex:1;min-height:24px;background:repeating-linear-gradient(to bottom,#c4040f 0px,#c4040f 5px,transparent 5px,transparent 12px);margin-top:4px}.journey-step-content{display:flex;flex-direction:column;justify-content:flex-start;padding:8px 0 32px 16px}.journey-step:last-child .journey-step-content{padding-bottom:4px}.journey-step-num{display:block;font-size:11px;font-weight:700;color:#c4040f;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}.journey-step-title{display:block;font-size:16px;font-weight:700;color:#111;margin:0}.why-grid{grid-template-columns:1fr;gap:14px}.about-why h2{font-size:24px;margin-bottom:25px}.about-why{margin:50px auto}.about-mission-vision{gap:14px}.mv-card{padding:20px}.mv-card h2{font-size:20px}.commitment-box h2{font-size:24px}.commitment-box p{font-size:14px}.about-commitment{padding:50px 20px}.feature-card p{text-align:center}}@media (max-width: 380px){.about-hero-content h1{font-size:24px}.stat-card h2{font-size:26px}}.sp-page{background:#f8fafc;color:#0f172a;min-height:100vh}.sp-hero{position:relative;background:#0f172a;overflow:hidden;padding:90px 40px 80px;text-align:center;color:#fff;margin-top:80px}.sp-hero-bg{position:absolute;inset:0;pointer-events:none}.sp-hero-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}.sp-eyebrow{display:inline-block;padding:5px 16px;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#eb2525;background:#eb252526;border:1px solid rgba(235,37,37,.3);border-radius:999px;margin-bottom:24px}.sp-hero-title{font-size:56px;font-weight:900;line-height:1.1;margin-bottom:20px;letter-spacing:-1px}.sp-hero-title em{font-style:normal;color:#eb2525}.sp-hero-sub{font-size:17px;color:#94a3b8;line-height:1.7;margin-bottom:44px;max-width:500px;margin-left:auto;margin-right:auto}.sp-hero-stats{display:flex;justify-content:center;gap:48px}.sp-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.sp-stat strong{font-size:28px;font-weight:900;color:#fff}.sp-stat span{font-size:13px;color:#64748b;letter-spacing:.5px}.sp-filter-wrap{position:sticky;top:0;z-index:50;background:#f8fafceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;padding:16px 40px}.sp-filters{display:flex;gap:8px;max-width:1300px;margin:0 auto;flex-wrap:wrap}.sp-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:999px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .22s ease}.sp-filter-btn:hover{border-color:#eb2525;color:#eb2525}.sp-filter-btn.active{background:#eb2525;border-color:#eb2525;color:#fff}.sp-filter-count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:10px;font-weight:800;background:#ffffff40;border-radius:50%}.sp-filter-btn:not(.active) .sp-filter-count{background:#f1f5f9;color:#64748b}.sp-main{max-width:1300px;margin:0 auto;padding:50px 40px 80px}.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.sp-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 14px #0f172a12;transition:transform .32s ease,box-shadow .32s ease;display:flex;flex-direction:column;padding:22px 22px 0;gap:0}.sp-card.is-hovered{transform:translateY(-6px);box-shadow:0 18px 44px #0f172a21}.sp-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sp-card-category{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#eb2525}.sp-badge{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.sp-badge--popular{background:#fef3c7;color:#92400e}.sp-badge--new{background:#dcfce7;color:#166534}.sp-badge--essential{background:#fee2e2;color:#991b1b}.sp-card-title{font-size:18px;font-weight:800;color:#0f172a;line-height:1.3;margin-bottom:16px}.sp-card-img-wrap{position:relative;height:190px;border-radius:14px;overflow:hidden;margin:0 -22px}.sp-card-img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease}.sp-card.is-hovered .sp-card-img{transform:scale(1.05)}.sp-card-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.18),transparent)}.sp-card-desc{font-size:13.5px;color:#475569;line-height:1.65;margin:18px 0 20px;flex:1}.sp-card-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 20px;border-radius:999px;border:2px solid #eb2525;background:transparent;color:#eb2525;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:22px;transition:background .25s,color .25s,transform .18s}.sp-card-cta svg{transition:transform .25s ease}.sp-card-cta:hover{background:#eb2525;color:#fff;transform:translateY(-1px)}.sp-card-cta:hover svg{transform:translate(4px)}.sp-empty{text-align:center;color:#94a3b8;font-size:15px;padding:60px 0}.sp-banner{background:#0f172a;padding:70px 40px;text-align:center}.sp-banner-inner{max-width:560px;margin:0 auto}.sp-banner h2{font-size:32px;font-weight:900;color:#fff;margin-bottom:12px}.sp-banner p{font-size:15px;color:#94a3b8;line-height:1.7;margin-bottom:32px}.sp-banner-btn{padding:13px 34px;border-radius:999px;border:none;background:#eb2525;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .25s,transform .18s}.sp-banner-btn:hover{background:#c81e1e;transform:translateY(-2px)}@media (max-width: 1100px){.sp-grid{grid-template-columns:repeat(2,1fr)}.sp-hero-title{font-size:42px}}@media (max-width: 640px){.sp-hero{padding:60px 20px 50px}.sp-hero-title{font-size:30px}.sp-hero-stats{gap:28px}.sp-stat strong{font-size:22px}.sp-filter-wrap{padding:12px 20px}.sp-main{padding:36px 20px 60px}.sp-grid{grid-template-columns:1fr;gap:20px}.sp-banner{padding:50px 20px}.sp-banner h2{font-size:24px}}.chatbot-manage{padding:30px;background:#fff;border-radius:12px}.chatbot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chatbot-header h2{margin:0}.add-btn{background:#ef2032;color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.add-btn:hover{background:#c9101f}.empty-msg{color:#999;margin-top:20px}.knowledge-row{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #eee;padding:15px;border-radius:12px;margin-bottom:15px;margin-top:20px}.kb-icon{width:50px;height:50px;border-radius:10px;background:#ffd3d6;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.knowledge-info{flex:2}.knowledge-info h4{margin:0 0 5px;font-size:15px}.kb-preview{margin:0;font-size:13px;color:#666;line-height:1.5}.actions{display:flex;gap:10px}.actions button{border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.edit{border:1px solid #ef2032!important;background:transparent;color:#000}.delete{background:#ef2032;color:#fff}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;width:480px;padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:12px}.modal h3{margin:0 0 4px}.modal input,.modal textarea{padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px;width:100%;box-sizing:border-box}.modal textarea{min-height:140px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.save{background:#ef2032;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer}.cancel{background:#999;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer}.chat-history-manage{display:flex;height:100vh;background:#fef2f2;overflow:hidden;border-radius:16px}.session-panel{width:100%;max-width:480px;background:#fff;border-right:1px solid #fecaca;display:flex;flex-direction:column;overflow-y:auto;transition:max-width .3s ease}.session-panel.shrink{max-width:340px}.date-filter-bar{padding:12px 16px;background:#fff5f5;border-bottom:1px solid #fecaca;display:flex;flex-direction:column;gap:8px}.date-filter-inputs{display:flex;align-items:flex-end;gap:10px}.date-field{display:flex;flex-direction:column;gap:4px;flex:1}.date-field label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.date-field input[type=date]{padding:7px 10px;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:#374151;background:#fff;cursor:pointer;width:100%;box-sizing:border-box;transition:all .15s ease}.date-field input[type=date]:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.filter-clear-btn{padding:8px 14px;background:#fff;color:#6b7280;border:1px solid #fecaca;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;margin-bottom:1px}.filter-clear-btn:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}.filter-active-label{font-size:12px;color:#ef4444;font-weight:500;margin:0}.session-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #fef2f2;cursor:pointer;transition:background .15s ease}.session-row:hover{background:#fff5f5}.session-row.active{background:#fee2e2;border-left:3px solid #ef4444}.session-avatar{font-size:22px;flex-shrink:0}.session-info{flex:1;min-width:0}.session-id{font-size:13px;font-weight:600;color:#374151;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-id span{color:#6b7280;font-weight:400}.session-meta{font-size:12px;color:#9ca3af;margin:0}.session-delete{padding:5px 12px;background:#fff;color:#ef4444;border:1px solid #fca5a5;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:all .15s ease}.session-delete:hover{background:#fef2f2;border-color:#ef4444}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 12px;border-top:1px solid #fecaca;flex-wrap:wrap;margin-top:auto}.page-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #fecaca;border-radius:8px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .15s ease}.page-btn:hover:not(:disabled){background:#fef2f2;border-color:#ef4444;color:#ef4444}.page-btn.active{background:#ef4444;border-color:#ef4444;color:#fff;font-weight:600}.page-btn:disabled{opacity:.4;cursor:not-allowed}.conversation-panel{flex:1;display:flex;flex-direction:column;background:#fef2f2;overflow:hidden}.conv-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #fecaca;position:sticky;top:0;z-index:10}.conv-header h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 2px}.conv-session-id{font-size:11px;color:#9ca3af;margin:0;font-family:monospace}.close-conv{padding:7px 14px;background:#fee2e2;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#ef4444;cursor:pointer;transition:background .15s ease}.close-conv:hover{background:#fecaca}.message-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message-bubble-wrap{display:flex}.user-side{justify-content:flex-end}.bot-side{justify-content:flex-start}.message-bubble{max-width:70%;padding:12px 14px;border-radius:12px;box-shadow:0 1px 3px #0000000f}.user-bubble{background:#ef4444;color:#fff;border-bottom-right-radius:4px}.bot-bubble{background:#fff;color:#111827;border-bottom-left-radius:4px;border:1px solid #fecaca}.bubble-role{font-size:11px;font-weight:700;margin-bottom:6px;opacity:.75}.bubble-text{font-size:14px;line-height:1.5;margin:0 0 8px;white-space:pre-wrap;word-break:break-word}.bubble-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.bubble-time{font-size:11px;opacity:.6}.delete-msg-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:0;opacity:.6;transition:opacity .15s ease}.delete-msg-btn:hover{opacity:1}.tags-manage{display:flex;height:100vh;background:#fef2f2;overflow:hidden;border-radius:16px}.type-panel{width:260px;min-width:220px;background:#fff;border-right:1px solid #fecaca;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 14px;border-bottom:1px solid #fecaca;position:sticky;top:0;background:#fff;z-index:10}.panel-header h2{font-size:18px;font-weight:700;color:#111827;margin:0}.session-count{font-size:12px;background:#fee2e2;color:#ef4444;padding:3px 10px;border-radius:999px;font-weight:600}.type-row{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #fef2f2;cursor:pointer;transition:background .15s ease;position:relative}.type-row:hover{background:#fff5f5}.type-row.active{background:#fee2e2;border-left:3px solid #ef4444}.type-icon{font-size:20px;flex-shrink:0}.type-info{flex:1;min-width:0}.type-name{font-size:13px;font-weight:600;color:#374151;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-sub{font-size:11px;color:#9ca3af;margin:0}.type-active-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;flex-shrink:0}.tags-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fef2f2}.tags-panel-header{background:#fff}.tags-panel-sub{font-size:12px;color:#9ca3af;margin:2px 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:48px 24px;gap:8px;color:#9ca3af;text-align:center}.empty-icon{font-size:40px;margin-bottom:8px;opacity:.5}.empty-state p{font-size:14px;margin:0;color:#6b7280}.empty-sub{font-size:12px!important;color:#9ca3af!important}.bulk-add-section{background:#fff;border-bottom:1px solid #fecaca;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.bulk-add-header{display:flex;align-items:center;justify-content:space-between}.bulk-add-title{font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.bulk-add-hint{font-size:11px;color:#9ca3af}.bulk-add-row{display:flex;gap:10px;align-items:flex-start}.bulk-input-wrap{flex:1;display:flex;flex-direction:column;gap:6px}.bulk-input{width:100%;padding:9px 12px;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:#374151;background:#fff;box-sizing:border-box;transition:all .15s ease;outline:none}.bulk-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.bulk-input.input-error{border-color:#ef4444}.tag-preview{display:flex;flex-wrap:wrap;gap:6px}.preview-chip{background:#fee2e2;color:#ef4444;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid #fca5a5}.field-error{font-size:11px;color:#ef4444;margin:0;font-weight:500}.btn-add-bulk{padding:9px 18px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s ease;display:flex;align-items:center;gap:6px;min-width:110px;justify-content:center}.btn-add-bulk:hover:not(:disabled){background:#dc2626}.btn-add-bulk:disabled{opacity:.6;cursor:not-allowed}.tags-list-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.tag-card{background:#fff;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:8px;transition:box-shadow .15s ease,border-color .15s ease}.tag-card:hover{border-color:#ef4444;box-shadow:0 2px 8px #ef44441a}.tag-chip-icon{font-size:14px;flex-shrink:0;opacity:.7}.tag-card-name{flex:1;font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-card-actions{display:flex;gap:4px;flex-shrink:0}.tag-btn{background:none;border:none;cursor:pointer;font-size:15px;padding:3px;border-radius:5px;transition:background .12s ease;display:flex;align-items:center;justify-content:center;width:26px;height:26px}.edit-btn:hover{background:#fef2f2}.delete-btn:hover:not(:disabled){background:#fee2e2}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.status-msg{text-align:center;color:#9ca3af;font-size:14px;padding:24px 16px;margin:0}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-spinner.small{width:13px;height:13px;border-color:#ef44444d;border-top-color:#ef4444}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#00000059;z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:400px;box-shadow:0 20px 50px #0000002e;animation:slideUp .2s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #fecaca}.modal-header h3{font-size:16px;font-weight:700;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:16px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;transition:color .12s}.modal-close:hover{color:#ef4444}.modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:6px}.modal-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.modal-input{width:100%;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;font-size:14px;color:#374151;box-sizing:border-box;outline:none;transition:all .15s ease}.modal-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modal-input.input-error{border-color:#ef4444}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid #fef2f2}.btn-cancel{padding:8px 18px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s}.btn-cancel:hover{background:#e5e7eb}.btn-save{padding:8px 18px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;min-width:110px;display:flex;align-items:center;justify-content:center}.btn-save:hover:not(:disabled){background:#dc2626}.btn-save:disabled{opacity:.6;cursor:not-allowed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.cp-page{background:#f8fafc;color:#0f172a;min-height:100vh}.cp-hero{position:relative;background:#0f172a;overflow:hidden;padding:90px 40px 80px;text-align:center;color:#fff;margin-top:80px}.cp-hero-bg{position:absolute;inset:0;pointer-events:none}.cp-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.cp-blob--1{width:520px;height:520px;background:#eb2525;top:-160px;left:-100px}.cp-blob--2{width:400px;height:400px;background:#eb2525;bottom:-120px;right:-80px}.cp-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px}.cp-hero-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}.cp-eyebrow{display:inline-block;padding:5px 16px;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#eb2525;background:#eb252526;border:1px solid rgba(235,37,37,.3);border-radius:999px;margin-bottom:24px}.cp-hero-title{font-size:56px;font-weight:900;line-height:1.1;margin-bottom:20px;letter-spacing:-1px}.cp-hero-title em{font-style:normal;color:#eb2525}.cp-hero-sub{font-size:17px;color:#94a3b8;line-height:1.7;margin-bottom:44px;max-width:500px;margin-left:auto;margin-right:auto}.cp-hero-stats{display:flex;justify-content:center;gap:48px}.cp-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.cp-stat strong{font-size:28px;font-weight:900;color:#fff}.cp-stat span{font-size:13px;color:#64748b;letter-spacing:.5px}.cp-main{max-width:1200px;margin:0 auto;padding:80px 40px;display:flex;flex-direction:column;gap:100px}.cs-section{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:flex-start;opacity:0;transform:translateY(40px);transition:opacity .65s ease var(--delay, 0s),transform .65s ease var(--delay, 0s)}.cs-section--visible{opacity:1;transform:translateY(0)}.cs-img-frame{position:relative}.cs-img-border{position:absolute;inset:-14px -14px 14px 14px;border:2px solid rgba(235,37,37,.25);border-radius:22px;pointer-events:none;transition:border-color .3s}.cs-section:hover .cs-img-border{border-color:#eb25258c}.cs-img-number{position:absolute;top:-18px;left:-18px;width:46px;height:46px;background:#eb2525;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;letter-spacing:.5px;z-index:2;box-shadow:0 4px 14px #eb252566}.cs-img{width:100%;height:auto;display:block;border-radius:18px;object-fit:contain;box-shadow:0 16px 48px #0f172a24;transition:transform .5s ease,box-shadow .5s ease}.cs-section:hover .cs-img{transform:scale(1.02);box-shadow:0 24px 60px #0f172a33}.cs-content-col{display:flex;flex-direction:column;gap:0}.cs-eyebrow{display:inline-block;padding:4px 14px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#eb2525;background:#eb252514;border:1px solid rgba(235,37,37,.2);border-radius:999px;margin-bottom:18px;width:fit-content}.cs-heading{font-size:38px;font-weight:900;color:#0f172a;line-height:1.15;letter-spacing:-.8px;margin-bottom:20px}.cs-body{font-size:15.5px;color:#475569;line-height:1.75;margin-bottom:28px}.cs-bullets{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:36px}.cs-bullet{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#1e293b}.cs-bullet-icon{color:#eb2525;font-size:10px;flex-shrink:0}.cs-mission{font-size:14.5px;color:#475569;line-height:1.75;margin-bottom:20px}.cs-sub-title{font-size:14px;font-weight:800;color:#0f172a;letter-spacing:.3px;margin-bottom:12px;margin-top:4px}.cs-prove{font-size:14.5px;font-style:italic;font-weight:600;color:#eb2525;margin-bottom:24px}.cs-footer-tag{margin-top:16px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8}.cs-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:12px 28px;border-radius:999px;border:2px solid #eb2525;background:#eb2525;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .25s,color .25s,transform .18s,box-shadow .25s;box-shadow:0 4px 16px #eb25254d;margin-top:12px}.cs-cta:hover{background:#c81e1e;border-color:#c81e1e;transform:translateY(-2px);box-shadow:0 8px 24px #eb252566}.cp-main .cs-section+.cs-section{border-top:1px solid #e2e8f0;padding-top:100px}.cp-banner{background:#0f172a;padding:70px 40px;text-align:center}.cp-banner-inner{max-width:560px;margin:0 auto}.cp-banner h2{font-size:32px;font-weight:900;color:#fff;margin-bottom:12px}.cp-banner p{font-size:15px;color:#94a3b8;line-height:1.7;margin-bottom:32px}.cp-banner-btn{padding:13px 34px;border-radius:999px;border:none;background:#eb2525;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .25s,transform .18s}.cp-banner-btn:hover{background:#c81e1e;transform:translateY(-2px)}@media (max-width: 900px){.cs-section{grid-template-columns:1fr;gap:40px}.cs-heading{font-size:28px}.cp-hero-title{font-size:42px}.cp-main{padding:60px 24px;gap:70px}.cp-main .cs-section+.cs-section{padding-top:70px}}@media (max-width: 640px){.cp-hero{padding:60px 20px 50px;margin-top:60px}.cp-hero-title{font-size:30px}.cp-hero-stats{gap:28px}.cp-stat strong{font-size:22px}.cs-heading{font-size:24px}.cp-main{padding:48px 20px;gap:56px}.cp-main .cs-section+.cs-section{padding-top:56px}.cp-banner{padding:50px 20px}.cp-banner h2{font-size:24px}}