:root{--primary: #1a1a2e;--primary-light: #16213e;--accent: #4f46e5;--accent-hover: #4338ca;--accent-glow: rgba(79,70,229,.12);--surface: #ffffff;--surface-alt: #f8fafc;--border: #e5e7eb;--border-light: #f3f4f6;--text: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--sidebar-bg: #1a1a2e;--sidebar-hover: #252542;--sidebar-active: rgba(79,70,229,.2);--sidebar-text: #d1d5db;--sidebar-text-bright: #ffffff;--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--radius: 14px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 40px rgba(0,0,0,.1);--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-surface: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%)}*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface)}[dir=rtl] .app{font-family:Cairo,Tahoma,Arial,sans-serif}.header{background:var(--primary);color:#fff;padding:0 32px;height:72px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-right{display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:16px}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.logo-title{font-size:1.25rem;font-weight:700;letter-spacing:-.03em}.logo-subtitle{font-size:.75rem;opacity:.6;font-weight:500;margin-top:2px;letter-spacing:.02em}.header-left{display:flex;align-items:center;gap:12px}.lang-switcher{display:flex;gap:4px;background:#ffffff14;border-radius:12px;padding:4px}.lang-btn{background:none;border:none;color:#ffffff80;padding:8px 20px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.lang-btn:hover{color:#ffffffe6;background:#ffffff1a}.lang-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #4f46e566}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 60px;text-align:center;background:var(--gradient-surface)}.hero-content{max-width:700px;margin-bottom:56px}.hero-title{font-size:2.75rem;font-weight:800;color:var(--primary);margin-bottom:20px;line-height:1.2;letter-spacing:-.04em}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.7}.cta-button{display:inline-flex;align-items:center;gap:12px;background:var(--gradient-primary);color:#fff;border:none;padding:18px 48px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #4f46e559;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #4f46e573}.cta-icon{font-size:1.3rem}.features{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:860px}.feature-card{background:#fff;border-radius:var(--radius-lg);padding:32px 28px;width:260px;text-align:center;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.feature-icon{font-size:2.25rem;display:block;margin-bottom:16px}.feature-card h3{font-size:1.05rem;color:var(--primary);margin-bottom:10px;font-weight:700}.feature-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:#fff;border-radius:var(--radius-xl);padding:40px 36px;max-width:440px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.modal h2{color:var(--primary);margin-bottom:10px;font-size:1.35rem;font-weight:700}.modal p{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.modal-input{width:100%;padding:16px 18px;border:2px solid var(--border);border-radius:var(--radius);font-size:.95rem;text-align:center;outline:none;transition:all .25s;direction:ltr;font-family:inherit}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.modal-buttons{display:flex;gap:12px;margin-top:20px;justify-content:center}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:14px 36px;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s}.btn-primary:hover{box-shadow:0 4px 12px #4f46e559}.btn-secondary{background:var(--surface-alt);color:var(--text-secondary);border:1px solid var(--border);padding:14px 36px;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s}.btn-secondary:hover{background:var(--border)}.api-link{display:inline-block;margin-top:16px;color:var(--accent);font-size:.82rem;text-decoration:none}.api-link:hover{text-decoration:underline}.chat-page-layout{flex-direction:column;height:100vh;overflow:hidden}.chat-header{flex-shrink:0}.chat-content-wrapper{display:flex;flex-direction:row;flex:1;overflow:hidden}.chat-sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0;border-inline-end:1px solid rgba(255,255,255,.08)}.chat-sidebar.open{width:320px}.chat-sidebar.closed{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08);min-height:72px}.sidebar-logo{display:flex;align-items:center;gap:12px;font-size:.95rem;white-space:nowrap;overflow:hidden}.sidebar-logo span:first-child{font-size:1.5rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:10px;box-shadow:0 2px 8px #3b82f64d}.sidebar-title{font-weight:700;color:var(--sidebar-text-bright);letter-spacing:-.01em}.sidebar-toggle{background:none;border:none;color:var(--text-muted);font-size:.9rem;padding:6px 10px;border-radius:8px;cursor:pointer;transition:all .2s}.sidebar-toggle:hover{background:#ffffff14;color:#fff}.new-chat-btn{display:flex;align-items:center;gap:12px;margin:16px 16px 10px;padding:14px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 14px #4f46e54d}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.new-chat-btn span:first-child{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:6px;font-size:.85rem;font-weight:700}.sidebar-conversations{flex:1;overflow-y:auto;padding:6px 10px}.sidebar-conversations::-webkit-scrollbar{width:3px}.sidebar-conversations::-webkit-scrollbar-track{background:transparent}.sidebar-conversations::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.archive-toggle{display:flex;gap:8px;margin-bottom:12px;padding:0 4px}.archive-tab{flex:1;padding:8px 12px;border:none;background:#ffffff0a;color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .2s}.archive-tab:hover{background:#ffffff14}.archive-tab.active{background:var(--accent);color:#fff}.no-conversations{text-align:center;color:var(--text-muted);font-size:.82rem;padding:32px 12px;line-height:1.6}.conv-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:3px;overflow:hidden;position:relative}.conv-item:hover{background:var(--sidebar-hover)}.conv-item.active{background:var(--sidebar-active);border-inline-start:3px solid var(--accent)}.conv-icon{font-size:.9rem;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:8px}.conv-title{flex:1;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sidebar-text)}.conv-item.active .conv-title{color:var(--sidebar-text-bright);font-weight:600}.conv-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.conv-item:hover .conv-actions{opacity:1}.conv-rename,.conv-delete,.conv-save,.conv-cancel{background:none;border:none;color:var(--text-muted);font-size:.75rem;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .15s}.conv-rename:hover{color:var(--accent);background:#4f46e51a}.conv-archive:hover{color:#f59e0b;background:#f59e0b1a}.conv-unarchive:hover{color:#10b981;background:#10b9811a}.conv-delete:hover{color:var(--danger);background:#ef44441a}.conv-save:hover{color:#10b981;background:#10b9811a}.conv-cancel:hover{color:var(--danger);background:#ef44441a}.conv-edit-input{flex:1;font-size:.85rem;padding:4px 8px;border:1px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--text);outline:none}.conv-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4f46e51a}.sidebar-footer{padding:12px 14px;border-top:1px solid rgba(255,255,255,.06)}.back-home-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;background:#ffffff0a;color:var(--sidebar-text);border:none;border-radius:10px;font-size:.88rem;cursor:pointer;transition:all .2s;white-space:nowrap}.back-home-btn:hover{background:#ffffff14;color:#fff}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--surface);position:relative}.chat-main.dragging{background:#4f46e50d}.chat-main.dragging:after{content:"📎 Drop files here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:600;color:var(--accent);background:#fffffff2;padding:20px 40px;border-radius:12px;box-shadow:0 8px 24px #4f46e533;z-index:100;pointer-events:none}.chat-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#fff;border-bottom:1px solid var(--border);min-height:64px}.chat-top-bar h3{font-size:.95rem;color:var(--primary);font-weight:600}.mobile-sidebar-toggle{display:none;background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer}.api-key-btn-chat{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:7px 12px;font-size:.95rem;cursor:pointer;transition:all .2s}.api-key-btn-chat:hover{background:var(--border)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.welcome-message{text-align:center;padding:100px 24px 60px;color:var(--text-secondary)}.welcome-icon{font-size:4rem;display:block;margin-bottom:24px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.welcome-message h4{color:var(--primary);margin-bottom:12px;font-size:1.6rem;font-weight:700}.welcome-message p{font-size:1rem;line-height:1.7;margin-bottom:32px;max-width:520px;margin-inline:auto}.quick-prompts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:640px;margin:0 auto}.quick-prompts button{background:#fff;border:1px solid var(--border);border-radius:28px;padding:12px 24px;font-size:.88rem;color:var(--accent);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500}.quick-prompts button:hover{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 4px 12px #4f46e526;transform:translateY(-1px)}.message{display:flex;gap:14px;max-width:82%;animation:msgIn .3s cubic-bezier(.4,0,.2,1)}@keyframes msgIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-start;flex-direction:row}.message-assistant{align-self:flex-end;flex-direction:row-reverse}.message-content{border-radius:var(--radius-lg);padding:18px 22px;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.message-user .message-content{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 12px #4f46e540}.message-assistant .message-content{background:#fff;color:var(--text);border-bottom-left-radius:6px;border:1px solid var(--border);box-shadow:var(--shadow-md)}.message-error .message-content{background:#fef2f2!important;border-color:var(--danger)!important;color:var(--danger)!important}.message-text{font-size:.92rem;line-height:1.8}.message-text code{background:#0000000d;padding:2px 7px;border-radius:5px;font-size:.84rem}.message-user .message-text code{background:#ffffff2e}.message-role{font-size:1.5rem;flex-shrink:0;margin-top:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);border-radius:10px}.message-user .message-role{background:var(--accent-glow)}.message-files{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.file-badge{background:#ffffff2e;padding:4px 10px;border-radius:12px;font-size:.78rem}.md-table-wrapper{margin:16px 0;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.md-table{width:100%;border-collapse:collapse;font-size:.84rem;line-height:1.5}.md-table thead th{background:var(--surface-alt);color:var(--text-secondary);font-weight:700;padding:10px 14px;text-align:start;white-space:nowrap;border-bottom:2px solid var(--border);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.md-table tbody td{padding:10px 14px;border-bottom:1px solid var(--border-light);color:var(--text);vertical-align:top}.md-table tbody tr:last-child td{border-bottom:none}.md-table tbody tr:hover{background:var(--surface-alt)}.md-table code,.md-table .inline-code{background:var(--surface-alt);padding:2px 6px;border-radius:4px;font-size:.82rem;font-family:Consolas,monospace}.message-user .md-table thead th{background:#ffffff1f;color:#fff;border-bottom-color:#fff3}.message-user .md-table tbody td{border-bottom-color:#ffffff14;color:#fff}.message-user .md-table,.message-user .md-table-wrapper{border-color:#ffffff26}.message-user .md-table tbody tr:hover{background:#ffffff0f}.code-block{margin:14px 0;border-radius:var(--radius);overflow:hidden;background:#0f172a;border:1px solid #1e293b}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#1e293b;color:var(--text-muted);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.code-block pre{margin:0;padding:16px;overflow-x:auto}.code-block code{font-family:Consolas,Fira Code,monospace;font-size:.84rem;color:#e2e8f0;line-height:1.7}.inline-code{background:var(--surface-alt);padding:2px 7px;border-radius:5px;font-family:Consolas,monospace;font-size:.84rem;color:var(--accent)}.md-h2{font-size:1.15rem;font-weight:700;margin:18px 0 8px;color:var(--primary)}.md-h3{font-size:1.05rem;font-weight:700;margin:16px 0 6px;color:var(--primary)}.md-h4{font-size:.98rem;font-weight:600;margin:14px 0 4px;color:var(--primary)}.msg-text ul{padding-inline-start:20px;margin:8px 0}.msg-text li{margin-bottom:4px}.typing-indicator{display:flex;gap:5px;padding:10px 4px}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-8px);opacity:1}}.attached-files{padding:10px 24px;display:flex;gap:8px;flex-wrap:wrap;background:#fff;border-top:1px solid var(--border)}.attached-file{display:flex;align-items:center;gap:6px;background:var(--accent-glow);padding:7px 14px;border-radius:20px;font-size:.82rem;color:var(--accent);font-weight:500}.attached-file button{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:0 2px}.attached-file button:hover{color:var(--danger)}.chat-input-area{display:flex;align-items:flex-end;gap:12px;padding:20px 28px;background:#fff;border-top:1px solid var(--border)}.attach-btn{background:var(--surface-alt);border:1px solid var(--border);width:48px;height:48px;border-radius:50%;font-size:1.15rem;flex-shrink:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.attach-btn:hover{background:var(--accent-glow);border-color:var(--accent);transform:scale(1.05)}.chat-input{flex:1;border:2px solid var(--border);border-radius:26px;padding:14px 22px;font-size:.95rem;resize:none;outline:none;max-height:140px;line-height:1.6;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;background:var(--surface)}.chat-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px var(--accent-glow)}.chat-input:disabled{background:var(--surface-alt);opacity:.6}.chat-input::placeholder{color:var(--text-muted)}.send-btn{background:var(--gradient-primary);color:#fff;border:none;width:48px;height:48px;border-radius:50%;font-size:1.15rem;flex-shrink:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e54d}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 18px #4f46e566}.send-btn:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.chat-sidebar{position:fixed;z-index:200;height:100vh}.chat-sidebar.closed{width:0;overflow:hidden}.mobile-sidebar-toggle{display:block}.message{max-width:92%}}@media (max-width: 600px){.header{padding:0 16px}.logo-title{font-size:.95rem}.logo-subtitle{display:none}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.95rem}.cta-button{padding:14px 32px;font-size:1rem}.features{flex-direction:column;align-items:center}.feature-card{width:90%}}.customs-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.customs-viewer-modal{background:var(--surface);border-radius:16px;width:95%;max-width:1400px;height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;overflow:hidden;position:relative}.customs-viewer-header{background:var(--primary);color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1)}.customs-viewer-title{font-size:1.25rem;font-weight:600;margin:0}.customs-viewer-actions{display:flex;gap:8px}.customs-viewer-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s}.customs-viewer-btn:hover{background:#ffffff40;transform:scale(1.05)}.customs-viewer-content{display:flex;flex:1;overflow:hidden}.customs-viewer-sidebar{width:280px;background:var(--surface-alt);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}[dir=rtl] .customs-viewer-sidebar{border-right:none;border-left:1px solid var(--border)}.customs-viewer-search{padding:16px;border-bottom:1px solid var(--border)}.customs-viewer-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s}.customs-viewer-input:focus{border-color:var(--accent)}.customs-viewer-chapters{flex:1;overflow-y:auto;padding:8px}.customs-viewer-chapters::-webkit-scrollbar{width:6px}.customs-viewer-chapters::-webkit-scrollbar-track{background:var(--surface-alt)}.customs-viewer-chapters::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.customs-viewer-chapter-btn{width:100%;padding:12px 14px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:.9rem}[dir=rtl] .customs-viewer-chapter-btn{text-align:right}.customs-viewer-chapter-btn:hover{background:var(--sidebar-hover)}.customs-viewer-chapter-btn.active{background:var(--sidebar-active);color:var(--accent);font-weight:600}.chapter-number{font-family:var(--mono);font-size:.85rem}.customs-viewer-main{flex:1;background:#fff;overflow:hidden;position:relative}.customs-viewer-iframe{width:100%;height:100%;border:none}.customs-viewer-security-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:5;pointer-events:auto;-webkit-user-select:none;user-select:none}.customs-viewer-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.placeholder-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.customs-viewer-placeholder h3{font-size:1.25rem;margin-bottom:8px;color:var(--text)}.customs-viewer-placeholder p{font-size:.95rem}.customs-viewer-watermark{position:absolute;bottom:20px;right:20px;color:#0000001a;font-size:.85rem;font-weight:600;letter-spacing:.1em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}[dir=rtl] .customs-viewer-watermark{right:auto;left:20px}.feature-card{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #4f46e533;border-color:var(--accent)}.click-hint{display:inline-block;margin-top:8px;font-size:.8rem;color:var(--accent);font-weight:600;opacity:0;transition:opacity .2s}.feature-card:hover .click-hint{opacity:1}@media (max-width: 768px){.customs-viewer-modal{width:100%;height:100vh;border-radius:0}.customs-viewer-sidebar{width:240px}.customs-viewer-header{padding:12px 16px}.customs-viewer-title{font-size:1rem}}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--text-secondary)}.sidebar-user{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:0 8px 8px;background:var(--sidebar-hover);border-radius:10px}.sidebar-user_avatar{font-size:1.2rem}.sidebar-user_name{flex:1;color:var(--sidebar-text-bright);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{background:none;border:none;color:var(--sidebar-text);cursor:pointer;font-size:1rem;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logout:hover{background:#ef444433;color:#ef4444;transform:scale(1.1)}.sidebar-logout:active{transform:scale(.95)}.landing-page{min-height:100vh;background:var(--surface);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text)}[dir=rtl] .landing-page{font-family:Cairo,Tahoma,sans-serif}.landing-nav{position:sticky;top:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-text{font-weight:700;font-size:1.1rem;color:var(--primary)}.landing-nav-actions{display:flex;gap:8px;align-items:center}.lang-selector{display:flex;gap:4px;padding:4px;background:var(--surface-alt);border-radius:8px;margin-right:8px}.lang-btn{padding:6px 12px;border:none;background:transparent;color:var(--text);font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.lang-btn:hover{background:#6366f11a;color:var(--accent)}.lang-btn.active{background:var(--accent);color:#fff}.nav-btn{padding:8px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.nav-btn.ghost{background:none;color:var(--text)}.nav-btn.ghost:hover{background:var(--surface-alt)}.nav-btn.primary{background:var(--accent);color:#fff}.nav-btn.primary:hover{background:var(--accent-hover)}.landing-hero{text-align:center;padding:80px 24px 60px;max-width:800px;margin:0 auto}.landing-hero .hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;background:var(--accent-glow);color:var(--accent)!important;font-size:.85rem;font-weight:500;margin-bottom:24px}.landing-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;color:var(--primary);margin-bottom:20px}.hero-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto 32px}.hero-cta{padding:14px 36px;border-radius:12px;font-size:1.05rem;font-weight:600;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #4f46e54d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4f46e566}.landing-stats{display:flex;justify-content:center;gap:32px;padding:40px 24px 60px;flex-wrap:wrap;background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-top:2px solid #e0e7ff;border-bottom:2px solid #e0e7ff}.landing-stats .stat-card{text-align:center;padding:24px 32px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;min-width:180px;transition:all .3s ease}.landing-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #4f46e526}.landing-stats .stat-num{display:block;font-size:2.2rem;font-weight:800;color:#4f46e5!important;margin-bottom:8px}.landing-stats .stat-label{font-size:.9rem;color:#475569!important;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.landing-features{padding:0 24px 80px;max-width:1100px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card-landing{padding:28px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:all .3s}.feature-card-landing:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon-lg{font-size:2rem;display:block;margin-bottom:12px}.feature-card-landing h3{font-size:1.05rem;font-weight:600;margin-bottom:8px;color:var(--text)}.feature-card-landing p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.landing-how{text-align:center;padding:0 24px 80px;max-width:900px;margin:0 auto}.landing-how h2{font-size:1.8rem;font-weight:700;margin-bottom:40px;color:var(--primary)}.how-steps{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.how-step{flex:1;min-width:220px;max-width:280px;text-align:center;padding:24px;border-radius:var(--radius-lg);background:var(--surface-alt)}.step-num{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:12px}.how-step h3{font-size:1rem;font-weight:600;margin-bottom:8px}.how-step p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.landing-cta-section{text-align:center;padding:60px 24px 80px;background:var(--surface-alt);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.landing-cta-section h2{font-size:1.8rem;font-weight:700;margin-bottom:12px;color:var(--primary)}.landing-cta-section p{font-size:1rem;color:var(--text-secondary);margin-bottom:24px}.landing-footer{text-align:center;padding:24px;color:var(--text-muted);font-size:.8rem;background:var(--surface-alt)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);padding:24px}.auth-back{position:fixed;top:20px;left:20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:8px 12px;border-radius:8px;transition:background .2s}.auth-back:hover{background:var(--border-light)}[dir=rtl] .auth-back{left:auto;right:20px}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:28px}.auth-logo{font-size:2.5rem;display:block;margin-bottom:12px}.auth-header h1{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:4px}.auth-header p{font-size:.9rem;color:var(--text-secondary)}.auth-error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.auth-field input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:.95rem;transition:border-color .2s;outline:none}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-submit{padding:12px;border-radius:10px;font-size:1rem;font-weight:600;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;margin-top:4px;transition:opacity .2s}.auth-submit:hover{opacity:.9}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:20px;font-size:.85rem;color:var(--text-secondary)}.auth-switch button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;font-size:.85rem}.auth-switch button:hover{text-decoration:underline}.msg-feedback{display:flex;gap:4px;margin-top:8px;padding-top:6px;border-top:1px solid var(--border-light)}.fb-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:4px 8px;border-radius:6px;opacity:.4;transition:all .2s}.fb-btn:hover{opacity:.8;background:var(--surface-alt)}.fb-btn.active{opacity:1;background:var(--accent-glow)}.admin-page{min-height:100vh;background:var(--surface-alt);padding:24px}.admin-nav{display:flex;align-items:center;gap:16px;margin-bottom:24px}.admin-nav button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9rem}.admin-nav h1{font-size:1.4rem;font-weight:700}.admin-loading,.admin-empty,.admin-error{text-align:center;padding:40px;color:var(--text-secondary)}.admin-error{color:var(--danger)}.admin-denied{text-align:center;padding:80px 24px}.admin-denied h1{margin-bottom:8px}.admin-denied button{margin-top:16px;padding:10px 20px;border-radius:8px;background:var(--accent);color:#fff;border:none;cursor:pointer}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table th{background:var(--primary);color:#fff;padding:12px 16px;text-align:left;font-size:.85rem;font-weight:600}.admin-table td{padding:10px 16px;border-bottom:1px solid var(--border-light);font-size:.85rem;vertical-align:top}.admin-table tr:hover{background:var(--surface-alt)}.fb-message{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-badge{padding:4px 10px;border-radius:12px;font-size:.9rem}.fb-badge.fb-up{background:#dcfce7}.fb-badge.fb-down{background:#fef2f2}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:40px}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:80px;position:relative}.dashboard-logout-btn{position:absolute;top:24px;right:24px;z-index:100;padding:10px 20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.dashboard-logout-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.dashboard-hero{position:relative;padding:100px 24px 80px;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:moveGrid 20s linear infinite}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.hero-badge{display:inline-block;padding:8px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:24px;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:24px;animation:fadeInDown .6s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-hero h1{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;color:#fff;margin-bottom:16px;line-height:1.2;animation:fadeInUp .6s ease .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-highlight{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#ffffffe6;margin-bottom:40px;line-height:1.6;animation:fadeInUp .6s ease .2s both}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px;animation:fadeInUp .6s ease .3s both}.hero-btn{padding:16px 32px;border:none;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px}.hero-btn.primary{background:#fff;color:#667eea;box-shadow:0 8px 30px #00000026}.hero-btn.primary:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000040}.hero-btn.secondary{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3)}.hero-btn.secondary:hover{background:#ffffff4d;transform:translateY(-4px)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:800px;margin:0 auto;animation:fadeInUp .6s ease .4s both}.hero-stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:28px 24px;text-align:center;transition:all .3s ease}.hero-stat-card:hover{background:#ffffff40;transform:translateY(-6px);box-shadow:0 12px 40px #00000026}.stat-icon{font-size:2.5rem;margin-bottom:12px}.stat-value{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:6px}.stat-label{font-size:.9rem;color:#ffffffd9;font-weight:500}.dashboard-section{max-width:1400px;margin:0 auto;padding:0 32px}.section-header{text-align:center;margin-bottom:48px}.section-title{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.section-subtitle{font-size:1.1rem;color:#ffffffd9}.dashboard-feature-card{background:#fff;border-radius:20px;padding:36px 28px;text-align:center;box-shadow:0 8px 30px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.dashboard-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.dashboard-feature-card:hover:before{transform:scaleX(1)}.dashboard-feature-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px #0003}.card-icon-wrapper{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dashboard-feature-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.card-icon{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.card-title{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.3}.card-desc{font-size:.95rem;color:#64748b;line-height:1.6;margin-bottom:16px}.card-arrow{display:inline-block;font-size:1.5rem;color:#667eea;font-weight:700;transition:all .3s ease;opacity:0;transform:translate(-10px)}.dashboard-feature-card:hover .card-arrow{opacity:1;transform:translate(0)}.features-grid{max-width:1400px;margin:0 auto;padding:0 32px 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card-landing{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;cursor:pointer}.feature-card-landing:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.feature-icon-lg{font-size:3rem;display:block;margin-bottom:16px}.feature-card-landing h3{font-size:1.4rem;color:var(--primary);margin-bottom:12px;font-weight:700}.feature-card-landing p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.html-viewer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px;animation:fadeIn .3s ease}.html-viewer-content{background:#fff;border-radius:20px;width:100%;max-width:1400px;height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.html-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:var(--primary);color:#fff}.html-viewer-header h2{font-size:1.5rem;font-weight:700}.html-viewer-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.html-viewer-close:hover{background:#ffffff4d;transform:rotate(90deg)}.html-viewer-content iframe{flex:1;border:none;width:100%;height:100%}.feedback-row{cursor:pointer;transition:background .2s ease}.feedback-row:hover{background:var(--accent-glow)}.view-conv-btn{padding:6px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-conv-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.conv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:32px;animation:fadeIn .3s ease}.conv-modal{background:#fff;border-radius:20px;width:100%;max-width:1000px;height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.conv-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px;background:var(--primary);color:#fff;border-bottom:2px solid var(--accent)}.conv-modal-header h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.conv-modal-info{font-size:.9rem;opacity:.9}.rated-message-preview{margin-top:16px;padding:16px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.question-answer-pair{display:flex;flex-direction:column;gap:12px}.user-question{padding:12px 16px;background:#6366f126;border-left:3px solid #6366f1;border-radius:8px}.user-question strong{display:block;margin-bottom:6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#a5b4fc}.user-question p{margin:0;font-size:.95rem;line-height:1.5;color:#fff}.ai-answer{padding:12px;background:#0003;border-left:3px solid #10b981;border-radius:8px}.ai-answer strong{display:block;margin-bottom:8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#6ee7b7}.ai-answer-text{max-height:300px;overflow-y:auto;padding:12px;background:#ffffff0d;border-radius:6px;font-size:.9rem;line-height:1.6}.ai-answer-text::-webkit-scrollbar{width:6px}.ai-answer-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.ai-answer-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.ai-answer-text::-webkit-scrollbar-thumb:hover{background:#ffffff80}.users-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 24px 80px}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.users-header{max-width:1400px;margin:0 auto 40px}.users-header-content{text-align:center}.users-header-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.add-user-btn{padding:12px 24px;background:#fff;color:#667eea;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;white-space:nowrap}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#f8fafc}.users-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.users-back-btn:hover{background:#ffffff4d;transform:translate(-4px)}.users-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin-bottom:12px}.users-header p{font-size:1.1rem;color:#ffffffe6}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1400px;margin:0 auto 40px}.user-stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.user-stat-card:hover{background:#ffffff40;transform:translateY(-4px)}.user-stat-card.active{border-color:#10b981}.user-stat-card.paused{border-color:#f59e0b}.user-stat-card.admin{border-color:#8b5cf6}.user-stat-value{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:6px}.user-stat-label{font-size:.9rem;color:#ffffffd9;font-weight:500}.users-search{max-width:1400px;margin:0 auto 32px}.users-search-input{width:100%;padding:16px 24px;background:#fff;border:2px solid transparent;border-radius:12px;font-size:1rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.users-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 4px 20px #667eea4d}.users-table-container{max-width:1400px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 8px 30px #00000026;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.users-table th{padding:20px 16px;text-align:left;color:#fff;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.users-table tbody tr:hover{background:#f8fafc}.users-table td{padding:16px;color:#1e293b;font-size:.95rem}.user-row-paused{opacity:.6;background:#fef3c7}.user-name-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.user-name-text{font-weight:600}.user-role-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600}.user-role-badge.admin{background:#fef3c7;color:#92400e}.user-role-badge:not(.admin){background:#e0e7ff;color:#3730a3}.user-status-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600}.user-status-badge.active{background:#d1fae5;color:#065f46}.user-status-badge.paused{background:#fef3c7;color:#92400e}.user-actions-cell{display:flex;gap:8px}.user-action-btn{padding:8px 14px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.user-action-btn.pause{background:#fef3c7;color:#92400e}.user-action-btn.pause:hover{background:#fde68a;transform:translateY(-2px)}.user-action-btn.resume{background:#d1fae5;color:#065f46}.user-action-btn.resume:hover{background:#a7f3d0;transform:translateY(-2px)}.user-action-btn.delete{background:#fee2e2;color:#991b1b}.user-action-btn.delete:hover{background:#fecaca;transform:translateY(-2px)}.users-empty{padding:60px 24px;text-align:center;color:#64748b;font-size:1.1rem}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:#fff;border-radius:20px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:12px}.confirm-modal p{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:24px}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:12px 24px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-btn.cancel{background:#f1f5f9;color:#475569}.confirm-btn.cancel:hover{background:#e2e8f0}.confirm-btn.delete{background:#ef4444;color:#fff}.confirm-btn.delete:hover{background:#dc2626;transform:translateY(-2px)}.confirm-btn.pause{background:#f59e0b;color:#fff}.confirm-btn.pause:hover{background:#d97706;transform:translateY(-2px)}.confirm-btn.resume{background:#10b981;color:#fff}.confirm-btn.resume:hover{background:#059669;transform:translateY(-2px)}.confirm-btn.add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.confirm-btn.add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.error-message{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:600;margin-bottom:16px;border:1px solid #fecaca}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#94a3b8}select.form-input{cursor:pointer}.conv-modal-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conv-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.conv-modal-actions{display:flex;gap:12px;align-items:center}.conv-modal-delete{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fff;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.conv-modal-delete:hover{background:#ef444466;border-color:#ef4444cc;transform:scale(1.05)}.conv-modal-body{flex:1;overflow-y:auto;padding:24px;background:var(--surface-alt)}.conv-loading,.conv-empty{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:1.1rem}.conv-messages{display:flex;flex-direction:column;gap:16px}.conv-msg{display:flex;gap:12px;max-width:85%;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.conv-msg-user{align-self:flex-end;flex-direction:row-reverse}.conv-msg-assistant{align-self:flex-start}.conv-msg-role{font-size:1.5rem;flex-shrink:0}.conv-msg-content{display:flex;flex-direction:column;gap:4px}.conv-msg-text{padding:14px 18px;border-radius:16px;line-height:1.6;font-size:.95rem;white-space:pre-wrap;word-break:break-word}.conv-msg-user .conv-msg-text{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.conv-msg-assistant .conv-msg-text{background:#fff;color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.conv-msg-time{font-size:.75rem;color:var(--text-muted);padding:0 4px}.conv-msg-user .conv-msg-time{text-align:right}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.feedback-modal{background:#fff;border-radius:20px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.feedback-modal h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin-bottom:8px}.feedback-modal-hint{font-size:.95rem;color:#64748b;margin-bottom:20px;line-height:1.5}.feedback-comment-input{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;max-height:200px;transition:all .3s ease;margin-bottom:20px}.feedback-comment-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.feedback-comment-input::placeholder{color:#94a3b8}.feedback-modal-actions{display:flex;gap:12px;justify-content:flex-end}.fb-skip-btn{padding:12px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.fb-skip-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.fb-submit-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.fb-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}