@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#030712;--bg-secondary:#0b0f19;--card-bg:#0f172a73;--border-color:#ffffff14;--accent-color:#3b82f6;--accent-glow:#3b82f626;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--danger:#ef4444;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(at 0 0,#6366f11a 0,#0000 50%),radial-gradient(at 100% 0,#3b82f61a 0,#0000 50%),radial-gradient(at 50% 100%,#ec48990d 0,#0000 50%);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#030712b3;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-dot{background:var(--accent-color);width:12px;height:12px;box-shadow:0 0 12px var(--accent-color);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;box-shadow:0 0 16px var(--accent-color);transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}h1{letter-spacing:-.025em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.badge{color:var(--accent-color);background:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}main{flex-direction:column;flex:1;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.dashboard-layout{grid-template-columns:320px 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:1.5rem;transition:transform .2s,border-color .2s;box-shadow:0 4px 30px #0003}.card:hover{border-color:#ffffff26}.card-title{color:var(--text-primary);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f64d}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:var(--danger);color:#fff}.room-list{flex-direction:column;gap:.75rem;display:flex}.room-item{border:1px solid var(--border-color);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;list-style:none;transition:all .2s;display:flex}.room-item:hover{background:#ffffff0d;border-color:#3b82f64d;transform:translate(2px)}.room-item.active{border-color:var(--accent-color);background:#3b82f61a}.room-header{justify-content:space-between;align-items:center;display:flex}.room-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.participant-count{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.room-info-grid{color:var(--text-secondary);grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem;display:grid}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.viewer-container{flex-direction:column;gap:1.5rem;display:flex}.viewer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.status-indicator{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.pulse-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%}.pulse-dot.danger{background:var(--danger);box-shadow:0 0 8px var(--danger)}.pulse-dot.connecting{background:#f59e0b;animation:1.5s infinite pulse-connecting;box-shadow:0 0 8px #f59e0b}@keyframes pulse-connecting{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.lk-video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;min-height:400px;display:grid}.lk-video-grid[data-cols]{--max-cols:1;grid-template-columns:repeat(var(--max-cols), 1fr)}@media (min-width:640px){.lk-video-grid[data-cols]{grid-template-columns:repeat(min(var(--max-cols), 2), 1fr)}}@media (min-width:1024px){.lk-video-grid[data-cols]{grid-template-columns:repeat(min(var(--max-cols), 4), 1fr)}}@media (min-width:1280px){.lk-video-grid[data-cols]{grid-template-columns:repeat(min(var(--max-cols), 6), 1fr)}}@media (min-width:1600px){.lk-video-grid[data-cols]{grid-template-columns:repeat(min(var(--max-cols), 8), 1fr)}}@media (min-width:1920px){.lk-video-grid[data-cols]{grid-template-columns:repeat(min(var(--max-cols), 12), 1fr)}}.lk-participant-tile{aspect-ratio:16/9;border:1px solid var(--border-color)!important;background:#0f172acc!important;border-radius:16px!important;transition:all .3s!important;position:relative!important;overflow:hidden!important}.lk-participant-tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000004d;border-color:#3b82f666!important}.lk-participant-placeholder{background:#0f172a!important}.lk-participant-info{z-index:20!important;background:linear-gradient(#0000,#000c)!important;padding:.75rem 1rem!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.lk-participant-name{font-size:.875rem!important;font-weight:500!important}.lk-focus-layout{overflow:hidden;border:1px solid var(--border-color)!important;background:#090d16!important;border-radius:16px!important}.room-creation-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.form-control{border:1px solid var(--border-color);color:#fff;background:#ffffff08;border-radius:8px;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.form-control:focus{border-color:var(--accent-color);background:#ffffff0f;outline:none}footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:auto;padding:2rem;font-size:.75rem}:lang(fa) body,[dir=rtl] body{font-family:"Vazirmatn", var(--font-sans)}[dir=rtl] header,[dir=rtl] .logo-container,[dir=rtl] .card-title,[dir=rtl] .room-header,[dir=rtl] .viewer-header{flex-direction:row-reverse}[dir=rtl] .dashboard-layout,[dir=rtl] .btn{direction:rtl}[dir=rtl] .form-control{text-align:right}[dir=rtl] .status-indicator{flex-direction:row-reverse}