@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--secondary: #a855f7;--accent: #22d3ee;--background: #030712;--surface: rgba(17, 24, 39, .7);--surface-border: rgba(255, 255, 255, .1);--text-main: #f9fafb;--text-muted: #9ca3af;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text-main);font-family:Outfit,sans-serif!important;overflow-x:hidden}#root{min-height:100vh;width:100%}a{text-decoration:none;color:inherit}:root{--bg-main: #12081f;--bg-panel: #1f0f33;--bg-panel-2: #2a1143;--purple-1: #6b2cbd;--purple-2: #9d4eff;--purple-3: #c784ff;--pink-accent: #ff5ac8;--text-main: #efe6ff;--text-soft: #c8b8df;--edge: #5f3a84}.app{min-height:100vh;color:var(--text-main);overflow-x:hidden;background:radial-gradient(circle at 15% 10%,#6b2cbd66 0%,transparent 42%),radial-gradient(circle at 92% 16%,#ff5ac835 0%,transparent 30%),linear-gradient(170deg,#12081f,#1b0b2f 54%,#0f061a);font-family:Rajdhani,sans-serif}.header{position:sticky;top:0;z-index:100;background:#170b27d4;border-bottom:1px solid #563478;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 0}.container{max-width:1240px;margin:0 auto;padding:0 24px}.header-content{display:flex;justify-content:space-between;align-items:center;min-height:44px}.home-logo{margin:0;font-family:"Exo 2",sans-serif;font-size:25px;font-weight:800;letter-spacing:.02em;color:#f5eaff;text-shadow:0 0 12px #a94eff70;cursor:pointer}.header-right{display:flex;align-items:center;gap:12px}.balance{font-size:14px;font-weight:600;letter-spacing:.03em;color:var(--text-soft);display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #66408b;background:linear-gradient(180deg,#24113b,#190d29);border-radius:10px}.balance:after{content:"$ 0.00";color:#fff;font-weight:700}.login-btn{border:1px solid #a863ff;color:#fff6ff;padding:8px 14px;border-radius:10px;font-family:"Exo 2",sans-serif;font-weight:700;font-size:13px;letter-spacing:.03em;cursor:pointer;background:linear-gradient(180deg,#9c50ff,#6f2dd2);box-shadow:inset 0 1px #e5c6ff7d,0 4px 16px #8b3fff52;transition:filter .14s ease,transform .14s ease}.login-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.main-content{max-width:1240px;margin:0 auto;padding:26px 24px 40px}.hero-slider{width:100%;margin-bottom:30px;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16 / 6;border:1px solid #70439b;background:#180c29;box-shadow:0 14px 36px #0803126b}.hero-slider:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,#f0c2ff1f,#ad6bff1f 45%,#ff7ad420),radial-gradient(circle at 82% 18%,#ffffff2a 0%,transparent 38%)}.slider-wrapper{height:100%}.slides-container{display:flex;height:100%;transition:transform .26s ease}.slide{min-width:100%;height:100%}.slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.02)}.slider-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:7px;z-index:12;padding:6px 9px;border:1px solid #704293;border-radius:11px;background:#13091ec9}.dot{width:9px;height:9px;border-radius:999px;background:#8a70a9;border:none;cursor:pointer;transition:width .14s ease,background-color .14s ease}.dot.active{width:20px;background:linear-gradient(90deg,#ff74da,#b162ff)}.section-header{margin-bottom:15px}.section-title{margin:0;font-family:"Exo 2",sans-serif;font-size:25px;font-weight:800;color:#f4e9ff}.header-line{width:62px;height:3px;margin-top:7px;background:linear-gradient(90deg,#ff5ac8,#9d4eff)}.top-wheelers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:34px}.wheeler-card{border:1px solid #6b4190;border-radius:16px;padding:10px 70px 10px 11px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;background:linear-gradient(150deg,#341455,#250f3f 55%,#210f34);box-shadow:inset 0 1px #ffffff21;transition:border-color .15s ease,filter .15s ease}.wheeler-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff65ce,#a952ff)}.wheeler-rank-hex{position:absolute;top:50%;right:12px;width:44px;height:40px;transform:translateY(-50%);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:linear-gradient(180deg,#c16fff,#7a35d8);border:1px solid #e0b0ff;box-shadow:inset 0 1px #ffffff8f,0 6px 12px #14052478;display:grid;place-items:center;font-family:"Exo 2",sans-serif;font-size:20px;font-weight:800;color:#fff7ff;text-shadow:0 0 8px #ffffff5e}.wheeler-card:hover{border-color:#b26eff;filter:brightness(1.05)}.wheeler-rank{width:fit-content;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;color:#ffd1f1;background:#5d2b94;border:1px solid #a167de}.wheeler-name{font-size:13px;font-weight:600;color:#f0e4ff;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wheeler-amount{font-family:"Exo 2",sans-serif;font-size:16px;font-weight:800;color:#fff;letter-spacing:.01em}.tabs-container{background:transparent;border:0;padding:0}.tabs{display:flex;gap:8px;margin-bottom:22px;width:fit-content;margin-left:auto;margin-right:auto;padding:4px;border:1px solid #614084;border-radius:12px;background:linear-gradient(180deg,#27103f,#1f0e33)}.tab{padding:8px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d0b7ef;font-family:"Exo 2",sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:color .14s ease,border-color .14s ease,background-color .14s ease}.tab.active{color:#fff9ff;background:linear-gradient(180deg,#9f54ff,#7535d8);border-color:#b97eff}.games-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:14px 12px 20px}.game-card{position:relative;text-align:center;text-decoration:none;padding:8px 6px 12px;transition:transform .18s ease}.game-image{position:relative;width:min(100%,170px);aspect-ratio:1;border-radius:24px;overflow:hidden;border:1px solid #cfa0ff70;margin:0 auto 8px;background:radial-gradient(circle at 24% 16%,#ffffff4a 0%,#ffffff08 36%,transparent 58%),linear-gradient(155deg,#ffffff21,#c981ff26 44%,#7f34c62a);box-shadow:inset 0 1px #ffffff80,inset 0 -10px 20px #3f1a643d,0 10px 26px #541f9445;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:bubbleFloat 4.2s ease-in-out infinite;transition:border-color .17s ease,filter .17s ease,transform .17s ease}.game-image:before{content:"";position:absolute;top:9%;left:11%;width:42%;height:24%;border-radius:999px;background:linear-gradient(180deg,#ffffffc2,#ffffff15);filter:blur(.2px);pointer-events:none}.game-image:after{content:"";position:absolute;inset:14%;border-radius:18px;border:1px solid #ffffff36;pointer-events:none}.game-image img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(.88);filter:drop-shadow(0 8px 12px #15052596)}.game-card:hover{transform:translateY(-4px)}.game-card:hover .game-image{border-color:#efc8ff;filter:brightness(1.12) saturate(1.08);transform:scale(1.02)}.game-card:nth-child(2n) .game-image{animation-duration:4.8s;animation-delay:.5s}.game-card:nth-child(3n) .game-image{animation-duration:3.9s;animation-delay:.2s}.game-name{margin:0 auto;width:fit-content;max-width:100%;padding:4px 12px 5px;font-family:"Exo 2",sans-serif;font-size:15px;font-weight:800;letter-spacing:.03em;line-height:1.1;color:#ffe36f;background:linear-gradient(180deg,#2e1650,#22113c);border:1px solid #b982ff73;border-radius:999px;box-shadow:inset 0 1px #ffffff4a,0 5px 12px #11041d6e;text-shadow:0 0 10px #ffca2f4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .17s ease,color .17s ease,filter .17s ease}.game-card:hover .game-name{color:#fff0b4;border-color:#ffd56b;filter:brightness(1.08)}.loading-spinner{min-height:220px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-family:"Exo 2",sans-serif;font-size:17px;font-weight:700;color:#f4e6ff;letter-spacing:.01em;text-align:center}.loading-spinner-ring{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff24;border-top-color:#eeb9ff;border-right-color:#b56bff;animation:spin .8s linear infinite}.loading-spinner-text{animation:pulseText 1.4s ease-in-out infinite}.we-accept-section{padding:34px 0 10px;text-align:center}.we-accept-title{margin-top:0;font-family:"Exo 2",sans-serif;font-size:15px;font-weight:700;color:#d7c1f3;margin-bottom:18px;letter-spacing:.08em;text-transform:uppercase}.payment-icons{display:flex;justify-content:center;align-items:center;gap:28px;opacity:.85}.payment-icons img{height:30px;filter:drop-shadow(0 0 6px #8f56cb66)}.info-button-container{position:fixed;right:20px;bottom:20px;z-index:1000}.info-icon{width:48px;height:48px;border-radius:10px;border:1px solid #b16cff;background:linear-gradient(180deg,#a75dff,#7232d2);color:#fef6ff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff63,0 8px 20px #5b299f4d;transition:filter .14s ease,transform .14s ease}.info-icon:hover{filter:brightness(1.08);transform:translateY(-1px)}@keyframes pulseText{0%,to{opacity:.65}50%{opacity:1}}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:1024px){.top-wheelers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-slider{aspect-ratio:16 / 7}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:12px 8px 18px}}@media(max-width:768px){.top-wheelers-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding-bottom:4px;margin-bottom:28px;scrollbar-width:thin}.top-wheelers-grid::-webkit-scrollbar{height:6px}.top-wheelers-grid::-webkit-scrollbar-thumb{background:#8f5ec4;border-radius:999px}.wheeler-card{flex:0 0 190px}.hero-slider{aspect-ratio:16 / 9}.games-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.section-title{font-size:22px}.payment-icons{gap:14px;flex-wrap:wrap}}@media(max-width:480px){.container{padding:0 14px}.main-content{padding:18px 14px 30px}.home-logo{font-size:19px}.header-right{gap:8px}.balance{padding:6px 8px;font-size:12px}.login-btn{padding:7px 10px;font-size:12px}}.modal-overlay{position:fixed;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{width:100%;max-width:860px;max-height:88vh;display:flex;flex-direction:column;background:#0f1012;border:1px solid #2a2b2f;border-radius:8px;overflow:hidden;box-shadow:0 16px 38px #00000073}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid #343740;border-radius:6px;background:#17191f;color:#9aa0aa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.modal-close:hover{border-color:#f59a23;color:#f3f4f6;background:#1d1f25}.modal-header{position:relative;padding:18px 52px 14px 20px;border-bottom:1px solid #26282d;background:#121317}.modal-header h2{margin:0;font-size:20px;font-weight:800;color:#f2f2f2;letter-spacing:-.01em}.modal-body{padding:18px 20px 10px;overflow-y:auto;line-height:1.55}.terms-section{margin-bottom:18px}.terms-section h3{margin:0 0 10px;font-size:15px;font-weight:700;color:#f59a23}.terms-subsection{margin-top:12px;padding-left:12px;border-left:1px solid #30333a}.terms-subsection h4{margin:0 0 8px;font-size:14px;font-weight:700;color:#e8e8e8}.terms-section p{margin:0 0 8px;color:#c8ccd2;font-size:14px}.terms-section ul{margin:8px 0;padding-left:18px;color:#c8ccd2;font-size:14px}.terms-section li{margin-bottom:6px}.terms-section strong{color:#f0f0f0;font-weight:700}.modal-footer{padding:14px 20px;border-top:1px solid #26282d;background:#121317;display:flex;justify-content:flex-end}.modal-accept-btn{background:#f59a23;color:#0d0d0e;border:1px solid #f59a23;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.modal-accept-btn:hover{background:#ffad32;border-color:#ffad32}@media(max-width:640px){.modal-overlay{padding:12px}.modal-header{padding:14px 46px 12px 14px}.modal-header h2{font-size:17px}.modal-body{padding:14px 14px 8px}.modal-footer{padding:12px 14px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 14% 8%,#7b35d455 0%,transparent 36%),radial-gradient(circle at 88% 16%,#ff67d032 0%,transparent 28%),linear-gradient(170deg,#12081f,#1b0b2f 54%,#0f061a);font-family:Rajdhani,sans-serif}.auth-container{width:100%;max-width:470px;position:relative;border-radius:16px;padding:36px 30px 28px;border:1px solid #6a4291;background:radial-gradient(circle at 22% 12%,#ffffff17 0%,transparent 36%),linear-gradient(160deg,#2b1247,#210f38 60%,#1b0b2e);box-shadow:inset 0 1px #ffffff36,0 18px 44px #09031278}.close-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #8c59c4;background:linear-gradient(180deg,#35175a,#271140);color:#eadbff;cursor:pointer;transition:filter .14s ease,transform .14s ease}.close-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-header{text-align:center;margin-bottom:24px}.auth-title{margin:0;font-family:"Exo 2",sans-serif;font-size:34px;font-weight:800;line-height:1.02;color:#f7ebff;text-shadow:0 0 12px #b86bff57}.auth-subtitle{margin:8px 0 0;font-size:16px;font-weight:600;color:#d0bae9}.auth-form{display:flex;flex-direction:column;gap:16px}.google-login-wrap{margin-top:12px;width:100%;padding:0;display:flex;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none}.google-login-wrap>div{width:100%;display:flex;justify-content:center}.google-login-wrap iframe{min-height:48px}.error-message{margin-bottom:2px;border:1px solid #d46cc6;border-radius:10px;padding:10px 12px;background:linear-gradient(180deg,#55214f,#41183b);color:#ffd2f4;font-size:14px;font-weight:600;text-align:center}@media(max-width:480px){.auth-page{padding:14px}.auth-container{padding:30px 18px 22px}.auth-title{font-size:28px}.auth-subtitle{font-size:14px}}.user-home{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 8%,#7b2ecb48 0%,transparent 38%),radial-gradient(circle at 88% 14%,#ff57c428 0%,transparent 26%),linear-gradient(170deg,#12081f,#1b0b2f 54%,#0f061a);color:var(--text-main);font-family:Rajdhani,sans-serif;overflow:hidden}.top-bar{background:#170b27d4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #563478;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:100}.top-bar-left{display:flex;align-items:center;gap:14px}.menu-toggle{background:linear-gradient(180deg,#2e1450,#221038);border:1px solid #7c4dab;color:#eadbff;cursor:pointer;padding:8px;display:none;align-items:center;justify-content:center;border-radius:10px;transition:filter .14s ease}.menu-toggle:hover{filter:brightness(1.1)}.logo{font-family:"Exo 2",sans-serif;font-size:20px;font-weight:800;color:#f5eaff;text-shadow:0 0 12px #a94eff6b;cursor:pointer;margin:0}.user-profile{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border:1px solid #6a4090;border-radius:14px;background:linear-gradient(180deg,#27103f,#1f0e33);box-shadow:inset 0 1px #ffffff1f}.connection-status{display:flex;align-items:center;padding:0 2px}.status-dot{width:8px;height:8px;border-radius:999px}.status-dot.connected{background-color:#38e88a;box-shadow:0 0 8px #00ff6e7a}.status-dot.disconnected{background-color:#ff527a;box-shadow:0 0 8px #ff2d5e7a}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid #9d5cff;box-shadow:0 2px 8px #7a2bbf55;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9d4eff,#c832c8);color:#fff;font-family:"Exo 2",sans-serif;font-size:13px;font-weight:800}.user-details{display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:700;color:#f0e4ff;white-space:nowrap}.user-email{font-size:11px;color:#b49dcf;white-space:nowrap}.logout-btn{background:transparent;border:1px solid #7c4dab;color:#d0b7ef;cursor:pointer;padding:7px;display:flex;align-items:center;border-radius:10px;transition:filter .14s ease,border-color .14s ease}.logout-btn:hover{filter:brightness(1.1);border-color:#ff527a;color:#ff7da8}.main-layout{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{width:290px;border-right:1px solid #50306e;display:flex;flex-direction:column;flex-shrink:0;background:linear-gradient(180deg,#1a0c2a,#140928)}.companies-list{flex:1;overflow-y:auto;padding:12px}.loading-text,.no-companies-text{padding:20px;text-align:center;color:#b49dcf;font-size:14px;font-weight:600}.company-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;cursor:pointer;margin-bottom:4px;border:1px solid transparent;transition:border-color .14s ease,background .14s ease,filter .14s ease}.company-item:hover{background:#2b1350;border-color:#6a4190}.company-item.active{background:linear-gradient(135deg,#301450,#220f3e);border-color:#9d5cff;box-shadow:inset 0 1px #ffffff20,0 4px 12px #0a02145e}.company-avatar{width:42px;height:42px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid #6a4190;box-shadow:inset 0 1px #ffffff1f;background:linear-gradient(180deg,#27103f,#1e0c33)}.company-avatar img{width:100%;height:100%;object-fit:cover}.company-item.active .company-avatar{border-color:#9d5cff}.company-details{flex:1;min-width:0}.company-name{font-size:14px;font-weight:700;color:#f0e4ff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-desc{color:#b49dcf;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 70% 20%,#7b2ecb1e 0%,transparent 45%),linear-gradient(180deg,#10071d,#150a27)}.chat-header{padding:8px 20px;border-bottom:1px solid #50306e;background:#170b27cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center}.mobile-back-btn,.mobile-list-title,.mobile-list-head,.mobile-home-btn,.chat-area.mobile-hidden{display:none}@media(max-width:1024px){.chat-header{display:flex}}.chat-company-info{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 7px;border:1px solid #6a4090;border-radius:999px;background:linear-gradient(180deg,#27103f,#1f0e33);box-shadow:inset 0 1px #ffffff1f}.chat-company-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid #9d5cff;background:linear-gradient(135deg,#9d4eff,#c832c8)}.chat-company-avatar img{width:100%;height:100%;object-fit:cover}.chat-company-name{margin:0;font-family:"Exo 2",sans-serif;font-size:14px;font-weight:700;color:#f0e4ff;white-space:nowrap}.messages-container{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:14px}.message{display:flex;max-width:72%;flex-direction:column}.user-message{align-self:flex-end}.company-message{align-self:flex-start}.message-content{padding:10px 16px 9px;border-radius:16px;font-size:15px;line-height:1.5;position:relative}.user-message .message-content{background:linear-gradient(135deg,#9d4eff,#7c2ed4);color:#fff6ff;border-bottom-right-radius:5px;box-shadow:inset 0 1px #ffffff36,0 4px 14px #5a1ea04a}.company-message .message-content{background:linear-gradient(135deg,#2b1250,#22113c);border:1px solid #5a3a82;color:#efe6ff;border-bottom-left-radius:5px;box-shadow:inset 0 1px #ffffff1f,0 4px 12px #0902134a}.message-sender-name{display:block;font-size:12px;font-weight:700;color:#c890ff;margin-bottom:3px;letter-spacing:.02em}.message-footer{display:flex;align-items:center;gap:6px;margin-top:4px}.message-time{font-size:11px;color:#b49dcf}.user-message .message-time{color:#dcc8f0}.reply-btn{background:transparent;border:none;color:#b49dcf;cursor:pointer;padding:2px 6px;font-size:14px;border-radius:6px;transition:background .14s ease,color .14s ease;display:flex;align-items:center;justify-content:center}.reply-btn:hover{background:#2b1250;color:#c890ff}.user-message .reply-btn{color:#d4b8ee}.user-message .reply-btn:hover{background:#ffffff14;color:#fff}.date-separator{display:flex;align-items:center;justify-content:center;margin:14px 0;position:relative}.date-separator:before{content:"";position:absolute;left:0;right:0;height:1px;background:#50306e;z-index:1}.date-separator span{background:linear-gradient(180deg,#2b1250,#1f0e33);color:#d0b7ef;font-family:"Exo 2",sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 16px;position:relative;z-index:2;border-radius:999px;border:1px solid #6a4190;box-shadow:0 2px 8px #0a02125e;text-transform:uppercase}.message-media{margin-bottom:6px}.message-media img{display:block;max-width:260px;max-height:200px;width:100%;height:auto;object-fit:cover;border-radius:10px;cursor:pointer;border:1px solid #7c4dab;transition:filter .14s ease}.message-media img:hover{filter:brightness(1.06)}.message-media video{display:block;max-width:300px;max-height:180px;width:100%;border-radius:10px;border:1px solid #7c4dab}.file-attachment{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2b1250,#22113c);border:1px solid #5a3a82;border-radius:10px;padding:8px 12px;color:#efe6ff;text-decoration:none;font-size:13px;transition:background .14s ease,border-color .14s ease;max-width:210px}.file-attachment:hover{background:linear-gradient(135deg,#331558,#281240);border-color:#9d5cff}.file-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-quote{background:#9d4eff1f;border-left:3px solid #9d4eff;padding:6px 10px;border-radius:8px;margin-bottom:7px;font-size:13px;display:flex;align-items:center;gap:7px}.reply-indicator{color:#9d4eff;font-size:12px;flex-shrink:0}.user-message .reply-indicator{color:#d4b8ee}.reply-text{color:#c8a8e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-message .reply-text{color:#ffffffbf}.message-input-container{padding:18px 24px;background:#170b27d4;border-top:1px solid #50306e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:12px;flex-shrink:0}.message-input{flex:1;background:linear-gradient(180deg,#27103f,#1f0e33);border:1px solid #6a4190;border-radius:14px;padding:12px 18px;color:#efe6ff;font-family:Rajdhani,sans-serif;font-size:15px;transition:border-color .14s ease,box-shadow .14s ease}.message-input::placeholder{color:#b49dcf}.message-input:focus{outline:none;border-color:#9d4eff;box-shadow:0 0 0 3px #9d4eff28,inset 0 1px #ffffff1f}.attach-btn,.send-btn{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .14s ease;border:none;flex-shrink:0}.attach-btn{background:linear-gradient(180deg,#2e1450,#221038);color:#d0b7ef;border:1px solid #7c4dab}.attach-btn:hover{filter:brightness(1.08)}.send-btn{background:linear-gradient(180deg,#9d4eff,#7c2ed4);color:#fff6ff;box-shadow:inset 0 1px #ffffff36,0 4px 14px #5a1ea04a}.send-btn:hover:not(:disabled){filter:brightness(1.08)}.send-btn:disabled{opacity:.45;cursor:not-allowed}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid #9d4eff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-more{display:flex;align-items:center;justify-content:center;gap:8px;color:#b49dcf;font-size:13px;font-weight:600;padding:10px 0}.load-more-btn{background:linear-gradient(135deg,#2b1250,#22113c);border:1px solid #6a4190;color:#d0b7ef;border-radius:999px;padding:6px 18px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .14s ease,color .14s ease;align-self:center}.load-more-btn:hover{border-color:#9d4eff;color:#efe6ff}.no-messages{flex:1;display:flex;align-items:center;justify-content:center}.no-messages p{color:#b49dcf;font-size:15px;font-weight:600}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.no-chat-selected h2{font-family:"Exo 2",sans-serif;font-size:26px;font-weight:800;color:#f0e4ff;margin:0;text-shadow:0 0 14px #a94eff5a}.no-chat-selected p{color:#b49dcf;font-size:14px;font-weight:600;margin:0}.file-preview{display:flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(180deg,#1f0e33,#180b27);border-top:1px solid #50306e;position:relative;flex-shrink:0}.file-preview-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.file-preview-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #7c4dab;flex-shrink:0}.file-preview-video{width:96px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #7c4dab;flex-shrink:0}.file-preview-doc{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2b1250,#22113c);border:1px solid #5a3a82;border-radius:10px;padding:8px 12px;max-width:220px;color:#efe6ff}.file-preview-doc svg{flex-shrink:0;color:#9d4eff}.file-preview-doc span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-close{background:#ffffff0f;border:1px solid #50306e;color:#b49dcf;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;flex-shrink:0;line-height:1;transition:background .14s ease,color .14s ease}.file-preview-close:hover{background:#ff527a2e;color:#ff7da8;border-color:#ff527a}.reply-preview{background:linear-gradient(180deg,#1f0e33,#180b27);border-top:1px solid #50306e;border-bottom:1px solid #50306e;margin:0 24px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.reply-preview-label{display:block;font-size:11px;font-weight:700;color:#c890ff;text-transform:uppercase;letter-spacing:.04em}.reply-preview-text{display:block;font-size:13px;color:#b49dcf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{background:transparent;border:none;color:#b49dcf;font-size:18px;cursor:pointer;padding:4px;transition:color .14s ease}.reply-preview-close:hover{color:#ff7da8}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#090212f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:lb-fade .18s ease;cursor:zoom-out}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:14px;box-shadow:0 24px 80px #000000bf;cursor:default;animation:lb-scale .18s ease}@keyframes lb-scale{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:fixed;top:20px;right:24px;background:#ffffff14;border:1px solid #6a4190;color:#eadbff;font-size:22px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:background .14s ease,border-color .14s ease;line-height:1}.lightbox-close:hover{background:#ff527a40;border-color:#ff527a}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6a4190;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9d4eff}@media(max-width:1024px){.menu-toggle{display:flex}.top-bar{display:none}.main-layout.mobile-mode{height:100vh}.sidebar{position:absolute;top:0;left:0;bottom:0;z-index:50;background:linear-gradient(180deg,#1a0c2a,#140928);transform:translate(-100%);transition:transform .24s ease;width:100%;border-right:0}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}.mobile-list-title{display:block;margin:0;padding:0;font-family:"Exo 2",sans-serif;font-size:20px;font-weight:800;color:#f5eaff}.mobile-list-head{display:flex;align-items:center;justify-content:space-between;margin:8px 8px 12px;padding:8px 10px;border-bottom:1px solid #5a377b}.mobile-home-btn{display:inline-flex;width:34px;height:34px;border-radius:10px;border:1px solid #7c4dab;background:linear-gradient(180deg,#2e1450,#221038);color:#eadbff;align-items:center;justify-content:center;cursor:pointer}.company-item{padding:12px;margin-bottom:6px}.chat-area{width:100%}.chat-header{display:flex;justify-content:flex-start;gap:10px;padding:10px 12px}.chat-company-info{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.chat-company-avatar{width:30px;height:30px;border-radius:8px}.mobile-back-btn{display:inline-flex;width:34px;height:34px;border-radius:10px;border:1px solid #7c4dab;background:linear-gradient(180deg,#2e1450,#221038);color:#eadbff;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.messages-container{padding:16px 12px}.message{max-width:86%}.message-input-container{padding:12px;gap:8px}.reply-preview{margin:0 12px}.sidebar-overlay{display:block;position:absolute;inset:0;background:#090212b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:45}}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 14% 8%,#7b35d455 0%,transparent 36%),radial-gradient(circle at 88% 16%,#ff67d032 0%,transparent 28%),linear-gradient(170deg,#12081f,#1b0b2f 54%,#0f061a);font-family:Rajdhani,sans-serif}.onboarding-shell{width:100%;max-width:920px;display:grid;gap:20px}.onboarding-header{border:1px solid #6a4291;border-radius:16px;padding:20px 24px;background:radial-gradient(circle at 22% 12%,#ffffff17 0%,transparent 36%),linear-gradient(160deg,#2b1247,#210f38 60%,#1b0b2e);box-shadow:inset 0 1px #ffffff36}.onboarding-header h1{margin:0;font-family:"Exo 2",sans-serif;font-size:34px;font-weight:800;color:#f7ebff;text-shadow:0 0 12px #b86bff57}.onboarding-header p{margin:8px 0 14px;color:#d0bae9;font-size:16px;font-weight:600}.onboarding-steps{display:flex;flex-wrap:wrap;gap:8px}.step-chip{padding:6px 12px;border-radius:999px;border:1px solid #72499c;background:linear-gradient(180deg,#291143,#221039);color:#cdb7e8;font-size:13px;font-weight:700}.step-chip.active{border-color:#b076ff;background:linear-gradient(180deg,#9a4eff,#7534d8);color:#fff7ff}.onboarding-card{width:100%;max-width:920px;border-radius:16px;padding:34px 28px 24px;border:1px solid #6a4291;background:radial-gradient(circle at 22% 12%,#ffffff17 0%,transparent 36%),linear-gradient(160deg,#2b1247,#210f38 60%,#1b0b2e);box-shadow:inset 0 1px #ffffff36,0 18px 44px #09031278;color:#f5eaff}.card-head{margin-bottom:16px}.card-head h2{margin:0;font-family:"Exo 2",sans-serif;font-size:28px;font-weight:800;line-height:1.05;color:#f7ebff;text-shadow:0 0 10px #b86bff4f}.card-head p{margin:8px 0 0;font-size:14px;font-weight:600;color:#d0bae9}.form-section{margin-bottom:8px}.step-panel{min-height:164px}.section-label{margin:0 0 10px;font-family:"Exo 2",sans-serif;font-size:16px;font-weight:800;color:#f3e7ff}.form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:700;color:#ead7ff}.form-group input{border-radius:12px;border:1px solid #6f4696;padding:12px 14px;color:#f3e7ff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;background:linear-gradient(180deg,#2a1245,#23103a);box-shadow:inset 0 1px #ffffff21;transition:border-color .14s ease,box-shadow .14s ease}.form-group input::placeholder{color:#bba5d6}.form-group input:focus{outline:none;border-color:#b076ff;box-shadow:0 0 0 3px #aa6aff2e}.radio-group{display:flex;gap:10px;margin-top:4px}.radio-group label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;border:1px solid #6f4696;background:linear-gradient(180deg,#291143,#221039);cursor:pointer;transition:border-color .14s ease,filter .14s ease;color:#ceb9e8;font-size:14px;font-weight:700}.radio-group label.active{border-color:#b076ff;background:linear-gradient(180deg,#9a4eff,#7534d8);color:#fff7ff;box-shadow:inset 0 1px #ffffff42,0 8px 18px #5f2ca45a}.radio-group input{display:none}.legacy-fields{border-radius:12px;margin-bottom:18px;border:1px solid #734aa0;padding:14px 14px 2px;background:linear-gradient(180deg,#2a1246,#23103b)}.info-text{margin:0 0 12px;color:#f6dc6e;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.submit-btn{min-width:168px;margin-top:0;border:1px solid #ba86ff;border-radius:12px;padding:13px;background:linear-gradient(180deg,#a158ff,#7a36db);color:#fff6ff;font-family:"Exo 2",sans-serif;font-size:16px;font-weight:700;letter-spacing:.03em;cursor:pointer;box-shadow:inset 0 1px #ffffff52,0 10px 20px #5b2a9f52;transition:filter .14s ease,transform .14s ease}.step-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:10px}.secondary-btn{min-width:110px;border:1px solid #734aa0;border-radius:12px;padding:13px;background:linear-gradient(180deg,#291143,#221039);color:#d7c2f1;font-family:"Exo 2",sans-serif;font-size:15px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:filter .14s ease}.secondary-btn:hover{filter:brightness(1.08)}.submit-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.error-message{margin-bottom:16px;border:1px solid #d46cc6;border-radius:10px;padding:10px 12px;background:linear-gradient(180deg,#55214f,#41183b);color:#ffd2f4;font-size:14px;font-weight:600}.confirm-text{margin:0;color:#ceb9e8;font-size:14px;font-weight:600}.animate-fade-in{animation:fadeIn .24s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.onboarding-page{padding:14px}.onboarding-shell{gap:12px}.onboarding-header{padding:16px 14px}.onboarding-header h1{font-size:28px}.onboarding-header p{font-size:14px}.onboarding-card{padding:26px 16px 18px}.card-head h2{font-size:23px}.card-head p{font-size:13px}.radio-group{flex-direction:column}.step-actions{justify-content:stretch}.secondary-btn,.submit-btn{width:100%;min-width:0}}