@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0f172a;--bg-darker:#020617;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--glow:#3b82f680;--shape-1:#3b82f6;--shape-2:#8b5cf6;--shape-3:#ec4899}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-main);width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}@keyframes float1{0%{transform:translate(0)scale(1)}33%{transform:translate(150px,-100px)scale(1.2)}66%{transform:translate(-100px,150px)scale(.8)}to{transform:translate(0)scale(1)}}@keyframes float2{0%{transform:translate(0)scale(1)}33%{transform:translate(-150px,150px)scale(1.1)}66%{transform:translate(100px,-100px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes float3{0%{transform:translate(0)scale(1)}33%{transform:translate(150px,150px)scale(.9)}66%{transform:translate(-150px,-100px)scale(1.2)}to{transform:translate(0)scale(1)}}.login-container{z-index:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.bg-shape{filter:blur(80px);z-index:-1;opacity:.6;border-radius:50%;position:absolute}.shape-1{background-color:var(--shape-1);width:400px;height:400px;animation:15s ease-in-out infinite float1;top:-100px;left:-100px}.shape-2{background-color:var(--shape-2);width:300px;height:300px;animation:18s ease-in-out infinite float2;bottom:-50px;right:-50px}.shape-3{background-color:var(--shape-3);width:350px;height:350px;animation:20s ease-in-out infinite float3;top:40%;left:60%}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:420px;padding:48px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 25px 50px -12px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.logo-placeholder{background:linear-gradient(135deg, var(--primary), var(--shape-2));border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex;box-shadow:0 10px 25px -5px #3b82f680}.login-header h2{letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:600}.login-header p{color:var(--text-muted);font-size:15px}.login-form{flex-direction:column;gap:24px;display:flex}.input-group{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;transition:color .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group input{width:100%;color:var(--text-main);background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:16px 16px 16px 48px;font-family:inherit;font-size:16px;transition:all .3s}.input-group input:focus,.input-group input:not(:placeholder-shown){border-color:var(--primary);background:#0f172acc;box-shadow:0 0 0 4px #3b82f61a}.input-group input:focus~.input-icon,.input-group input:not(:placeholder-shown)~.input-icon{color:var(--primary)}.input-group label{color:var(--text-muted);pointer-events:none;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:48px;transform:translateY(-50%)}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label{color:var(--primary);background:var(--bg-dark);border-radius:4px;padding:0 8px;font-size:12px;top:-10px;left:12px}.login-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s;display:flex}.login-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f666}.login-btn:active{transform:translateY(0)}.btn-icon{transition:transform .3s}.login-btn:hover .btn-icon{transform:translate(4px)}.error-msg{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.layout-container{background-color:var(--bg-darker);width:100vw;height:100vh;color:var(--text-main);display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background-color:#0f172acc;border-right:1px solid #ffffff0d;flex-direction:column;width:280px;padding:24px 0;display:flex}.sidebar-logo{align-items:center;gap:12px;margin-bottom:40px;padding:0 24px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), #8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f64d}.sidebar-logo h2{letter-spacing:-.5px;font-size:24px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:0 16px;display:flex}.nav-item{color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text-main);background-color:#ffffff0d;transform:translate(4px)}.nav-item.active{color:var(--text-main);background-color:var(--primary);box-shadow:0 8px 20px #3b82f640}.sidebar-footer{padding:0 16px}.logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{background:#ef44441a;border-color:#ef444433}.main-content{background-color:var(--bg-darker);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.main-content:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02061799;border-bottom:1px solid #ffffff05;justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:relative}.topbar-title h1{margin-bottom:4px;font-size:28px;font-weight:700}.date-display{color:var(--text-muted);font-size:14px}.topbar-actions{align-items:center;gap:24px;display:flex}.icon-btn{width:44px;height:44px;color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background:#ffffff1a}.badge{width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-dark);background-color:#ef4444;border-radius:50%;position:absolute;top:10px;right:12px}.user-profile{border-left:1px solid #ffffff1a;align-items:center;gap:12px;padding-left:24px;display:flex}.avatar{background-color:var(--primary);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:15px;font-weight:600}.user-role{color:var(--text-muted);font-size:13px}.content-area{flex:1;padding:32px 40px;position:relative;overflow-y:auto}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:0 0}.content-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#fff3}.dashboard-page{flex-direction:column;gap:32px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex}.stat-card:hover{box-shadow:0 10px 25px -5px #0000004d, 0 0 0 1px var(--accent);transform:translateY(-4px)}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-info h3{color:var(--text-main);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.stat-info p{color:var(--text-muted);font-size:14px;font-weight:500}.dashboard-charts{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:24px;padding:32px}.glass-card h3{color:var(--text-main);margin-bottom:24px;font-size:18px;font-weight:600}.chart-placeholder{flex-direction:column;justify-content:flex-end;height:250px;display:flex}.bars{border-bottom:1px solid #ffffff1a;justify-content:space-around;align-items:flex-end;height:200px;padding-bottom:16px;display:flex}.bar{background:linear-gradient(to top, var(--primary), #8b5cf6);border-radius:8px 8px 0 0;width:30px;transition:height 1s ease-out}.days{color:var(--text-muted);justify-content:space-around;padding-top:16px;font-size:14px;font-weight:500;display:flex}.list-placeholder{flex-direction:column;gap:16px;display:flex}.list-item{background:#ffffff08;border-radius:16px;align-items:flex-start;gap:16px;padding:16px;transition:background .2s;display:flex}.list-item:hover{background:#ffffff0f}.activity-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bg-green{background:#10b981}.bg-blue{background:var(--primary)}.bg-purple{background:#8b5cf6}.activity-text{flex-direction:column;gap:4px;display:flex}.activity-title{color:var(--text-main);font-size:14px;font-weight:500;line-height:1.4}.activity-time{color:var(--text-muted);font-size:12px}.system-status{flex-direction:column;gap:16px;display:flex}.status-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.status-label{color:var(--text-muted);font-size:14px}.status-value{font-size:14px;font-weight:600}.text-green{color:#10b981}.page-container{flex-direction:column;gap:24px;height:100%;display:flex}.full-height{flex-direction:column;height:100%;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-header h2{font-size:20px;font-weight:600}.badge-count{color:var(--primary);background:#3b82f633;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.table-responsive{flex:1;overflow-x:auto}.custom-table{border-collapse:collapse;width:100%}.custom-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid #ffffff0d;padding:16px;font-size:14px;font-weight:500}.custom-table td{border-bottom:1px solid #ffffff05;padding:16px;font-size:15px}.custom-table tr:hover td{background:#ffffff05}.td-user{align-items:center;gap:12px;font-weight:500;display:flex}.td-avatar{width:32px;height:32px;color:var(--text-muted);background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;display:flex}.status-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.status-badge.new{color:var(--primary);background:#3b82f633}.status-badge.active{color:#10b981;background:#10b98133}.action-btn{color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.action-btn:hover{background:#ffffff1a}.action-btn.danger-btn{color:#ef4444;border-color:#ef444433}.action-btn.danger-btn:hover{background:#ef444426;border-color:#ef444466}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;z-index:999999!important}.glass-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:400px;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h3{font-size:18px;font-weight:600}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .2s}.close-btn:hover{color:var(--text-main)}.modal-body{padding:32px 24px}.cand-profile{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.cand-avatar.large{width:80px;height:80px;color:var(--text-muted);background:#ffffff1a;border-radius:20px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.cand-profile h2{font-size:22px;font-weight:600}.cand-phone{color:var(--text-muted);align-items:center;gap:8px;font-size:15px;display:flex}.modal-footer{border-top:1px solid #ffffff0d;gap:16px;padding:24px;display:flex}.modal-footer button{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-reject{color:#ef4444;background:#ef44441a}.btn-reject:hover{background:#ef444433}.btn-approve{background:var(--primary);color:#fff}.btn-approve:hover{background:var(--primary-hover);box-shadow:0 4px 12px #3b82f64d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.routes-header-actions{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.routes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.route-card{padding:24px}.route-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.route-badge{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f64d}.route-header h3{flex:1;font-size:18px;font-weight:600}.icon-btn-small{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn-small:hover{color:var(--text-main);background:#ffffff1a}.stops-list{flex-direction:column;padding-left:20px;list-style:none;display:flex;position:relative}.stops-list:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:10px;bottom:10px;left:5px}.stops-list li{color:var(--text-main);align-items:center;padding:12px 0;font-size:15px;display:flex;position:relative}.stop-marker{background:var(--bg-dark);border:2px solid var(--primary);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;left:-20px}.stops-list li:first-child .stop-marker{background:var(--primary)}.stops-list li:last-child .stop-marker{background:#10b981;border-color:#10b981}.messages-layout{grid-template-columns:3fr 2fr;gap:24px;height:100%;display:grid}.compose-section{flex-direction:column;display:flex}.message-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:12px;display:flex}.form-group label{color:var(--text-muted);font-size:14px;font-weight:500}.radio-group{flex-wrap:wrap;gap:12px;display:flex}.radio-label{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.radio-label input{display:none}.radio-label.selected{border-color:var(--primary);color:var(--primary);background:#3b82f61a}.custom-select,.custom-textarea{width:100%;color:var(--text-main);background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:16px;font-family:inherit;font-size:15px;transition:all .3s}.custom-select:focus,.custom-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.custom-textarea{resize:vertical;min-height:120px}.btn-send{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-send:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.slide-down{animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-section h3{margin-bottom:24px;font-size:18px;font-weight:600}.history-list{flex-direction:column;gap:16px;display:flex;overflow-y:auto}.history-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:16px}.history-header{justify-content:space-between;margin-bottom:12px;display:flex}.history-target{color:var(--primary);font-size:14px;font-weight:600}.history-date{color:var(--text-muted);font-size:13px}.history-item p{color:#fffc;font-size:14px;line-height:1.5}.messages-tabs-container{gap:12px;margin-bottom:24px;display:flex}.messages-tab-btn{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.messages-tab-btn:hover{color:var(--text-main);background:#ffffff0f}.messages-tab-btn.active{border-color:var(--primary);color:#fff;background:linear-gradient(135deg,#3b82f640,#8b5cf633);box-shadow:0 4px 16px #3b82f633}.history-item-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.history-item-delete:hover{color:#ef4444;background:#ef44441a}.support-page{grid-template-columns:380px 1fr;gap:24px;height:calc(100vh - 120px);min-height:600px;padding:0;display:grid}.support-sidebar{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.support-header{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.support-title-row{justify-content:space-between;align-items:center;display:flex}.support-title-row h2{margin:0;font-size:20px;font-weight:600}.support-tabs{background:#0f172a99;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.support-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.support-tab-btn:hover{color:var(--text-main)}.support-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.tab-badge{color:#fff;background:#fff3;border-radius:10px;padding:1px 7px;font-size:11px}.support-tab-btn:not(.active) .tab-badge{color:var(--text-muted);background:#ffffff14}.tab-badge.has-new{color:#fff!important;background:#ef4444!important}.search-box{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex}.search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:14px}.chats-list{flex:1;overflow-y:auto}.chat-item{cursor:pointer;border-bottom:1px solid #ffffff08;gap:14px;padding:16px 20px;transition:background .2s;display:flex;position:relative}.chat-item:hover{background:#ffffff08}.chat-item.active{border-left:4px solid var(--primary);background:#3b82f61f}.chat-avatar{width:44px;height:44px;color:var(--text-muted);background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.chat-avatar.driver{color:var(--primary);background:#3b82f626}.chat-avatar.passenger{color:#10b981;background:#10b98126}.chat-info{flex:1;min-width:0}.chat-info-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.chat-info-header h4{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.chat-time{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:11px}.chat-info-sub{flex-direction:column;gap:4px;display:flex}.last-message{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.status-pill{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.new{color:#ef4444;background:#ef444426;border:1px solid #ef444433}.status-pill.in_progress{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b33}.status-pill.resolved{color:#10b981;background:#10b98126;border:1px solid #10b98133}.support-main{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.chat-topbar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.chat-topbar-user{align-items:center;gap:16px;min-width:0;display:flex}.chat-avatar.large{border-radius:14px;width:52px;height:52px}.chat-user-details{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.user-phone{color:var(--text-muted);align-items:center;gap:4px;font-size:13px;text-decoration:none;display:flex}.user-phone:hover{color:var(--primary)}.chat-topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.status-select{color:var(--text-main);cursor:pointer;background:#0f172acc;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:8px 12px;font-size:13px}.btn-delete-inquiry{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.btn-delete-inquiry:hover{background:#ef444433}.driver-profile-banner{background:linear-gradient(135deg,#3b82f61a,#8b5cf614);border-bottom:1px solid #3b82f633;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;font-size:13px;display:flex}.profile-meta-item{color:#ffffffe6;align-items:center;gap:8px;display:flex}.profile-meta-label{color:var(--text-muted);font-size:12px}.profile-meta-value{color:#fff;font-weight:600}.profile-badge{color:#93c5fd;background:#3b82f633;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-bubble-wrapper{flex-direction:column;display:flex}.message-bubble-wrapper.user{align-items:flex-start}.message-bubble-wrapper.admin{align-items:flex-end}.bubble-sender-name{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.message-bubble{border-radius:16px;max-width:75%;padding:14px 18px;font-size:14px;line-height:1.5;position:relative}.message-bubble-wrapper.user .message-bubble{background:#ffffff0d;border:1px solid #ffffff14;border-bottom-left-radius:4px}.message-bubble-wrapper.admin .message-bubble{background:linear-gradient(135deg, var(--primary), #2563eb);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #3b82f64d}.msg-time{color:#ffffff80;text-align:right;margin-top:6px;font-size:11px;display:block}.chat-input-area{border-top:1px solid #ffffff0d;align-items:center;gap:14px;padding:18px 24px;display:flex}.chat-input-area input{color:var(--text-main);background:#0f172a99;border:1px solid #ffffff1a;border-radius:14px;outline:none;flex:1;padding:14px 18px;font-size:14px;transition:all .2s}.chat-input-area input:focus{border-color:var(--primary);background:#0f172ad9}.btn-send-chat{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.btn-send-chat:hover{background:var(--primary-hover);transform:scale(1.05)}.btn-send-chat:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-chat{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.empty-chat h3{margin:0;font-size:20px;font-weight:600}.empty-chat p{color:var(--text-muted);max-width:320px;margin:0;font-size:14px;line-height:1.5}