@tailwind base;@tailwind components;@tailwind utilities;body,html{color:#fff;width:100%}.container,body,html{box-sizing:border-box;overflow:hidden}.container{align-items:center;background-color:initial!important;display:flex;flex-direction:column;height:100dvh;justify-content:flex-start;min-height:100vh;padding:80px 20px 100px;position:relative;text-align:center;transition:all .3s ease-in-out}body.dark{background-color:#101935!important;color:#fff}body.light{background-color:#f0f2f5!important;color:#121212}.menu-wrapper{left:15px;position:absolute;top:15px;z-index:9999}.menu-button{background-color:initial;border:none;color:#4a90e2;cursor:pointer;font-size:32px}.theme-menu{background-color:#4a90e2e6;border-radius:10px;box-shadow:0 4px 10px #0003;color:#fff;display:none;font-size:15px;left:15px;padding:10px;position:absolute;top:55px;width:180px}.theme-menu.active{display:block}.theme-menu div{border-radius:6px;cursor:pointer;padding:8px}.theme-menu div:hover{background-color:#fff3}.title-wrapper{margin-bottom:20px;margin-top:60px}.title{-webkit-text-fill-color:#0000;animation:shine 4s linear infinite;background:linear-gradient(90deg,#006fdd,#00c0d5,#006ad4);-webkit-background-clip:text;background-size:300%;font-family:Michroma,sans-serif;font-size:44px;letter-spacing:3px;text-transform:uppercase}@keyframes shine{0%{background-position:0}to{background-position:300%}}@media (max-width:3500px){.title{font-size:32px;letter-spacing:1px}}.trademark{animation:tm-glow 10s ease-in-out infinite;font-size:.5em;margin-left:4px;vertical-align:super}body.light .title{color:#0b3d91!important}.buttons-wrapper{flex-direction:column;flex-grow:1;gap:18px}.button,.buttons-wrapper{align-items:center;display:flex;justify-content:center}.button{background:linear-gradient(180deg,#4a90e2,#357ab7)!important;border:none;border-radius:12px;box-shadow:10px 10px 20px rgba(83,115,204,.548);color:#fff!important;cursor:pointer;font-size:18px;font-weight:700;padding:15px 30px;text-align:center;transition:background-color .3s,transform .2s;white-space:nowrap;width:300px}@media (max-width:500px){.button{font-size:16px;white-space:nowrap;width:90%}}.button.clicked{background:linear-gradient(180deg,#7dd4ee,#142b44)!important;transform:scale(.98);transition:background .3s ease,transform .2s ease}.footer{bottom:10px;color:gray;font-size:14px;position:fixed;text-align:center;width:100%}@media (max-width:500px){.title-wrapper{margin-top:40px}.title{font-size:28px;letter-spacing:4px}.button{font-size:16px;width:90%}}.register-container{max-height:100vh;max-width:500px;overflow-y:auto;padding-bottom:20px}.register-container input:not([type=checkbox]):not([type=radio]),.register-container select{border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:15px;padding:10px;width:100%}.register-container h2{color:#f1ea29;margin-bottom:20px;text-align:center}.register-container input,.register-container select{border:1px solid #616161;border-radius:8px;font-size:15px;margin-bottom:15px;padding:10px;width:100%}.register-container button{background-color:#4caf50;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease;width:100%}.register-container button:hover{background-color:#45a049}.checkbox-container{display:flex;flex-wrap:wrap;gap:5px}.checkbox-container label:hover{background-color:#ddd}p.status-message{font-weight:700;margin-top:10px;text-align:center}.kasblarimiz{display:block;margin-top:10px}.kasblarimiz .skills-list{display:flex;flex-direction:column;gap:6px}.kasblarimiz .skill-item{align-items:center;display:flex;gap:8px;line-height:1.3}.kasblarimiz .skill-item input[type=checkbox]{margin:0;width:auto}body.light{--bg-color:#f5f5f5;--text-color:#222;--card-bg:#fff;--accent:#007bff;--online-gradient:linear-gradient(90deg,#0fc,#0cf)}body.dark{--bg-color:#121212;--text-color:#fff;--card-bg:#1e1e1e;--accent:#0fc;--online-gradient:linear-gradient(90deg,#0cf,#07f)}body,html{background-color:var(--bg-color);height:100%;margin:0;padding:0}body{justify-content:center}.ishkerak-container,body{align-items:center;display:flex}.ishkerak-container{background-color:var(--card-bg);border-radius:24px;border-bottom-left-radius:200px;border-bottom-right-radius:200px;box-sizing:border-box;flex-direction:column;height:auto;justify-content:flex-start;margin:0 auto;max-width:500px;min-height:95vh;padding:24px 16px 40px 20px;transition:box-shadow .3s ease-in-out;width:95vw}body.light .ishkerak-container{box-shadow:0 0 30px #00c3ff}body.dark .ishkerak-container{box-shadow:0 0 30px #00c8ff}.center-section,.stats-section,.top-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:400px;padding:40px 10px;width:100%}.avatar{border:2px solid var(--accent)!important;border-radius:50%!important;height:130px!important;object-fit:cover!important;width:130px!important}.user-info{align-items:center;display:flex;flex-direction:column}.user-name{font-size:30px;font-weight:700;margin-bottom:15px}.balance-btn{background-color:initial;border:1px solid var(--accent);border-radius:8px;color:var(--accent);cursor:default;font-size:20px;margin-top:4px;padding:10px 30px}.stats-section{background-color:#0000000d;border-radius:12px;margin-top:20px;padding:12px}.stat-item,.stats-section{color:var(--text-color);font-size:15px}.stat-item{align-items:center;display:flex;gap:6px}.status-btn{background:linear-gradient(90deg,#0f9,#0cf);border:none;border-radius:40px;box-shadow:0 4px 16px #00ffcc40,0 4px 16px #00ffcc4d;color:#000f85;cursor:pointer;font-size:25px;font-weight:700;margin-top:20px;max-width:280px;padding:20px;transition:transform .2s,box-shadow .2s;width:100%}@keyframes onlinePulse{0%{background-position:0 50%}to{background-position:100% 50%}}.status-btn.online{animation:onlinePulse 3s ease infinite;background:linear-gradient(270deg,#0fc,#0cf,#0084ff,#0fc);background-size:600% 600%;box-shadow:0 0 15px #0fc6;color:#000f85;font-weight:700}.status-btn.band{animation:none;background:linear-gradient(90deg,#a8c1bd,#8da7ac);box-shadow:0 4px 16px #00ffcc40;color:red;font-weight:700}.status-btn:hover{box-shadow:0 8px 20px #00ccff4d;transform:translateY(-2px)}.timer{color:var(--accent);font-family:Courier New,monospace;font-size:28px;font-weight:700;margin-top:20px}.status-btn.disabled{background:#ccc!important;box-shadow:none;color:#666!important;cursor:not-allowed;opacity:.6;pointer-events:none}:root{--brand:#e11d48;--brand-600:#be123c;--ink:#0b0b0c;--paper:#fff;--bg:#0b0b0c;--card:#121214;--muted:#9ca3af;--ring:#22232a;--radius-lg:16px;--radius-xl:20px;--shadow-elev:0 10px 28px #00000059;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}body.light .profil-container{--bg:#f7f8fb;--card:var(--paper);--ink:#0b0b0c;--ring:#e5e7eb;--shadow-elev:0 10px 24px #00000014}body.dark .profil-container{--bg:#0b0b0c;--card:#121214;--ink:#e7e7ea;--ring:#22232a;--shadow-elev:0 10px 28px #00000059}.profil-container{background:#0b0b0c;background:var(--bg);color:#0b0b0c;color:var(--ink);display:flex;flex-direction:column;max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:20px}.profile-content{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.profile-actions{grid-gap:20px;gap:20px}.profil-card{grid-gap:12px;background:#0000;display:grid;gap:12px;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.avatar-img{background:#cbd5e1;border:4px solid #4e6990;border-radius:50%;box-shadow:0 0 12px #4e6990;display:block;height:100%;object-fit:cover;width:100%}.avatar-clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.avatar-clickable:hover{box-shadow:0 8px 20px #00000040;transform:translateY(-1px)}.hidden{display:none}.profile-ident{display:flex;flex-direction:column;gap:6px;min-width:0}.profile-name{font-size:18px;letter-spacing:.2px;margin:0}.info-box{border-radius:12px;padding:16px;transition:background-color .3s}.dark-mode .info-box{background-color:#334155}.light-mode .info-box{background-color:#e2e8f0}.info-box label{color:inherit;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.info-box p{font-size:16px;font-weight:500;margin-top:4px}textarea{background-color:initial;border:1px solid #94a3b8;border-radius:10px;box-sizing:border-box;color:inherit;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.edit-button,.logout-button,.save-button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;width:100%}.save-button{background-color:#10b981}.save-button:hover{background-color:#059669}.edit-button{background-color:#3b82f6}.edit-button:hover{background-color:#2563eb}.logout-button{background-color:#ef4444}.logout-button:hover{background-color:#dc2626}.button-group{display:flex;flex-direction:column;gap:10px}@media (max-width:480px){.profil-container{border-radius:12px;padding:16px}.avatar-wrapper{flex-basis:80px;height:80px;width:80px}.profile-name{font-size:16px}.edit-button,.logout-button,.save-button{font-size:14px;padding:10px}.profile-content{gap:12px;padding:12px}.profile-actions{gap:10px;padding:12px}}.profil-top{align-items:center;display:flex;gap:14px}.avatar-wrapper{flex:0 0 98px;height:98px;position:relative;width:98px}.edit-profile-container{max-height:100vh;max-width:90vh;overflow-y:auto;padding-bottom:20px}.edit-profile-container input,.edit-profile-container select{border:none;border-radius:5px;margin-bottom:10px;padding:8px;width:100%}.edit-profile-container button{background-color:#2563eb;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.edit-profile-container button:hover{background-color:#1d4ed8}.phone-input{align-items:center;background-color:#fff;border-radius:8px;display:flex;padding:5px 10px}.phone-input .prefix{color:#333;font-weight:700;margin-right:6px}.phone-input input{border:none;flex:1 1;font-size:16px;outline:none}.skills-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:8px 0}.select-all-btn{background:#f7f7f7;border:1px solid #ddd;border-radius:10px;cursor:pointer;padding:6px 10px}.select-all-btn:disabled{cursor:not-allowed;opacity:.6}.skillan-checkbox{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);justify-content:center;margin-bottom:15px}.skillan-checkbox input[type=checkbox]{margin:0}.ishchi-kerak-container{align-items:center;background-color:var(--card-bg);border-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;height:95vh;justify-content:flex-start;margin:0 auto;max-width:500px;padding:24px 16px 40px 20px;transition:box-shadow .3s ease-in-out;width:95vw}body.light .ishchi-kerak-container{box-shadow:0 0 30px rgba(0,106,255,.669);color:#0f1a3c}body.dark .ishchi-kerak-container{background-color:#0f1a3c;box-shadow:0 0 30px #08f}.filter-section{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-section select{background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;color:#111;font-size:15px;padding:8px 12px;transition:border-color .2s}.scrollable-workers{flex-grow:1;margin:0 auto;max-width:500px;overflow-y:auto}.scrollable-workers,.worker-card{box-sizing:border-box;padding:0 5px;width:100%}.worker-card{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 0 10px rgba(0,106,255,.669);cursor:pointer;display:flex;gap:6px;margin-bottom:8px;margin-top:6px;max-width:100%;overflow:hidden;transition:transform .2s,box-shadow .2s}body.dark .worker-card{background-color:#000334;box-shadow:0 4px 12px #08f}.worker-info{display:flex;flex-direction:column;gap:1px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worker-info h3,.worker-info p{align-items:center;display:flex;margin:0;padding:1px}.worker-name{align-items:center;color:#222;display:flex;font-size:clamp(16px,2.8vw,20px);font-weight:700;gap:6px;line-height:1.15;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.dark-mode .worker-name{color:#fff}.worker-skill{color:#0288d1;font-size:14px;overflow-wrap:anywhere;white-space:normal}.dark-mode .worker-skill{color:#4fc3f7}.worker-distance{color:#f50000;font-size:12px}.dark-mode .worker-distance{color:#ffb74d}.worker-location{color:#388e3c;font-size:10px}.dark-mode .worker-location{color:#81c784}.fixed-header{background-color:inherit;border-bottom:1px solid #444;flex-shrink:0;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.logo{color:#4fc3f7;margin-bottom:8px}.load-more-btn{border-radius:14px;box-shadow:0 4px 12px #00000026;font-size:16px;font-weight:600;margin-top:12px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.load-more-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.load-more-btn:active{box-shadow:0 2px 8px #0003;transform:scale(.97)}.filter-section select:focus{border-color:#02abd1;outline:none}.load-more-btn{background:linear-gradient(135deg,#4fc3f7,#0288d1)}.dark-mode .load-more-btn{background:linear-gradient(135deg,#26c6da,#01579b)}.dark-mode .filter-section select{background-color:#2c2c2c;border:1px solid #444;color:#eee}.logo{color:#0288d1;font-size:22px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-align:center}.dark-mode .logo{color:#4fc3f7}.avatari{border:2px solid #47b2ffb3;border-radius:50%;box-shadow:0 0 8px #47b2ff66;max-height:70px;max-width:70px;min-height:70px;min-width:70px;object-fit:cover}.dark-mode .avatari{border:2px solid #0077d9!important;box-shadow:0 4px 12px rgba(64,0,255,.381)}.spinner-wrapper{align-items:center;display:flex;flex-direction:column;padding:40px 0}.spinner{border-top-color:#4dc1f7;box-shadow:0 0 8px #4dacff66}.dot-container{align-items:center;display:inline-flex;gap:6px}.dot{border-radius:50%;height:10px;width:10px}.green{background-color:#4ade80}.red{background-color:#f87171}.blink{animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.dot-time{color:#bdbdbd;font-size:12px}.client-register-container{background-color:#111;border-radius:12px;box-shadow:0 0 10px #ffffff0d;color:#fff;margin:100px auto;max-width:400px;padding:24px}.client-register-container h2{margin-bottom:24px;text-align:center}.client-register-container input{background-color:#222;border:1px solid #444;border-radius:6px;color:#fff;margin-bottom:16px;padding:12px;width:100%}.client-register-container button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.client-register-container button:disabled{background-color:#555;cursor:wait}:root{--radius:14px;--shadow:0 12px 40px #00000047;--primary:#2665b1;--on-primary:#fff;--accent:#25d366;--on-accent:#1f1f1f;--name:#fbff00}:root,[data-theme=dark]{--bg:#322828;--card-bg:#171a1f;--text:#212020;--muted:#545454;--border:#000;--chip-bg:#f4f4f4;--chip-border:#2a2f39;--badge-bg:#1b1f27;--btn-bg:#20242c;--btn-hover:#262b36}[data-theme=light]{--bg:#f7f9fc;--card-bg:#fff;--text:#131313;--muted:#475569;--border:#e2e8f0;--chip-bg:#f2f6fb;--chip-border:#e2e8f0;--badge-bg:#eef2f7;--btn-bg:#eff3f9;--btn-hover:#e7edf6}body{background:#322828;background:var(--bg)}.profile-header{align-items:center;display:flex;flex-direction:column}.profile-avatar{align-items:center;border:3px solid #2665b1;border:3px solid var(--primary);border-radius:50%;box-shadow:0 0 0 6px #2665b140;height:clamp(160px,45vw,200px);object-fit:cover;width:clamp(160px,45vw,200px)}.profile-name{color:#6b6b6b;font-size:26px;font-weight:800;margin-top:12px}body.dark .profile-name{color:#e6df16}.name-row{align-items:center;display:inline-flex;gap:8px}.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.badge{background:#c8c8c8;border:1px solid #000;border:1px solid var(--border);border-radius:999px;color:#000;font-size:12px;padding:6px 10px}.profile-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:14px 0 6px}.btn-call{grid-column:1/-1}@media (min-width:560px){.profile-actions{grid-template-columns:repeat(3,1fr)}.btn-call{grid-column:auto}}@media (max-width:559px){.profile-actions{display:none}}.profile-details{margin-top:14px}.profile-details p{color:#545454;color:var(--muted);font-size:15px;margin:10px 0}body.dark .profile-details p{color:#ddd}.profile-details strong{color:#212020;color:var(--text);font-weight:700}body.dark .profile-details strong{color:#dfe0ce;font-weight:700}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.skill-chip{background:#f4f4f4;background:var(--chip-bg);border:1px solid #2a2f39;border:1px solid var(--chip-border);border-radius:999px;color:#212020;color:var(--text);font-size:12px;line-height:1;padding:6px 10px}.skill-chip.more{cursor:pointer;opacity:.9}body.dark .skill-chip{background:#444264;border:1px solid #2a2f39;border:1px solid var(--chip-border);border-radius:999px;color:#fff;font-size:12px;line-height:1;padding:6px 10px}.about-wrapper{position:relative}.about{color:#545454;color:var(--muted);font-size:15px;line-height:1.5;white-space:pre-line}body.dark .about{color:#ddd}.about.clamped{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;max-height:7.6em;overflow:hidden}.moreless{background:#0000;border:none;color:#2665b1;color:var(--primary);cursor:pointer;font-weight:600;margin-top:6px;padding:0}.loading{color:#545454;color:var(--muted);font-size:18px;text-align:center}.profile-container{background-color:#fafcff;border-radius:14px;box-shadow:0 12px 40px #00000047;color:#f5f5f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:16px auto;max-width:680px;padding:20px}body.dark .profile-container{background-color:#0f1a3c}.sticky-cta{grid-gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f2f2f2eb;border-top:1px solid #ffffff1a;bottom:0;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;left:0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}body.dark .sticky-cta{background:#0f1a3c}.btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-height:44px;padding:10px 14px;text-decoration:none}.btn:active{transform:translateY(1px)}.btn--primary{background:#2665b1;color:#fff}.btn--accent{background:#25d366;color:#0b1f0e}.btn--neutral{background:#9ca721;border-color:#2a2f39;color:#000}.btn--outline{background:#0000;border-color:#2a2f39;color:#e8e8e8}.btn--primary:hover{filter:brightness(1.05)}.btn--accent:hover{filter:brightness(1.03)}.btn--neutral:hover,.btn--outline:hover{background:#262b36}.phone-link{align-items:center;background:#dbdbdb92;border:1px dashed #05006200;border-radius:10px;color:#002aff;cursor:pointer;display:inline-flex;gap:6px;margin-left:6px;padding:6px 10px;text-decoration:none}.phone-link:hover{background:#262b36}body.dark .phone-link{color:#fff}.profile-page{-webkit-overflow-scrolling:touch;background:#322828;background:var(--bg);height:100dvh;overflow-y:auto;position:relative}.page-spacer{height:72px}.profile-container.framed{background:linear-gradient(#fcfcfc,#e4e3e3) padding-box,linear-gradient(135deg,#00a2ff,#00bfff) border-box;border:2px solid #0000;border-radius:18px;box-shadow:0 0 0 2px rgba(59,227,246,.918),0 18px 48px rgba(0,255,204,.829);min-height:90vh;position:relative}body.dark .profile-container.framed{background:linear-gradient(#0f1a3c,#0f1a3c) padding-box,linear-gradient(135deg,#006aff,rgba(0,106,255,.861)) border-box;box-shadow:0 0 0 2px #3b83f6,0 18px 48px #0285c7}.profile-container.framed:before{background:radial-gradient(120% 120% at 0 0,#38bdf847,#0000 60%),radial-gradient(120% 120% at 100% 100%,#3b82f647,#0000 60%);border-radius:inherit;content:"";filter:blur(10px);inset:-12px;pointer-events:none;position:absolute;z-index:-1}.balance-page{background-color:#111;color:#fff;font-family:sans-serif;min-height:100vh;padding:20px;text-align:center}.calvero-logo{margin-bottom:15px;opacity:.9;width:80px}h2{color:gold;font-size:22px;margin-bottom:10px}.account-id{align-items:center;display:flex;font-size:16px;gap:8px;justify-content:center;margin:15px 0}.account-id button{background-color:gold;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:700;padding:4px 10px}.account-id button:hover{background-color:#e6c200}.last-topup{color:#ccc;font-size:14px;margin-bottom:20px}.instruction-card{background-color:#ffcc80;border-radius:12px;color:#000;font-size:14px;line-height:1.6;margin:20px auto;max-width:400px;padding:15px;width:90%}.instruction-card h4{color:#000;margin-top:0}.partners{display:flex;gap:20px;justify-content:center;margin-top:20px}.partner-logo{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0003;height:auto;padding:5px;width:90px}.chat-container{background-color:#d4d4d4;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:auto;height:100vh;max-width:500px;min-height:95vh;width:100vw}body.light .chat-container{box-shadow:0 0 30px #626262;color:#0f1a3c}body.dark .chat-container{background-color:#0f1a3c;box-shadow:0 0 30px #f1f1f1}.chat-header{background-color:#08c;box-shadow:0 2px 4px #0003;color:#fff;font-weight:700;padding:12px;text-align:center}.chat-messages{flex:1 1;overflow-y:auto;padding:15px}.message-bubble{word-wrap:break-word;border-radius:20px;margin-bottom:12px;max-width:70%;overflow-wrap:break-word;padding:10px 14px;position:relative;word-break:break-word}.message-bubble.right{align-self:flex-end;background-color:#08c;color:#fff;margin-left:auto}.message-bubble.left{background-color:#f6f8fe;color:#000;margin-right:auto}.message-time{font-size:10px;margin-top:4px;opacity:.7;text-align:right}.chat-footer{align-items:flex-end;background-color:#d4d4d4;border-top:1px solid #02669b;bottom:0;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;max-width:100%;overflow-x:auto;padding:8px 12px;position:-webkit-sticky;position:sticky;width:100%;z-index:10}body.dark .chat-footer{background-color:#005f8e}.chat-send-btn{background-color:#08c;color:#fff}.chat-btn,.chat-send-btn{border:none;border-radius:50%;cursor:pointer;height:40px;min-width:40px;width:40px}.chat-btn{background-color:#d5d5d5;box-shadow:0 0 8px #0006}.chat-image{border-radius:10px;height:auto;margin-top:4px;max-height:300px;max-width:240px;object-fit:contain;width:auto}.check-icon{color:#888;font-size:14px;font-weight:700;margin-left:4px}.check-icon.read{color:#4caf50}.message-bubble.right.media-bubble{align-self:flex-end;background-color:initial;margin-left:auto;text-align:right}.message-bubble.left.media-bubble{align-self:flex-start;background-color:initial;margin-right:auto;text-align:left}.message-bubble.media-bubble img.chat-image{border-radius:10px!important;box-shadow:0 2px 6px #0000001a!important;max-width:220px!important}.check-icon{font-family:Arial,sans-serif!important}.chat-location-btn{align-items:center;background-color:#d5d5d5;border:none;border-radius:50%;box-shadow:0 0 8px #0006;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 6px;min-width:40px;transition:transform .2s,box-shadow .2s;width:40px}.chat-location-btn:hover{box-shadow:0 0 12px #0009;transform:scale(1.05)}.chat-location-btn img{height:25px;width:25px}.chat-input{border:none;border-radius:20px;box-sizing:border-box;flex-grow:1;font-size:16px;line-height:18px;max-height:150px;min-height:40px;outline:none;overflow-y:hidden;padding:6px 12px;resize:none}.load-more-btn{background-color:#08c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin:10px auto;padding:8px 16px}.chat-list-container{align-items:center;background-color:var(--card-bg);border-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin:0 auto;max-width:500px;min-height:95vh;padding:24px 16px 40px 20px;transition:box-shadow .3s ease-in-out;width:95vw}body.light .chat-list-container{box-shadow:0 0 30px #626262;color:#0f1a3c}body.dark .chat-list-container{background-color:#0f1a3c;box-shadow:0 0 30px #b6b6b6}.chat-list-container h2{align-items:center;color:#ffeb3b;display:flex;font-size:24px;margin-bottom:20px}body.light .chat-list-container h2{color:#000}.chat-item{align-items:center;background-color:#ffa000;border-radius:12px;box-shadow:0 0 8px rgba(0,0,0,.292);display:flex;justify-content:space-between;margin-bottom:12px;overflow-wrap:break-word;padding:12px 16px;transition:transform .1s ease-in-out;word-break:break-word}body.light .chat-item{background-color:#fff}body.dark .chat-item{background-color:#ffb300}.chat-item:hover{cursor:pointer;transform:scale(1.02)}@keyframes pulseGlow-dark{0%{box-shadow:0 0 3px 1px hsla(0,0%,100%,.463)}50%{box-shadow:0 0 8px 3px #ffffffb8}to{box-shadow:0 0 3px 1px hsla(0,0%,100%,.332)}}@keyframes pulseGlow-light{0%{box-shadow:0 0 1px 1px hsla(0,0%,55%,.329)}50%{box-shadow:0 0 3px 3px hsla(0,0%,39%,.641)}to{box-shadow:0 0 1px 1px rgba(83,83,83,.262)}}body.dark .unread{animation:pulseGlow-dark 2s infinite;border:2px solid #001aff}body.light .unread{animation:pulseGlow-light 2s infinite;border:2px solid #000}.delete-btn{background:#0000;border:none;color:#000;cursor:pointer;padding:5px}.delete-btn:hover{color:#ff0202}.chat-item div{align-items:center;display:flex;font-size:18px;font-weight:500;gap:10px}.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#ff9800;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.chat-item div{font-size:16px}.chat-list-container h2{font-size:20px}.chat-item{padding:10px 12px}.chat-list-container{padding:10px}}.chat-icon{cursor:pointer;font-size:24px;position:fixed;right:15px;top:15px;z-index:1000}.unread-count{background-color:red;border-radius:50%;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:-5px;top:-5px}
/*# sourceMappingURL=main.c9832e68.css.map*/