@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cairo:wght@400;600;700&display=swap";:root{--bg-dark:#0f172a;--bg-card:#1e293bb3;--accent:#38bdf8;--accent-glow:#38bdf84d;--success:#10b981;--danger:#ef4444;--text-main:#f8fafc;--text-secondary:#94a3b8;--glass-border:#ffffff1a}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#38bdf826 0,#0000 50%),radial-gradient(at 100% 0,#8b5cf626 0,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.4}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;transition:transform .3s,border-color .3s;box-shadow:0 10px 30px -10px #00000080}.glass-panel:hover{border-color:#38bdf84d}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:1000;background:#0f172acc;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--text-main);background:linear-gradient(to right, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.nav-link{text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--accent)!important}.btn-primary{background:linear-gradient(135deg, var(--accent), #0284c7);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary:hover{box-shadow:0 8px 25px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-secondary:hover{border-color:var(--accent);background:#ffffff1a}.btn-icon{border:1px solid var(--glass-border);cursor:pointer;width:36px;height:36px;color:var(--text-main);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.input-field{border:1px solid var(--glass-border);color:var(--text-main);background:#0003;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:all .3s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:#0000004d}.select-field{appearance:none;cursor:pointer}.script-block{margin-bottom:30px;padding:30px}.block-sidebar{flex-direction:column;flex:1;gap:16px;display:flex;background:#0003!important}.actions-row{flex-wrap:wrap;gap:12px;display:flex}.voices-scroll-container{flex-direction:column;gap:8px;max-height:300px;padding-right:8px;display:flex;overflow-y:auto}.voices-scroll-container::-webkit-scrollbar{width:6px}.voices-scroll-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.voice-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.voice-info{flex-direction:column;display:flex}.voice-name{font-size:.95rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.block-layout{flex-direction:column}.navbar{padding:0 20px}.nav-actions span{display:none}}:root{--bg-color:#0f172a;--bg-dark:#0f172a;--bg-card:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:#3b82f680;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--danger:#ef4444;--success:#10b981;--btn-secondary-bg:#ffffff1a;--btn-secondary-hover:#ffffff26;--input-bg:#0f172a99;--navbar-bg:#0f172acc;--voices-bg:#0f172a66;--voice-hover:#ffffff0d;--toggle-bg:#ffffff0d;--toggle-text:#fff9}body.light-mode{--bg-color:#f8fafc;--bg-dark:#f1f5f9;--bg-card:#fffc;--text-primary:#0f172a;--text-secondary:#475569;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-glow:#2563eb4d;--glass-bg:#ffffffe6;--glass-border:#0000001a;--glass-shadow:0 4px 20px 0 #0000000d;--btn-secondary-bg:#0000000d;--btn-secondary-hover:#0000001a;--input-bg:#ffffffe6;--navbar-bg:#ffffffe6;--voices-bg:#f8fafccc;--voice-hover:#0000000d;--toggle-bg:#0000000d;--toggle-text:#00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#3b82f626,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Inter,Cairo,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}body.light-mode{background-image:radial-gradient(circle at 15%,#3b82f60d,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf60d,#0000 25%)}body[dir=rtl]{font-family:Cairo,Inter,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 14px 0 var(--accent-glow);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .3s;display:flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-weight:500;transition:all .3s;display:flex}.btn-secondary:hover{background-color:var(--btn-secondary-hover)}.btn-icon{background:var(--btn-secondary-bg);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.btn-icon:hover{background:var(--btn-secondary-hover);color:var(--text-primary);transform:scale(1.05)}.input-field{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .3s}.input-field:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #3b82f633}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}[dir=rtl] .select-field{background-position:12px;padding-left:40px;padding-right:16px}.animate-fade-in{animation:.4s forwards fadeIn}.navbar{z-index:100;border-bottom:1px solid var(--glass-border);background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:12px 6%;display:flex;position:sticky;top:0}.brand{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;display:flex}.nav-actions{align-items:center;gap:16px;display:flex}.main-container{max-width:1200px;margin:24px auto;padding:0 24px}.script-block{margin-bottom:24px;padding:24px;position:relative}.block-layout{gap:24px;display:flex}.block-main{flex-direction:column;flex:2;gap:16px;display:flex}.block-main textarea{resize:vertical;flex-grow:1;min-height:120px}.block-sidebar{flex:1.5;gap:20px;min-width:320px;display:flex}.sidebar-column{flex-direction:column;flex:1;gap:16px;display:flex}.voices-column{flex-direction:column;flex:1.5;display:flex}.control-group{flex-direction:column;gap:8px;display:flex}.voices-list-group{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.voices-scroll-container{border:1px solid var(--glass-border);background:var(--voices-bg);border-radius:12px;flex-direction:column;gap:4px;height:280px;padding:8px;display:flex;overflow-y:auto}.voice-item{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.voice-item:hover{background:var(--voice-hover)}.voice-item.selected{border-color:var(--accent);background:#3b82f626}.voice-info{flex-direction:column;gap:2px;display:flex}.voice-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.voice-desc{color:var(--text-secondary);font-size:.75rem}.preview-btn{width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.preview-btn:hover{background:var(--accent);color:#fff}.actions-row{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}[dir=rtl] .actions-row{justify-content:flex-start}.add-block-btn{border:2px dashed var(--glass-border);width:100%;color:var(--text-secondary);border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-bottom:40px;padding:24px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.add-block-btn:hover{border-color:var(--accent);color:var(--accent);background:#3b82f60d}.delete-block-btn{width:32px;height:32px;color:var(--danger);opacity:.6;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.delete-block-btn:hover{opacity:1;background:var(--danger);color:#fff;transform:scale(1.1)}[dir=rtl] .delete-block-btn{left:12px;right:auto}.gender-toggle{background:var(--toggle-bg);border:1px solid var(--glass-border);border-radius:12px;gap:4px;padding:4px;display:flex}.gender-btn{color:var(--toggle-text);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.gender-btn.active.pink{color:#fff;background:#f472b6}.gender-btn.active.blue{color:#fff;background:#3b82f6}@media (width<=1024px){.main-container{max-width:95%}.block-sidebar{min-width:280px}}@media (width<=768px){.navbar{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 12px}.brand{justify-content:center;width:100%;margin-bottom:4px;font-size:1rem}.brand span{display:none}.nav-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.user-stats{padding:4px 8px!important;font-size:.75rem!important}.btn-icon{width:36px;height:36px}.block-layout{flex-direction:column}.block-sidebar{flex-direction:column;width:100%}.sidebar-column,.voices-column{width:100%}}@media (width<=480px){.navbar{padding:6px}.nav-actions{gap:4px}.brand{font-size:.95rem}.user-stats{order:-1;justify-content:center;width:100%;margin-bottom:4px}.btn-primary,.btn-secondary{padding:6px 12px;font-size:.8rem}.main-container{padding:0 12px}.script-block{padding:16px}.actions-row{flex-direction:column}.actions-row button,.gender-toggle{width:100%}.voices-scroll-container{height:220px}.referral-box{text-align:center;flex-direction:column!important;gap:20px!important;padding:20px!important}.referral-box>div{width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}