@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a8a8a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffe0c2' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}:root{--bg-primary: #0a0a0a;--bg-secondary: #151515;--bg-tertiary: #1c1c1c;--bg-elevated: #252525;--bg-hover: #2e2e2e;--accent-primary: #ffe0c2;--accent-primary-hover: #fff0e0;--accent-primary-glow: rgba(255, 224, 194, .25);--accent-secondary: #393028;--accent-secondary-light: #4a4035;--accent-gold: #d4a574;--accent-gold-deep: #c49b6a;--accent-success: #10b981;--accent-success-glow: rgba(16, 185, 129, .25);--accent-warning: #f59e0b;--accent-warning-glow: rgba(245, 158, 11, .2);--accent-danger: #e54d2e;--accent-danger-glow: rgba(229, 77, 46, .2);--text-primary: #f5f5f5;--text-secondary: #b0b0b0;--text-tertiary: #8a8a8a;--text-muted: #606060;--border-subtle: #1f1f1f;--border-default: #2a2a2a;--border-strong: #3a3a3a;--border-accent: rgba(255, 224, 194, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .55), 0 8px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 50px rgba(255, 224, 194, .12);--shadow-glow-intense: 0 0 80px rgba(255, 224, 194, .2);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .3);--space-0: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--transition-micro: .1s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--font-xs: .75rem;--font-sm: .8125rem;--font-base: .9375rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;height:100vh;overflow:hidden;letter-spacing:-.01em}#app{display:flex;height:100%;background:radial-gradient(ellipse at top left,rgba(255,224,194,.06) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(57,48,40,.08) 0%,transparent 50%),var(--bg-primary)}.sidebar{width:220px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-right:1px solid var(--border-subtle);padding:var(--space-4) var(--space-4) var(--space-3);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:4px 0 24px #00000040}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:250px;background:radial-gradient(ellipse at top left,rgba(255,224,194,.08) 0%,transparent 60%);pointer-events:none}.sidebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--bg-tertiary) 0%,transparent 100%);pointer-events:none;z-index:1}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:0;position:relative;display:inline-block;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.nav-links li{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-weight:500;font-size:var(--font-base);transition:background var(--transition-base),color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-base);position:relative;display:flex;align-items:center;gap:var(--space-3);overflow:hidden}.nav-links li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-gold) 100%);border-radius:var(--radius-full);transition:height var(--transition-spring);box-shadow:0 0 12px var(--accent-primary-glow)}.nav-links li:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at left center,rgba(255,224,194,.06) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.nav-links li:hover{background:#ffffff0a;color:var(--text-primary);transform:translate(6px)}.nav-links li:hover:after{opacity:1}.nav-links li.active{background:linear-gradient(135deg,#ffe0c21a,#3930281f);color:var(--accent-primary);font-weight:600;box-shadow:inset 0 0 20px #ffe0c208}.nav-links li.active:before{height:26px}.nav-links li:active{transform:translate(3px) scale(.98)}.content{flex:1;padding:var(--space-8);overflow-y:auto;position:relative}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}h1{font-size:2rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}h2{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-4)}h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.user-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-full);border:1px solid var(--border-default);font-size:.875rem;color:var(--text-secondary)}.card{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.08) 50%,transparent 95%)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,rgba(255,224,194,.03) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.card:hover:after{opacity:1}.data-list-container{display:flex!important;flex-direction:column!important;gap:16px!important;max-height:75vh;overflow-y:auto;padding:4px}.data-item.account-item{background:var(--bg-tertiary)!important;border-radius:var(--radius-lg)!important;padding:16px!important;overflow:hidden!important;margin-bottom:0!important;isolation:isolate;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.data-item.account-item:hover{border-color:var(--border-default)}@keyframes pulse-border{0%,to{border-color:#ef4444;box-shadow:0 0 4px #ef44444d}50%{border-color:#f87171;box-shadow:0 0 8px #ef444480}}button{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-gold) 100%);color:#0d0d0d;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-base),filter var(--transition-fast);box-shadow:0 2px 8px #ffe0c233,0 1px 3px #0003,inset 0 1px #ffffff26;position:relative;overflow:hidden;letter-spacing:-.01em}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left var(--transition-slow);pointer-events:none}button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px #ffe0c259,0 2px 6px #0003,inset 0 1px #fff3;filter:brightness(1.05)}button:hover:before{left:100%}button:active{transform:translateY(0) scale(.98);box-shadow:0 1px 4px #ffe0c233,inset 0 2px 4px #0000001a}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:saturate(.6)}button[style*="background: #0ea5e9"],button[style*="background:#0ea5e9"]{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;box-shadow:0 2px 8px #0ea5e94d}button[style*="background: #0ea5e9"]:hover,button[style*="background:#0ea5e9"]:hover{box-shadow:0 6px 20px #0ea5e966}input,select,textarea{background:var(--bg-primary);border:1px solid var(--border-default);color:var(--text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-base);font-family:inherit;width:100%;margin-bottom:var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-base),background var(--transition-fast),transform var(--transition-micro);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted);transition:color var(--transition-fast)}input:focus::placeholder,textarea:focus::placeholder{color:var(--text-tertiary)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong);background:var(--bg-secondary)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow),0 4px 12px #ffe0c214;background:var(--bg-secondary);transform:translateY(-1px)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a8a8a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffe0c2' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--text-primary)}select option{background:var(--bg-primary);color:var(--text-primary);padding:8px 12px}select::-ms-expand{display:none}#chat-account-select{outline:none;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chat-layout{display:flex;height:calc(100vh - 140px);gap:0;overflow:hidden}.chat-sidebar{width:320px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-width:0}.chat-info-sidebar{width:280px;min-width:250px;background:var(--bg-secondary);border-left:1px solid var(--border-default);padding:var(--space-4);overflow-y:auto}.chat-header{padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between}.chat-header h3{margin:0;font-size:1rem;font-weight:600}.message-area{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.input-area{padding:var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border-default);display:flex;gap:var(--space-3);align-items:center}.input-area input[type=text],.input-area textarea{flex:1;margin-bottom:0;resize:none;padding:10px;height:44px;line-height:1.4;overflow-y:hidden}.input-area button{flex-shrink:0}.chat-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast)}.chat-item:hover{background:var(--bg-tertiary)}.chat-item.active,.chat-item.unread{background:var(--bg-tertiary);border-left:3px solid var(--accent-primary)}.chat-item-image{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.chat-item-image-placeholder{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:1.25rem;flex-shrink:0;border:1px solid var(--border-subtle)}.chat-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.chat-item-partner{font-size:.75rem;color:var(--text-tertiary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-partner:hover{color:var(--accent-primary);text-decoration:underline}.chat-item-date{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.chat-item-title{font-weight:600;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:var(--accent-danger);color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);min-width:16px;text-align:center;flex-shrink:0}.msg{max-width:75%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);word-wrap:break-word;font-size:.9375rem;line-height:1.55}.msg.me{align-self:flex-end;background:var(--accent-secondary);color:var(--text-primary);border-bottom-right-radius:var(--radius-sm)}.msg.other{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.msg-time{font-size:.7rem;color:var(--text-tertiary);margin-top:4px;text-align:right}.msg.other .msg-time{color:var(--text-tertiary)}.offer-card{background:var(--bg-tertiary);border:2px solid var(--accent-warning);border-radius:var(--radius-lg);padding:var(--space-5);max-width:350px}.offer-status{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.automated-message{align-self:center;max-width:400px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);box-shadow:var(--shadow-md)}.conversation-item{background:var(--bg-tertiary)!important;border:1px solid var(--border-subtle);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)!important}.conversation-item:hover{background:var(--bg-elevated)!important;border-color:var(--border-default);transform:translate(4px);box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInMessage{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.new-message-animation{animation:slideInMessage .35s var(--transition-spring)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px currentColor}50%{box-shadow:0 0 16px currentColor}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffe0c24d}50%{box-shadow:0 0 40px #ffe0c280}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card{animation:fadeInUp .45s ease-out backwards}[style*="align-self: flex-end"]{background:var(--accent-secondary)!important;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)!important;box-shadow:none}[style*="align-self: flex-start"]:not(.message-skeleton):not([style*="width:"]){background:var(--bg-elevated)!important;border:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)!important}[style*="background: #ef4444"],[style*="background:#ef4444"]{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 2px 8px #ef444466;font-weight:600!important}[style*="background: #10b981"],[style*="background:#10b981"]{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 2px 8px #10b9814d}#sync-status-bar{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%)!important;border:1px solid var(--border-default)!important;box-shadow:var(--shadow-sm)}::selection{background:var(--accent-primary);color:#111}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 1200px){.sidebar{width:200px}}@media (max-width: 768px){.sidebar{width:200px;padding:var(--space-4)}.content{padding:var(--space-5)}h1{font-size:1.5rem}}.glass{background:#1e293bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:1px solid var(--border-default)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}#view-container{animation:fadeIn .3s ease-out}.interactive{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}p,span,div{text-rendering:optimizeLegibility}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}code,pre{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875em;background:var(--bg-primary);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.account-item{transition:all var(--transition-base)}.account-settings-panel{animation:fadeIn .3s ease-out}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);outline:none;border:none;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--accent-primary) 0%,#d4a574 100%);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #ffe0c266;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #ffe0c280}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--accent-primary) 0%,#d4a574 100%);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #ffe0c266}button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}button.danger:hover{box-shadow:0 4px 16px #ef444466}button.secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);box-shadow:none}button.secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize}.status-active{background:#10b98126;color:#10b981}.status-warning{background:#fbbf0b26;color:#fbbf24}.status-error{background:#ef444426;color:#ef4444}input[type=checkbox]{width:16px!important;height:16px;accent-color:var(--accent-primary);cursor:pointer}.data-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:all var(--transition-fast)}.data-item:hover{border-color:var(--border-default);background:var(--bg-elevated)}.data-list-container{max-height:calc(100vh - 300px);overflow-y:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:var(--space-6)}.stat-card{background:linear-gradient(145deg,#ffffff0d,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:var(--space-7);position:relative;overflow:hidden;transition:all var(--transition-base);animation:fadeInUp .5s ease-out backwards;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff14}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.stat-card:hover{transform:translateY(-6px);border-color:#ffffff1f;box-shadow:0 20px 50px -15px #00000073,0 0 30px #ffe0c20f,inset 0 1px #ffffff1a}.stat-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-3);letter-spacing:.02em;text-transform:uppercase}.stat-value{font-size:2.75rem;font-weight:800;letter-spacing:-.03em;line-height:1}.stat-value.green{background:linear-gradient(135deg,#ffe0c2,#d4a574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.red{background:linear-gradient(135deg,#d4a574,#a67c52);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.blue{background:linear-gradient(135deg,#ffe0c2,#d4a574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;opacity:.1;pointer-events:none;right:-30px;bottom:-30px}.stat-card:nth-child(1):after{background:radial-gradient(circle,#ffe0c2 0%,transparent 70%)}.stat-card:nth-child(2):after{background:radial-gradient(circle,#d4a574 0%,transparent 70%)}.stat-card:nth-child(3):after{background:radial-gradient(circle,#ffe0c2 0%,transparent 70%)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10001;animation:fadeIn .2s ease-out}.modal-content{background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);width:92%;max-width:480px;box-shadow:0 25px 60px -12px #000000b3,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d;animation:slideUp .35s var(--transition-spring);position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}label{font-size:.875rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:var(--space-2)}button{font-family:inherit;letter-spacing:-.01em}button:not(.secondary):not(.danger):not([class*=offer]){background:linear-gradient(135deg,var(--accent-primary) 0%,#d4a574 100%)}button[title]{display:inline-flex;align-items:center;justify-content:center;gap:6px}.chat-sidebar{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.chat-item{transition:all var(--transition-fast)}.chat-item.active{background:linear-gradient(90deg,rgba(255,224,194,.12) 0%,transparent 100%);border-left:3px solid var(--accent-primary)}.msg{animation:fadeIn .3s ease-out}.account-item{background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(42,42,42,.5) 100%);transition:all var(--transition-fast)}.account-item:hover{background:var(--bg-elevated);transform:translate(4px);box-shadow:0 4px 20px -4px #0000004d}.card[data-ad-id]{transition:all var(--transition-base);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.card[data-ad-id]:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:.9375rem;letter-spacing:-.01em}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--accent-primary-glow),0 2px 8px #ffe0c226}header h1{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-fade-in{animation:fadeIn .4s ease-out}.toast{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stat-value.purple{background:linear-gradient(135deg,#c49b6a,#a67c52);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.teal{background:linear-gradient(135deg,#ffe0c2,#c49b6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.highlight{background:linear-gradient(135deg,#d4a574,#c49b6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-purple:after{background:radial-gradient(circle,#c49b6a 0%,transparent 70%)}.stat-card-teal:after{background:radial-gradient(circle,#ffe0c2 0%,transparent 70%)}.stat-card-highlight:after{background:radial-gradient(circle,#d4a574 0%,transparent 70%)}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.stat-sublabel{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-2)}.new-messages-popup{position:fixed;top:20px;right:20px;z-index:9999;animation:slideInRight .4s ease-out,glow 2s ease-in-out infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.new-messages-popup .popup-content{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ffe0c2f2,#d4a574e6);border-radius:var(--radius-lg);box-shadow:0 8px 32px #ffe0c266;border:1px solid rgba(255,255,255,.2)}.new-messages-popup .popup-icon{font-size:1.5rem}.new-messages-popup .popup-text{color:#111;font-size:.9rem}.new-messages-popup .popup-text strong{font-size:1.25rem;font-weight:700}.new-messages-popup .popup-close{background:#1113;border:none;color:#111;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none;transition:background var(--transition-fast)}.new-messages-popup .popup-close:hover{background:#1111114d;transform:none}.activity-bars{margin-top:var(--space-4)}.activity-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.activity-label{width:120px;font-size:.85rem;color:var(--text-secondary)}.activity-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.activity-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.activity-fill.green,.activity-fill.blue{background:linear-gradient(135deg,#ffe0c2,#d4a574)}.activity-fill.purple{background:linear-gradient(135deg,#c49b6a,#a67c52)}.activity-fill.teal{background:linear-gradient(135deg,#d4a574,#c49b6a)}.activity-value{width:40px;text-align:right;font-size:.85rem;font-weight:600;color:var(--text-primary)}.logo-container{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.logo-icon{width:32px;height:32px;flex-shrink:0;color:var(--accent-primary)}.logo-container .logo{margin-bottom:0}.nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.85;transition:opacity var(--transition-fast),transform var(--transition-fast)}.nav-links li:hover .nav-icon{opacity:1;transform:scale(1.1)}.nav-links li.active .nav-icon{opacity:1}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.version-tag{font-size:.6875rem;color:var(--text-tertiary);font-weight:500}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.status-indicator.online{background:var(--accent-success);box-shadow:0 0 8px var(--accent-success-glow);animation:pulse 2s ease-in-out infinite}.status-indicator.offline{background:var(--accent-danger)}.user-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.settings-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90vw;max-width:1100px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #00000080;animation:slideUp .2s ease-out;padding:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.settings-modal-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.settings-modal-header .close-btn{background:none;border:none;box-shadow:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.settings-modal-header .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-modal-body{padding:var(--space-5) var(--space-6);display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-5)}.settings-modal-body h4{margin:0 0 var(--space-3) 0;font-size:.85rem;color:var(--text-secondary);font-weight:600}.settings-modal-body .settings-col{min-width:0}.settings-modal-body .settings-col-inner{padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}@media (max-width: 900px){.settings-modal-body{grid-template-columns:1fr}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-5)}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr}}.settings-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden}.settings-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-gold),transparent)}.settings-section h3{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);font-size:1rem;color:var(--text-primary)}.settings-section h3 svg{flex-shrink:0;color:var(--accent-primary)}.settings-section .form-row{margin-bottom:var(--space-4)}.settings-section .form-row label{display:block;margin-bottom:var(--space-2);font-size:.85rem;color:var(--text-secondary);font-weight:500}.settings-section input{width:100%}.settings-user-card{display:flex;align-items:center;gap:var(--space-5);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5)}.settings-user-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-gold) 100%);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#0a0a0a;flex-shrink:0}.settings-user-info{flex:1}.settings-user-info .name{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.settings-user-info .role{font-size:.8rem;color:var(--text-tertiary);margin-top:2px}.sidebar-stats{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.sidebar-stat-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0;font-size:.75rem}.sidebar-stat-row .stat-name{color:var(--text-tertiary)}.sidebar-stat-row .stat-val{color:var(--accent-primary);font-weight:600}.card[data-ad-id]{background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition-base)}.card[data-ad-id]:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.card[data-ad-id]:before{display:none}.card[data-ad-id] img{transition:transform var(--transition-slow)}.card[data-ad-id]:hover img{transform:scale(1.02)}