@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";[data-theme=light]{--bg-color: #f5f5f7;--card-bg: #ffffff;--card-sub-bg: #f2f2f5;--text-main: #111111;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--sidebar-bg: #ffffff;--sidebar-link-hover: #f1f5f9;--topbar-bg: rgba(255, 255, 255, .85);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .05);--success-subtle: rgba(16, 185, 129, .1);--warning-subtle: rgba(245, 158, 11, .1);--danger-subtle: rgba(239, 68, 68, .1)}:root{--bg-color: #0a0a0c;--card-bg: #0f0f12;--card-sub-bg: #16161a;--text-main: #ededea;--text-secondary: #94a3b8;--text-muted: #555560;--border-color: #1e1e22;--sidebar-bg: #0a0a0c;--sidebar-link-hover: rgba(255, 255, 255, .03);--topbar-bg: rgba(10, 10, 12, .82);--primary: #c084fc;--primary-deep: #9333ea;--primary-subtle: #3b1a5e;--success: #10b981;--success-subtle: rgba(16, 185, 129, .1);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-subtle: rgba(245, 158, 11, .1);--space-xxs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-xxl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .6);--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}.display-text{font-size:52px;font-weight:300;letter-spacing:-.04em;line-height:1.1}h1{font-size:28px;font-weight:400;letter-spacing:-.02em;line-height:1.2}h2{font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.4}body{font-family:var(--font-sans);font-size:14px;font-weight:400;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.label-caption{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.app-container{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-color);color:var(--text-main)}.sidebar{width:280px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:0 2rem;height:100px;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color)}.modal-header{padding:2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-nav{padding:1rem 0;flex:1;overflow-y:auto}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border-color);background:var(--card-bg)}.sidebar-rates{margin-bottom:1.5rem}.rate-item-mini{font-size:.75rem;color:var(--text-muted);background:var(--card-sub-bg);padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;overflow:hidden}.user-text{display:flex;flex-direction:column;overflow:hidden}.username{font-weight:600;font-size:.85rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.logout-btn{background:var(--danger-subtle);color:var(--danger);border:1px solid rgba(239,68,68,.1);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-weight:500}.nav-link:hover{background-color:var(--sidebar-link-hover);color:var(--primary)}.nav-link.active{background-color:#c084fc1a!important;color:var(--primary)!important;border-right:3px solid var(--primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.top-bar{display:none}.page-container{padding:3rem;max-width:100%;margin:0 auto;width:100%}.exchange-rates-bar{display:flex;gap:2rem;align-items:center}.rate-item{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;background:#94a3b80d;padding:.6rem 1.2rem;border-radius:12px;border:1px solid var(--border-color);height:auto!important}.rate-item strong{color:var(--primary)}.card{background-color:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.165,.84,.44,1)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#c084fc33}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-size:14px;background-color:#ffffff0a;color:var(--text-main)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #c084fc4d}.btn-primary:hover{background-color:var(--primary-deep);transform:translateY(-1px)}.btn-danger{background-color:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background-color:var(--danger);color:#fff;border-color:var(--danger)}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.input-field{width:100%;background-color:var(--card-sub-bg);border:1px solid var(--border-color);color:var(--text-main);padding:12px 16px;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c084fc26}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--card-bg)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:var(--card-sub-bg);font-weight:600;color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--sidebar-link-hover)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background-color:#10b9811a;color:var(--success)}.badge-warning{background-color:#f59e0b1a;color:var(--warning)}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex-between{display:flex;justify-content:space-between;align-items:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.text-muted{color:var(--text-muted)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-color)}.login-card{width:100%;max-width:400px;background-color:var(--card-bg);padding:2.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.chat-widget-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}.chat-fab{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;border:none;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.chat-fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 32px #0003}.chat-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white}.chat-window{width:350px;height:500px;background:var(--card-bg);border-radius:1.25rem;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;box-shadow:0 20px 40px #0000004d}.chat-widget-container.minimized .chat-window{height:60px}.chat-header{background:var(--primary);color:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;gap:.75rem}.chat-header-text{line-height:1.2}.chat-header-name{font-weight:600}.chat-header-status{font-size:.75rem;opacity:.8}.chat-header-actions{display:flex;gap:.5rem}.chat-action-btn{background:#ffffff1a;border:none;color:#fff;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.chat-action-btn:hover{background:#fff3}.chat-body{flex:1;overflow-y:auto;background:var(--bg-color)}.contacts-list{padding:.5rem}.contact-item{padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;border-radius:.75rem;transition:background .2s;position:relative;color:var(--text-main)}.contact-item:hover{background:var(--card-bg-hover, rgba(255, 255, 255, .05))}.contact-avatar{width:40px;height:40px;border-radius:12px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center}.contact-name{font-weight:500}.contact-role{font-size:.75rem;color:var(--text-muted)}.unread-dot{position:absolute;right:1rem;background:var(--primary);color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:600}.conversation{height:100%;display:flex;flex-direction:column}.messages-list{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.message-bubble{max-width:80%;padding:.75rem 1rem;border-radius:1rem;position:relative;line-height:1.4}.message-bubble.sent{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:.25rem}.message-bubble.received{align-self:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-bottom-left-radius:.25rem;color:var(--text-main)}.message-time{font-size:.65rem;opacity:.7;margin-top:.25rem;text-align:right}.chat-input-area{padding:1rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;background:var(--card-bg)}.chat-input-area input{flex:1;background:var(--bg-color);border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:1rem;outline:none;font-size:.9rem;color:var(--text-main)}.chat-input-area button{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.chat-input-area button:hover{transform:scale(1.05)}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.no-contacts{padding:2rem;text-align:center;color:var(--text-muted)}.messages-list::-webkit-scrollbar{width:5px!important}.messages-list::-webkit-scrollbar-track{background:transparent!important}.messages-list::-webkit-scrollbar-thumb{background:#ffffff1a!important;border-radius:10px!important}.messages-list::-webkit-scrollbar-thumb:hover{background:#fff3!important}.chat-input-area input{background:#0003!important;border:1px solid rgba(255,255,255,.1)!important}.message-bubble{border-radius:1.25rem!important;padding:.75rem 1.1rem!important}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.chat-widget-premium{position:fixed;bottom:2rem;right:2rem;z-index:9999;font-family:Inter,system-ui,-apple-system,sans-serif}.chat-fab-premium{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);color:#fff;border:none;cursor:pointer;box-shadow:0 12px 24px #6366f166,inset 0 2px 4px #fff3;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.chat-fab-premium:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 16px 32px #6366f180}.fab-icon-wrapper{position:relative}.unread-badge-global{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;border:3px solid var(--card-bg);box-shadow:0 4px 8px #0000004d}.unread-pill{background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 6px #ef44444d}.msg-sender-name{font-size:.72rem;font-weight:700;color:#818cf8;margin-bottom:.2rem;letter-spacing:.2px}.chat-container-premium{width:850px;height:600px;background:var(--card-bg);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-color);border-radius:24px;display:flex;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideInUp .4s cubic-bezier(.16,1,.3,1);transition:height .3s cubic-bezier(.4,0,.2,1)}.chat-container-premium.is-minimized{height:72px}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-slide-in{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-item:hover{transform:scale(1.02);box-shadow:0 15px 30px -5px #0006}.chat-sidebar{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--card-sub-bg)}.sidebar-header{padding:1.5rem}.sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sidebar-title h2{font-size:20px;font-weight:600;color:var(--text-main);margin:0;letter-spacing:-.02em}.chat-controls{display:flex;align-items:center;gap:8px}.search-bar{position:relative;background:var(--card-sub-bg);border-radius:14px;display:flex;align-items:center;padding:0 1rem;border:1px solid var(--border-color);transition:all .2s}.search-bar:focus-within{background:#ffffff14;border-color:var(--primary)}.search-icon{color:var(--text-muted)}.search-bar input{background:none;border:none;color:var(--text-main);padding:.75rem .5rem;width:100%;outline:none;font-size:.9rem}.contacts-scrollbox{flex:1;overflow-y:auto;padding:0 .75rem 1.5rem}.contact-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:18px;cursor:pointer;transition:all .2s;margin-bottom:.25rem}.contact-card:hover{background:#ffffff0d}.contact-card.active{background:#6366f126}.avatar-wrapper{position:relative}.contact-avatar-premium{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.online-indicator-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#10b981;border:3px solid #1e293b;border-radius:50%;box-shadow:0 0 10px #10b98180}.online-indicator-dot.small{width:12px;height:12px;bottom:-1px;right:-1px}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--bg-color);position:relative}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;gap:1.5rem;color:var(--text-secondary)}.placeholder-icon{width:120px;height:120px;background:var(--card-sub-bg);border-radius:40px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:.5rem;border:1px solid var(--border-color)}.no-chat-selected h3{font-size:1.5rem;font-weight:600;color:var(--text-main);margin:0}.no-chat-selected p{font-size:1rem;max-width:300px;line-height:1.5;margin:0}.close-btn-p{margin-top:1rem;padding:.75rem 2rem!important;background:var(--card-sub-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;font-weight:600!important}.chat-main-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.chat-main-info{display:flex;align-items:center;gap:1rem}.header-text-p h3{margin:0;font-size:1.1rem;color:var(--text-main)}.header-text-p p{margin:0;font-size:.8rem;color:var(--text-secondary)}.status-online{color:#10b981!important;font-weight:600}.chat-main-actions{display:flex;gap:.5rem}.icon-btn{width:36px;height:36px;border-radius:10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:#c084fc1a;color:var(--primary)}.messages-viewport-p{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.msg-row{display:flex;flex-direction:column}.msg-row.sent{align-items:flex-end}.msg-row.received{align-items:flex-start}.msg-bubble-p{max-width:70%;padding:.85rem 1.25rem;border-radius:20px;position:relative;box-shadow:0 4px 12px #0000001a}.msg-row.sent .msg-bubble-p{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;border-bottom-right-radius:4px}.msg-row.received .msg-bubble-p{background:var(--card-sub-bg);color:var(--text-main);border-bottom-left-radius:4px;border:1px solid var(--border-color)}.msg-time-p{font-size:.65rem;opacity:.6;margin-top:.4rem}.chat-footer-p{padding:1.25rem 1.5rem;background:var(--card-sub-bg);border-top:1px solid var(--border-color)}.input-form-p{display:flex;background:var(--card-bg);border-radius:18px;padding:.5rem;align-items:center;border:1px solid var(--border-color);transition:border-color .2s}.input-form-p:focus-within{border-color:var(--primary)}.input-form-p input{flex:1;background:none;border:none;padding:.75rem 1rem;color:#fff;outline:none;font-size:.95rem}.send-btn-p{width:44px;height:44px;background:var(--primary);border:none;color:#fff;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.send-btn-p:hover{background:#4f46e5;transform:scale(1.05)}.send-btn-p:disabled{opacity:.3;pointer-events:none}.contacts-scrollbox::-webkit-scrollbar,.messages-viewport-p::-webkit-scrollbar{width:6px}.contacts-scrollbox::-webkit-scrollbar-thumb,.messages-viewport-p::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.contacts-scrollbox::-webkit-scrollbar-thumb:hover,.messages-viewport-p::-webkit-scrollbar-thumb:hover{background:#fff3}.btn-back,.chat-back,.back-btn-mobile{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;padding:8px!important;border-radius:12px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important}.btn-back:hover,.chat-back:hover,.back-btn-mobile:hover{background:#ffffff1a!important;transform:translate(-2px)}.minimize-btn,.close-btn,.close-btn-p,.tool-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.minimize-btn:hover,.close-btn:hover,.close-btn-p:hover,.tool-btn:hover{background:#c084fc1a;color:var(--primary)}.input-toolbar{display:flex;gap:.5rem;margin-bottom:.5rem}.tool-btn{color:var(--text-muted)!important}.msg-image-wrapper{margin-bottom:.5rem;border-radius:12px;overflow:hidden;background:#0000001a;max-width:100%}.msg-image{width:100%;display:block;max-height:250px;object-fit:cover;transition:transform .2s;cursor:zoom-in}.msg-image:hover{transform:scale(1.02)}.image-preview-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff0d;border-radius:12px;margin-bottom:.75rem;animation:fadeIn .2s ease}.image-preview-bar img{width:40px;height:40px;border-radius:6px;object-fit:cover}.image-preview-bar button{background:#ef444433;border:none;color:#ef4444;padding:4px;border-radius:50%;cursor:pointer;display:flex}.msg-meta-p{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.read-receipt{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.read-receipt.seen{color:#34d399}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.unread-pill{background:red!important;color:#fff!important;font-size:.7rem;font-weight:800;padding:2px 10px;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #f006;animation:bounceNotify 1s infinite alternate}.unread-badge-global{background:#ef4444!important;border:3px solid var(--card-bg)!important;box-shadow:0 4px 12px #ef44444d!important}@keyframes bounceNotify{0%{transform:scale(1)}to{transform:scale(1.15)}}.msg-sender-name{font-size:.75rem;font-weight:700;color:var(--primary);margin-bottom:.25rem;letter-spacing:.3px;opacity:.9}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-color)}