*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg:#0f1117;--surface:#1a1d27;--surface-hover:#22263a;--border:#2a2f42;--text:#e8eaef;--text-muted:#8b92a8;--primary:#4f7cff;--primary-hover:#3d6aef;--primary-soft:rgba(79,124,255,0.15);--success:#34d399;--success-soft:rgba(52,211,153,0.15);--warning:#fbbf24;--warning-soft:rgba(251,191,36,0.18);--danger:#f87171;--danger-soft:rgba(248,113,113,0.15);--switch-off:rgba(139,146,168,0.4);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 8px 28px rgba(0,0,0,0.35);--shadow-float:0 16px 40px rgba(0,0,0,0.4),0 2px 10px rgba(0,0,0,0.25);--surface-glass:rgba(26,29,39,0.78);--radius-sm:8px;--radius:10px;--radius-lg:14px;--radius-xl:22px;--sidebar-width:260px;--topbar-height:56px;--bottomnav-height:60px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.15rem;--font-xl:1.5rem;--font-2xl:2rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--touch-target:44px;--transition-fast:120ms ease;--transition:200ms ease}[data-theme=light]{color-scheme:light;--bg:#f4f5f9;--surface:#ffffff;--surface-hover:#eef1f7;--border:#e1e4ec;--text:#171a23;--text-muted:#656b7c;--primary:#3d63e0;--primary-hover:#2f52c4;--primary-soft:rgba(61,99,224,0.1);--success:#0f9d67;--success-soft:rgba(15,157,103,0.12);--warning:#b45309;--warning-soft:rgba(180,83,9,0.12);--danger:#dc2626;--danger-soft:rgba(220,38,38,0.1);--switch-off:rgba(101,107,124,0.32);--shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 12px 28px rgba(15,23,42,0.1);--shadow-float:0 16px 40px rgba(15,23,42,0.16),0 2px 10px rgba(15,23,42,0.08);--surface-glass:rgba(255,255,255,0.78)}html{font-family:system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;background:var(--bg);color:var(--text);direction:rtl}body{min-height:100vh;line-height:1.6;transition:background var(--transition),color var(--transition)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .85rem;width:100%;min-height:var(--touch-target);transition:background var(--transition),border-color var(--transition)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;min-height:var(--touch-target);border-radius:var(--radius);font-weight:600;transition:background var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.app-sidebar{width:var(--sidebar-width);min-height:100vh;position:fixed;right:0;top:0;display:none}.app-main{margin-right:0;padding:var(--space-4);padding-top:calc(var(--topbar-height) + var(--safe-top) + var(--space-4));padding-bottom:calc(var(--bottomnav-height) + var(--safe-bottom) + var(--space-3) + var(--space-5));min-height:100vh}@media (min-width:768px){.app-sidebar{display:flex}.app-main{margin-right:var(--sidebar-width);padding:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-6)}}@media (min-width:1440px){.app-main{padding:var(--space-8)}.app-main>*{max-width:1400px}}.app-topbar{position:fixed;top:0;right:0;left:0;height:calc(var(--topbar-height) + var(--safe-top));padding-top:var(--safe-top);padding-right:var(--space-4);padding-left:var(--space-4);background:var(--surface-glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);z-index:60;box-shadow:var(--shadow-sm)}@media (min-width:768px){.app-topbar{display:none}}.app-topbar-title{font-weight:700;font-size:var(--font-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.bottom-nav{position:fixed;right:max(var(--space-3),var(--safe-right));left:max(var(--space-3),var(--safe-left));bottom:calc(var(--space-3) + var(--safe-bottom));height:var(--bottomnav-height);padding:0 var(--space-1);background:var(--surface-glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;align-items:stretch;justify-content:space-around;z-index:60;box-shadow:var(--shadow-float)}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:var(--touch-target);min-height:var(--touch-target);color:var(--text-muted);font-size:.68rem;font-weight:600;transition:color var(--transition-fast);position:relative}.bottom-nav-item,.bottom-nav-item:hover{text-decoration:none}.bottom-nav-item-active{color:var(--primary)}.bottom-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:26px;border-radius:999px;transition:background var(--transition-fast),color var(--transition-fast)}.bottom-nav-item-active .bottom-nav-icon{background:var(--primary-soft);color:var(--primary)}.bottom-nav-badge{position:absolute;top:-1px;right:calc(50% - 20px);background:var(--danger);color:#fff;border-radius:999px;min-width:16px;height:16px;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px var(--surface)}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:60;animation:fade-in var(--transition) ease}.sheet-panel{position:fixed;right:0;left:0;bottom:0;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-2) var(--space-2) calc(var(--space-4) + var(--safe-bottom));z-index:61;max-height:70vh;overflow-y:auto;animation:slide-up var(--transition) ease;box-shadow:var(--shadow-md)}.sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--border);margin:var(--space-2) auto}.sheet-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:var(--touch-target);color:var(--text);border-radius:var(--radius);text-decoration:none;font-weight:600}.sheet-item:hover{background:var(--surface-hover);text-decoration:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.skeleton{position:relative;overflow:hidden;background:var(--surface-hover);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}[data-theme=light] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(15,23,42,.06),transparent)}@keyframes skeleton-shimmer{to{transform:translateX(-100%)}}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-muted)}.empty-state-icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);width:64px;height:64px;border-radius:999px;background:var(--surface-hover);color:var(--text-muted)}.empty-state-title{color:var(--text);font-weight:600;margin-bottom:var(--space-2)}.chat-bubble{max-width:78%;border-radius:var(--radius-lg);padding:.55rem .85rem;box-shadow:var(--shadow-sm)}.chat-bubble-meta{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-muted);margin-bottom:.3rem}.chat-bubble-user{background:var(--surface);border:1px solid var(--border);border-top-right-radius:4px}.chat-bubble-assistant{background:var(--primary-soft)}.chat-bubble-assistant,.chat-bubble-operator{border:1px solid transparent;border-top-left-radius:4px}.chat-bubble-operator{background:var(--success-soft)}@media (max-width:480px){.chat-bubble{max-width:90%}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);color:var(--text);font-size:1.1rem;flex-shrink:0}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-active{background:var(--success-soft);color:var(--success)}.badge-inactive{background:rgba(139,146,168,.15);color:var(--text-muted)}.badge-tone{background:var(--primary-soft);color:var(--primary)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.error-msg{color:var(--danger);font-size:.875rem;margin-top:.5rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.form-hint{font-size:.8rem;color:var(--text-muted);font-weight:400;line-height:1.5}.switch{position:relative;display:inline-flex;flex-shrink:0;width:44px;height:26px}.switch-input{position:absolute;inset:-9px;margin:0;opacity:0;cursor:pointer;z-index:1}.switch-input:disabled{cursor:not-allowed}.switch-track{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:3px;border-radius:999px;background:var(--switch-off);box-sizing:border-box;transition:background-color var(--transition)}.switch-thumb{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform var(--transition);flex-shrink:0}.switch-input:checked~.switch-track{background:var(--primary);justify-content:flex-end}.switch-input:focus-visible~.switch-track{outline:2px solid var(--primary);outline-offset:2px}.switch-input:disabled~.switch-track{opacity:.5}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer}.switch-row-disabled{cursor:not-allowed;opacity:.7}.switch-row-label{font-size:.9rem}.switch-row-hint{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-section-title{font-weight:600;margin-bottom:.25rem}.info-box{background:var(--primary-soft);border:1px solid var(--primary-soft);border-radius:var(--radius);color:var(--text-muted)}.info-box,.warning-box{padding:1rem;font-size:.9rem}.warning-box{background:var(--warning-soft);border:1px solid var(--warning-soft);border-radius:var(--radius);color:var(--text);margin-bottom:1rem}.bot-nav-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.bot-nav-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border);text-decoration:none}.bot-nav-tab:hover{text-decoration:none;color:var(--text)}.bot-nav-tab-active{background:var(--primary);color:#fff;border-color:var(--primary)}.install-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.install-step h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.install-step p{color:var(--text-muted);font-size:.9rem;line-height:1.7}.embed-code-block{padding:1rem;border-radius:8px;font-size:.8rem;overflow:auto;color:var(--text-muted);direction:ltr;text-align:left;margin:0}.embed-code-block,.id-chip{background:var(--bg);border:1px solid var(--border)}.id-chip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem;border-radius:8px}.id-chip code{direction:ltr;font-size:.9rem}.cms-hints{margin-top:1rem;font-size:.88rem;color:var(--text-muted)}.cms-hints summary{cursor:pointer;font-weight:600;color:var(--primary);margin-bottom:.5rem}.cms-hints ul{padding-right:1.25rem;line-height:1.8}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-table{width:100%;min-width:480px;border-collapse:collapse;font-size:.88rem}.settings-table td,.settings-table th{padding:.6rem .75rem;border-bottom:1px solid var(--border);text-align:right;vertical-align:top}.settings-table th{color:var(--text-muted);font-weight:600;background:rgba(0,0,0,.15)}.settings-table td:first-child{white-space:nowrap;color:var(--text)}.settings-table td:last-child{color:var(--text-muted)}.settings-table code{font-size:.82rem;direction:ltr;display:inline-block}.toast-stack{position:fixed;inset-inline-end:1rem;bottom:calc(var(--bottomnav-height, 60px) + 1rem);z-index:1000;display:flex;flex-direction:column;gap:.65rem;width:min(360px,calc(100vw - 2rem));pointer-events:none}@media (min-width:1024px){.toast-stack{bottom:1.5rem}}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.65rem;padding:.85rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-float);animation:toast-in .22s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.toast-success{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 8%,var(--surface))}.toast-error{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.toast-info{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.toast-confirm{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.toast-message{flex:1 1;font-size:.9rem;line-height:1.5}.toast-close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:.15rem;line-height:0;flex-shrink:0}.toast-close:hover{color:var(--text)}.toast-confirm-body{flex:1 1;min-width:0}.toast-actions{display:flex;gap:.5rem;margin-top:.75rem;justify-content:flex-end;flex-wrap:wrap}.toast-confirm-btn{background:var(--danger);border-color:var(--danger)}.toast-confirm-btn:hover:not(:disabled){filter:brightness(1.05)}