@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0c10;--bg-secondary:#131520;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--border-color:#ffffff14;--border-hover:#ffffff26;--primary:#9d4edd;--primary-glow:#9d4edd66;--secondary:#ff007f;--accent:#3a0ca3;--text-primary:#f8f9fa;--text-secondary:#a0aec0;--text-muted:#718096;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#0ea5e9;--sidebar-width:260px;--header-height:70px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--gradient-primary:linear-gradient(135deg, #9d4edd 0%, #ff007f 100%);--gradient-dark:linear-gradient(135deg, #131520 0%, #0b0c10 100%);--gradient-glass:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--shadow-premium:0 8px 32px 0 #0000005e;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.glass-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);background:#ffffff08;outline:none;width:100%;padding:12px 16px;transition:all .2s}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:#ffffff0f}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #ec48994d}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #ec489980}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dashboard-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding:var(--header-height) 30px 40px 30px;background-color:var(--bg-primary);flex:1;min-height:100vh;transition:all .3s}@media (width<=992px){.main-content{margin-left:0;padding-left:15px;padding-right:15px}}.sidebar-container{width:var(--sidebar-width);z-index:100;background:#131520f2;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;height:100vh;padding:24px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.logo-wrapper{align-items:center;display:flex;position:relative}.logo-glow{background:var(--gradient-primary);filter:blur(12px);opacity:.8;border-radius:50%;width:32px;height:32px;position:absolute}.logo-wrapper h2{letter-spacing:-.5px;background:var(--gradient-primary);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;font-size:24px;font-weight:800}.logo-badge{color:var(--secondary);letter-spacing:.5px;background:#ff007f26;border:1px solid #ff007f4d;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800}.agency-info-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;align-items:center;gap:12px;margin-bottom:24px;padding:12px;display:flex}.avatar-placeholder{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 10px #9d4edd4d}.info-meta h4{color:var(--text-primary);font-size:14px;font-weight:600}.info-meta p{color:var(--text-secondary);font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item-link{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.nav-item-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-item-link.active{color:#fff;background:var(--gradient-primary);box-shadow:0 4px 15px #9d4edd40}.nav-icon{justify-content:center;align-items:center;display:flex}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:16px}.logout-btn{width:100%;color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ef444433;align-items:center;gap:12px;padding:12px 16px;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{border-color:var(--danger);background:#ef44441a}@media (width<=992px){.sidebar-container{transform:translate(-100%)}.sidebar-container.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0009;width:100vw;height:100vh;position:fixed;top:0;left:0}}.header-container{height:var(--header-height);width:calc(100% - var(--sidebar-width));z-index:90;background:#0b0c10cc;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:fixed;top:0;right:0}.menu-toggle-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.header-title h3{color:var(--text-primary);letter-spacing:.5px;font-size:16px;font-weight:600}.header-actions{align-items:center;gap:16px;display:flex}.user-profile-badge{border:1px solid var(--border-color);background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex}.online-indicator{background-color:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%}.username-text{color:var(--text-primary);font-size:13px;font-weight:600}.header-logout-btn{color:var(--danger);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.header-logout-btn:hover{background:#ef444433;transform:scale(1.05)}@media (width<=992px){.header-container{width:100%;padding:0 15px}.menu-toggle-btn{display:block}}.login-page{background-color:var(--bg-primary);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.blob{filter:blur(80px);opacity:.25;border-radius:50%;position:absolute}.blob-1{background:var(--primary);width:400px;height:400px;animation:10s infinite alternate floatBlob;top:-100px;left:-100px}.blob-2{background:var(--secondary);width:350px;height:350px;animation:12s infinite alternate-reverse floatBlob;bottom:-50px;right:-50px}.blob-3{background:var(--accent);width:300px;height:300px;animation:8s infinite alternate floatBlob;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes floatBlob{0%{transform:translate(0)scale(1)}to{transform:translate(30px,30px)scale(1.1)}}.login-card{z-index:2;background:#131520b3;width:100%;max-width:440px;padding:40px;position:relative;box-shadow:0 8px 32px #0006}.login-header{text-align:center;margin-bottom:30px}.login-logo{align-items:center;margin-bottom:12px;display:inline-flex;position:relative}.login-logo h1{letter-spacing:-1px;background:var(--gradient-primary);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;font-size:32px;font-weight:800}.login-header h3{color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:600}.login-header p{color:var(--text-secondary);font-size:13px}.login-form{flex-direction:column;gap:20px;display:flex}.error-message{color:#ff8080;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444440;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:16px}.input-wrapper .glass-input{padding-left:48px}.login-submit{width:100%;margin-top:10px}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-page{flex-direction:column;gap:24px;display:flex}.dashboard-welcome h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:28px;font-weight:700}.dashboard-welcome p{color:var(--text-secondary);font-size:14px}.stats-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.dashboard-card{cursor:pointer;flex-direction:column;gap:16px;padding:24px;display:flex}.dashboard-card .card-top{justify-content:space-between;align-items:center;display:flex}.dashboard-card .card-title{color:var(--text-secondary);font-size:13px;font-weight:600}.dashboard-card .card-middle h3{font-size:28px;font-weight:800}.dashboard-card .card-bottom{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.dashboard-card:hover .card-bottom{color:var(--text-primary)}.icon-gold{color:var(--warning)}.dashboard-content-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}@media (width<=992px){.dashboard-content-grid{grid-template-columns:1fr}}.chart-card,.hosts-overview-card{flex-direction:column;min-height:320px;padding:24px;display:flex}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;display:flex}.card-header h3{color:var(--text-primary);font-size:15px;font-weight:700}.chart-container{flex-direction:column;flex:1;justify-content:center;display:flex}.dashboard-svg-chart{width:100%;height:150px;overflow:visible}.chart-labels{color:var(--text-muted);justify-content:space-between;padding:8px 10px 0;font-size:10px;display:flex}.hosts-list-summary{flex-direction:column;gap:12px;display:flex}.host-summary-row{border-radius:var(--radius-sm);background:#ffffff03;border:1px solid #ffffff05;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.host-info-group{align-items:center;gap:12px;display:flex}.mini-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.host-info-group h4{font-size:13px;font-weight:600}.host-info-group p{color:var(--text-muted);margin-top:2px;font-size:10px}.host-stat-group{gap:12px;display:flex}.mini-stat{flex-direction:column;align-items:flex-end;display:flex}.mini-stat.border-l{border-left:1px solid var(--border-color);padding-left:12px}.mini-stat .val{font-size:12px;font-weight:700}.mini-stat .lbl{color:var(--text-muted);font-size:9px}.profile-page{flex-direction:column;gap:24px;display:flex}.profile-welcome h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:28px;font-weight:700}.profile-welcome p{color:var(--text-secondary);font-size:14px}.profile-grid{grid-template-columns:350px 1fr;gap:24px;display:grid}@media (width<=992px){.profile-grid{grid-template-columns:1fr}}.profile-summary-card{flex-direction:column;align-items:center;padding:30px;display:flex}.summary-banner{color:var(--secondary);align-items:center;gap:8px;margin-bottom:24px;display:flex}.summary-banner h3{letter-spacing:.5px;font-size:16px;font-weight:700}.summary-avatar-section{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.summary-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:16px;font-size:36px;font-weight:800;display:flex;box-shadow:0 8px 24px #9d4edd66}.summary-avatar-section h3{margin-bottom:4px;font-size:20px;font-weight:700}.agency-id-badge{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0d;border-radius:12px;padding:4px 10px;font-size:12px}.summary-stats-list{flex-direction:column;gap:16px;width:100%;display:flex}.stat-row{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:12px;display:flex}.stat-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.stat-val{font-size:14px;font-weight:600}.highlight-gold{color:var(--warning)}.profile-edit-card{padding:30px}.card-header{margin-bottom:24px}.card-header h3{font-size:18px;font-weight:700}.notification-banner{border-radius:var(--radius-sm);margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:500}.notification-banner.success{color:#a7f3d0;background:#10b9811a;border:1px solid #10b9814d}.notification-banner.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.profile-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.form-row{grid-template-columns:1fr}}.input-with-icon{align-items:center;display:flex;position:relative}.icon-prefix{color:var(--text-muted);position:absolute;left:16px}.glass-input.with-prefix{padding-left:48px}.form-submit-row{justify-content:flex-end;margin-top:10px;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.loading-container p{color:var(--text-secondary)}.hosts-page{flex-direction:column;gap:24px;display:flex}.hosts-header{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=768px){.hosts-header{flex-direction:column;align-items:flex-start}}.welcome-section h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:28px;font-weight:700}.welcome-section p{color:var(--text-secondary);font-size:14px}.total-hosts-badge{border-radius:var(--radius-md);color:var(--text-primary);background:#ffffff08;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.controls-row{gap:16px;display:flex}.search-bar{border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:12px;width:100%;max-width:450px;padding:12px 18px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}.hosts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.host-card{flex-direction:column;gap:20px;padding:20px;display:flex}.host-card-header{align-items:center;gap:16px;display:flex}.host-avatar{border:2px solid var(--border-color);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;overflow:hidden}.host-avatar img{object-fit:cover;width:100%;height:100%}.avatar-fallback{color:var(--text-secondary);font-size:20px;font-weight:700}.host-meta{flex-direction:column;display:flex}.host-meta h4{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.host-meta p{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.host-id{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;border-radius:10px;width:fit-content;padding:2px 6px;font-size:11px}.host-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.host-stat-box{border-radius:var(--radius-sm);background:#ffffff03;border:1px solid #ffffff05;align-items:center;gap:10px;padding:10px;display:flex}.stat-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.stat-icon.duration{color:var(--info);background:#0ea5e91a}.stat-icon.lives{color:var(--success);background:#10b9811a}.stat-icon.wallet{color:var(--warning);background:#f59e0b1a}.stat-icon.earnings{color:var(--primary);background:#9d4edd1a}.stat-info{flex-direction:column;display:flex}.box-val{color:var(--text-primary);font-size:13px;font-weight:700}.box-val.highlight-gold{color:var(--warning)}.box-lbl{color:var(--text-muted);font-size:10px}.empty-hosts{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-icon{color:var(--text-muted);opacity:.5}.empty-hosts h3{font-size:18px;font-weight:600}.empty-hosts p{color:var(--text-secondary);font-size:14px}.host-card-actions{border-top:1px solid var(--border-color);margin-top:10px;padding-top:15px}.btn-chat-host{background:var(--gradient-glass);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-chat-host:hover{background:var(--gradient-primary);box-shadow:0 4px 15px var(--primary-glow);border-color:#0000;transform:translateY(-1px)}.btn-chat-host:active{transform:translateY(0)}.earnings-page{flex-direction:column;gap:24px;display:flex}.earnings-header{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=768px){.earnings-header{flex-direction:column;align-items:flex-start}}.earnings-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.earnings-card{flex-direction:column;gap:16px;padding:24px;display:flex}.card-top{justify-content:space-between;align-items:center;display:flex}.card-lbl{color:var(--text-secondary);font-size:13px;font-weight:600}.card-bottom h2{margin-bottom:2px;font-size:28px;font-weight:800}.card-bottom p{color:var(--text-muted);font-size:11px}.rate-badge{color:var(--info);background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:800}.icon-purple{color:var(--primary)}.icon-green{color:var(--success)}.icon-orange{color:var(--warning)}.icon-blue{color:var(--info)}.highlight-purple{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.earnings-card.border-purple{border-left:4px solid var(--primary)}.earnings-card.border-green{border-left:4px solid var(--success)}.earnings-card.border-orange{border-left:4px solid var(--warning)}.earnings-card.border-blue{border-left:4px solid var(--info)}.earnings-columns-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=992px){.earnings-columns-grid{grid-template-columns:1fr}}.earnings-left-col,.earnings-right-col{flex-direction:column;min-height:400px;padding:24px;display:flex}.col-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.col-header h3{color:var(--text-primary);font-size:16px;font-weight:700}.daily-logs-list,.withdrawals-list{flex-direction:column;gap:12px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.empty-msg{color:var(--text-muted);text-align:center;margin-top:40px;font-size:14px}.daily-log-row{border-radius:var(--radius-sm);background:#ffffff03;border:1px solid #ffffff05;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.log-date{color:var(--text-primary);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.log-bullet{background:var(--primary);width:6px;height:6px;box-shadow:0 0 6px var(--primary);border-radius:50%}.log-values{gap:16px;display:flex}.val-box{flex-direction:column;align-items:flex-end;display:flex}.val-box.border-l{border-left:1px solid var(--border-color);padding-left:16px}.val-box .val{font-size:13px;font-weight:700}.val-box .lbl{color:var(--text-muted);font-size:9px}.withdrawal-row{border-radius:var(--radius-sm);background:#ffffff03;border:1px solid #ffffff05;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.coin-requested{color:var(--text-primary);font-size:13px;font-weight:700}.date-requested{color:var(--text-muted);margin-top:2px;font-size:10px}.row-mid{flex-direction:column;align-items:center;display:flex}.payout-amount{color:var(--success);font-size:14px;font-weight:700}.lbl-payout{color:var(--text-muted);font-size:9px}.status-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.status-badge.pending{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}.status-badge.approved{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.status-badge.rejected{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.status-pending{color:var(--warning)}.status-approved{color:var(--success)}.status-rejected{color:var(--danger)}.payout-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.payout-modal-card{background:#131520f2;flex-direction:column;gap:20px;width:100%;max-width:480px;padding:30px;display:flex}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.modal-header h3{font-size:18px;font-weight:700}.close-modal-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:24px}.close-modal-btn:hover{color:var(--text-primary)}.payout-form{flex-direction:column;gap:20px;display:flex}.balance-hint{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.payout-preview-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:8px;padding:16px;display:flex}.payout-preview-box h4{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:700}.preview-row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.preview-row.total{color:var(--success);border-top:1px solid var(--border-color);margin-top:4px;padding-top:8px;font-weight:700}.modal-footer{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.transfer-page{flex-direction:column;gap:24px;display:flex}.transfer-header{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=768px){.transfer-header{flex-direction:column;align-items:flex-start}}.balance-card{border-radius:var(--radius-md);background:#ffffff08;align-items:center;gap:12px;padding:12px 24px;display:flex}.balance-info{flex-direction:column;display:flex}.balance-info .lbl{color:var(--text-secondary);font-size:11px}.balance-info .val{font-size:18px;font-weight:800}.transfer-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=992px){.transfer-grid{grid-template-columns:1fr}}.transfer-card{padding:30px}.verify-form,.transfer-form{flex-direction:column;gap:20px;margin-top:16px;display:flex}.search-input-group{gap:12px;display:flex}.search-input-group .glass-input{flex:1}.verified-user-box{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #10b98133;justify-content:space-between;align-items:center;margin-top:24px;padding:20px;display:flex}.user-info-row{align-items:center;gap:14px;display:flex}.user-avatar{border:2px solid var(--border-color);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-meta h4{font-size:14px;font-weight:600}.user-meta p{color:var(--text-muted);margin-top:2px;font-size:11px}.badge-online{color:#10b981;background:#10b98126;border-radius:8px;width:fit-content;padding:1px 6px;font-size:9px;font-weight:700}.verification-success-badge{color:var(--success);background:#10b9811a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.transfer-summary-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff03;flex-direction:column;gap:10px;padding:16px;display:flex}.summary-row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.summary-val{color:var(--text-primary);font-weight:600}.transfer-submit-btn{width:100%}.success-message{color:#86efac;border-radius:var(--radius-sm);background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.chat-dashboard-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:calc(100vh - 140px);min-height:480px;box-shadow:var(--shadow-premium);display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border-color);background:#13152066;flex-direction:column;width:340px;min-width:300px;display:flex}.sidebar-search-container{border-bottom:1px solid var(--border-color);flex-direction:column;gap:15px;padding:20px;display:flex}.sidebar-search-container h3{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.chat-search-wrapper{align-items:center;display:flex;position:relative}.chat-search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.chat-search-input{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;outline:none;padding:12px 14px 12px 42px;font-size:14px;transition:all .25s}.chat-search-input:focus{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);background:#ffffff0f}.conversations-list{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}.empty-conversations{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.conversation-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex}.conversation-item:hover{background:#ffffff08;border-color:#ffffff0d}.conversation-item.active{background:#9d4edd26;border-color:#9d4edd4d;box-shadow:inset 0 0 10px #9d4edd0d}.avatar-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.user-avatar{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:48px;height:48px}.conversation-item.active .user-avatar{border-color:var(--primary)}.avatar-placeholder{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.online-indicator{background:var(--success);width:12px;height:12px;box-shadow:0 0 8px var(--success);border:2px solid #131520;border-radius:50%;position:absolute;bottom:1px;right:1px}.conversation-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.meta-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.message-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.message-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.unread-badge{background:var(--secondary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;box-shadow:0 0 8px #ff007f66}.chat-window{background:#0b0c1033;flex-direction:column;flex:1;display:flex}.chat-header{border-bottom:1px solid var(--border-color);background:#1315204d;align-items:center;gap:16px;padding:16px 24px;display:flex}.back-btn-mobile{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-right:4px;padding:4px;display:none}.header-user-info h4{color:var(--text-primary);font-size:16px;font-weight:700}.header-user-info p{color:var(--text-muted);margin-top:2px;font-size:12px}.chat-error-bar{color:#fca5a5;background:#ef444426;border-bottom:1px solid #ef44444d;align-items:center;gap:10px;padding:8px 24px;font-size:13px;display:flex}.chat-messages-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-loader{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.chat-loader .spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.empty-messages{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:40px;display:flex}.message-bubble-wrapper{width:100%;display:flex}.message-bubble-wrapper.sent{justify-content:flex-end}.message-bubble-wrapper.received{justify-content:flex-start}.message-bubble{border-radius:var(--radius-md);flex-direction:column;gap:5px;max-width:65%;padding:12px 18px;display:flex;box-shadow:0 4px 12px #00000026}.message-bubble-wrapper.sent .message-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:2px}.message-bubble-wrapper.received .message-bubble{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d;border-bottom-left-radius:2px}.message-bubble p{word-break:break-word;font-size:14px;line-height:1.5}.message-timestamp{color:#fff9;align-self:flex-end;font-size:10px}.message-bubble-wrapper.received .message-timestamp{color:var(--text-muted)}.chat-input-form{border-top:1px solid var(--border-color);background:#1315204d;gap:14px;padding:16px 24px;display:flex}.chat-text-input{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background:#ffffff08;outline:none;flex:1;padding:14px 20px;font-size:14px;transition:all .25s}.chat-text-input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 10px #9d4edd33}.chat-send-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 20px;transition:all .2s;display:flex;box-shadow:0 4px 15px #9d4edd4d}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #9d4edd80}.chat-send-btn:disabled{border:1px solid var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#ffffff0d}.chat-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.glowing-chat-icon{color:var(--primary);filter:drop-shadow(0 0 15px var(--primary-glow));animation:3s ease-in-out infinite float}.chat-empty-state h3{color:var(--text-primary);font-size:20px;font-weight:700}.chat-empty-state p{max-width:320px;font-size:14px;line-height:1.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.chat-dashboard-container{height:calc(100vh - 120px)}.chat-sidebar{width:100%}.chat-sidebar.hidden-mobile,.chat-window.hidden-mobile{display:none}.back-btn-mobile{display:block}}