:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f1f5f9;--sidebar: #1e293b;--sidebar-hover: #334155;--card: #ffffff;--text: #0f172a;--text-light: #475569;--text-muted: #64748b;--border: #e2e8f0;--primary: #4f46e5;--primary-light: #6366f1;--green: #059669;--green-light: #d1fae5;--green-text: #047857;--red: #dc2626;--red-light: #fee2e2;--red-text: #b91c1c;--orange: #d97706;--orange-light: #fef3c7;--orange-text: #b45309;--blue: #2563eb;--blue-light: #dbeafe;--blue-text: #1d4ed8;--purple: #7c3aed;--purple-light: #ede9fe;--purple-text: #6d28d9;--shadow: 0 1px 3px rgba(0,0,0,.1);--shadow-lg: 0 4px 12px rgba(0,0,0,.15);--radius: 12px;--radius-sm: 8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;min-height:100vh;height:100vh}.app>.header{grid-column:1 / -1}.app>.nav-bar{grid-row:2;grid-column:1}.app>.main{grid-row:2;grid-column:2}.header{background:var(--sidebar);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.header h1{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:24px}.header-clock{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.1rem;font-weight:600;background:#ffffff1a;padding:10px 18px;border-radius:25px}.header-clock svg{color:var(--primary-light)}.header-clock .date{font-size:.9rem;color:#cbd5e1;font-weight:500;margin-left:8px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.settings-header-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border-radius:50%;color:#cbd5e1;transition:all .15s;text-decoration:none}.settings-header-btn:hover{background:#fff3;color:#fff}.settings-header-btn.active{background:var(--primary);color:#fff}.login-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .15s}.login-btn:hover{background:var(--primary-light)}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#ffffff1a;border:none;border-radius:30px;cursor:pointer;color:#fff;transition:all .15s}.user-btn:hover{background:#fff3}.user-avatar{width:36px;height:36px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.user-avatar.large{width:50px;height:50px;font-size:1.6rem}.user-name{font-weight:600;font-size:.95rem}.user-btn svg{transition:transform .2s}.user-btn svg.rotated{transform:rotate(180deg)}.dropdown-backdrop{position:fixed;inset:0;z-index:99}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:240px;z-index:100;overflow:hidden}.dropdown-header{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg)}.dropdown-header strong{display:block;color:var(--text);font-size:1rem}.dropdown-header .user-role{font-size:.85rem;color:var(--text-light)}.dropdown-divider{height:1px;background:var(--border)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;cursor:pointer;font-size:.95rem;color:var(--text);transition:all .15s;text-align:left}.dropdown-item:hover{background:var(--bg)}.dropdown-item svg{color:var(--text-light)}.dropdown-item.logout{color:var(--red)}.dropdown-item.logout svg{color:var(--red)}.auth-modal{max-width:400px}.auth-modal h3{text-align:center}.login-hint{font-size:.85rem;color:var(--text-light);text-align:center;margin-bottom:20px;padding:12px;background:var(--bg);border-radius:var(--radius-sm)}.full-width{width:100%}.modal-close{position:absolute;top:16px;right:16px;background:var(--bg);border:none;padding:8px;border-radius:50%;cursor:pointer;color:var(--text-light);transition:all .15s}.modal-close:hover{background:var(--border);color:var(--text)}.modal{position:relative}.profile-avatar{display:flex;justify-content:center;margin-bottom:24px}.profile-avatar span{width:80px;height:80px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.profile-avatar-upload{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.avatar-preview{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden;box-shadow:var(--shadow-lg)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-preview span{color:#fff}.avatar-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg);border:1px solid var(--border);border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text);transition:all .15s}.avatar-upload-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.avatar-upload-btn svg{color:var(--primary)}.avatar-upload-btn:hover svg{color:#fff}.avatar-hint{font-size:.85rem;color:var(--text-light)}.user-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-avatar-img.large{width:50px;height:50px}.user-avatar-img.medium{width:44px;height:44px}.nav-bar{background:var(--sidebar);padding:20px 16px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius);text-decoration:none;color:#cbd5e1;font-size:.95rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.nav-item svg{width:22px;height:22px;flex-shrink:0}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--primary);color:#fff}.nav-version{margin-top:auto;padding:16px 18px;color:#94a3b8;font-size:.85rem;font-weight:500;border-top:1px solid rgba(255,255,255,.1)}.nav-bar .emergency-link{margin-top:16px;background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.nav-bar .emergency-link:hover{background:#ef444440;color:#fff}.nav-bar .emergency-link.active{background:var(--red);color:#fff;border-color:var(--red)}.main{padding:32px 40px 120px;flex:1;overflow-y:auto}.page h1{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:28px}.card{background:var(--card);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow)}input,select,textarea{color:var(--text);background:var(--card)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.onair-page{max-width:1200px}.onair-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:var(--radius);padding:40px 48px;color:#fff;margin-bottom:32px;position:relative;overflow:hidden}.onair-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.hero-content{position:relative;z-index:1}.onair-hero .live-badge{display:inline-flex;align-items:center;gap:8px;background:var(--red);padding:8px 16px;border-radius:20px;font-weight:700;font-size:.85rem;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 12px #ef444400}}.onair-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}.hero-meta{display:flex;gap:24px}.hero-host,.hero-time{display:flex;align-items:center;gap:8px;font-size:1.1rem;opacity:.9}.hero-avatar{font-size:6rem;background:#ffffff26;width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.onair-grid{display:grid;grid-template-columns:340px 1fr;gap:28px}.onair-section{background:var(--card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border)}.section-title svg{color:var(--primary)}.section-title h2{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.team-list{display:flex;flex-direction:column;gap:16px}.team-member{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border-radius:var(--radius-sm)}.member-avatar{font-size:2.2rem;width:56px;height:56px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center}.member-info{flex:1}.member-info strong{display:block;font-size:1rem;color:var(--text);margin-bottom:2px}.member-info span{font-size:.9rem;color:var(--text-light)}.member-status{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-light)}.upcoming-timeline{display:flex;flex-direction:column;gap:4px}.timeline-item{display:flex;gap:20px;padding:20px;border-radius:var(--radius-sm);background:var(--bg);transition:all .15s}.timeline-item:hover{transform:translate(4px)}.timeline-item.next{background:linear-gradient(135deg,#6366f11a,#7c3aed1a);border-left:4px solid var(--primary)}.timeline-time{min-width:70px}.time-hour{display:block;font-size:1.2rem;font-weight:700;color:var(--primary)}.timeline-content{flex:1}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.timeline-header strong{font-size:1.05rem;color:var(--text)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.status-pill.confirmed{background:var(--green-light);color:var(--green-text)}.status-pill.absent{background:var(--red-light);color:var(--red-text)}.status-pill.pending{background:var(--orange-light);color:var(--orange-text)}.timeline-host{font-size:.95rem;color:var(--text-light)}@media(max-width:1024px){.onair-grid{grid-template-columns:1fr}.onair-hero{padding:32px}.onair-hero h1{font-size:2rem}.hero-avatar{width:120px;height:120px;font-size:4rem}}@media(max-width:640px){.onair-hero{flex-direction:column;text-align:center;padding:28px 24px}.hero-content{order:2}.hero-avatar{order:1;margin-bottom:20px;width:100px;height:100px;font-size:3rem}.hero-meta{flex-direction:column;gap:12px;align-items:center}.onair-hero h1{font-size:1.6rem}.timeline-header{flex-direction:column;gap:8px}}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.schedule-header h1{margin-bottom:0}.export-wrapper{position:relative}.export-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .15s}.export-btn:hover{background:var(--primary-light)}.export-backdrop{position:fixed;inset:0;z-index:99}.export-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:200px;z-index:100;overflow:hidden}.export-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:none;border:none;cursor:pointer;font-size:.95rem;color:var(--text);transition:all .15s;text-align:left}.export-menu button:hover{background:var(--bg)}.export-menu button svg{color:var(--primary)}.schedule .legend{display:flex;gap:16px;margin-bottom:24px}.legend-item{padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600}.legend-item.live{background:var(--red-light);color:var(--red-text)}.legend-item.prerecorded{background:var(--blue-light);color:var(--blue-text)}.legend-item.replay{background:var(--purple-light);color:var(--purple-text)}.calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.schedule .time-slot{display:flex;flex-direction:column;min-height:100px;background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.hour-label{padding:10px 16px;background:var(--card);font-weight:700;font-size:.95rem;color:var(--text);border-bottom:2px solid var(--border)}.show-block{flex:1;padding:14px 16px;cursor:grab;display:flex;flex-direction:column;gap:6px;transition:all .15s}.show-block:hover{filter:brightness(.97)}.show-block.live{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid var(--red)}.show-block.prerecorded{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid var(--blue)}.show-block.replay{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-left:4px solid var(--purple)}.show-type{font-size:.8rem;font-weight:600;opacity:.8}.show-block strong{font-size:1rem;color:var(--text)}.show-block>span{font-size:.85rem;color:var(--text-light)}.show-time{font-size:.8rem;color:var(--text-light);font-weight:500;margin-top:auto}.volunteer-btn{flex:1;background:transparent;border:2px dashed var(--border);color:var(--text-light);cursor:pointer;transition:all .15s;font-size:.9rem;font-weight:600;min-height:60px}.volunteer-btn:hover{border-color:var(--primary);color:var(--primary);background:#6366f10d}.conductor .show-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:28px 32px}.show-header .show-title h2{font-size:1.5rem;margin-bottom:6px}.show-header .show-title span{opacity:.9;font-size:1rem}.show-header .show-time{font-size:1.75rem;font-weight:700;background:#fff3;padding:12px 24px;border-radius:var(--radius-sm)}.conductor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.conductor-grid .rundown{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border)}.section-header h3{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:var(--text)}.section-header h3 svg{color:var(--primary)}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .15s}.add-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.guests-list,.attachments-list{display:flex;flex-direction:column;gap:12px}.rundown-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:12px}.guest-item{background:var(--bg);padding:18px;border-radius:var(--radius-sm);border:1px solid var(--border)}.guest-item input{background:transparent;border:none;color:var(--text);font-size:1.05rem;width:100%;margin-bottom:12px;font-weight:600}.guest-item input:focus{outline:none}.guest-details{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.guest-details svg{color:var(--text-light);flex-shrink:0}.guest-details input{width:auto;margin:0;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.guest-details input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.delete-btn{background:var(--red-light);border:none;color:var(--red);cursor:pointer;padding:10px;border-radius:var(--radius-sm);transition:all .15s;margin-left:auto}.delete-btn:hover{background:var(--red);color:#fff}.rundown-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);border-left:4px solid var(--primary)}.rundown-item.music{border-left-color:var(--green)}.rundown-item.interview{border-left-color:var(--orange)}.rundown-item.break{border-left-color:var(--purple)}.rundown-item.outro{border-left-color:var(--blue)}.type-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);flex-shrink:0}.rundown-item input,.rundown-item select{background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.rundown-item input:focus,.rundown-item select:focus{outline:none;border-color:var(--primary)}.rundown-item input[type=time]{width:110px;flex-shrink:0}.rundown-item .description{flex:1;min-width:120px}.rundown-item select{width:120px;cursor:pointer;flex-shrink:0}.attachment-item{display:flex;align-items:center;gap:16px;padding:18px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);font-weight:500}.attachment-item span:first-child{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.attachment-item.pdf{border-left:4px solid var(--red)}.attachment-item.audio{border-left:4px solid var(--green)}.resources{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.resources>h1{grid-column:1 / -1}.tabs{display:flex;flex-direction:column;gap:8px;background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:32px}.tab{display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .15s;text-align:left}.tab:hover{background:var(--bg);color:var(--text)}.tab.active{background:var(--primary);color:#fff}.content{min-width:0}.codes-list,.tutorials-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.directory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.code-card{background:var(--card)}.code-card h3{margin-bottom:16px;font-size:1.05rem;color:var(--text)}.code-card h3:before{content:"🔐 "}.code-content{display:flex;align-items:center;gap:14px;background:var(--bg);padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border)}.code-content code{flex:1;font-family:SF Mono,Fira Code,monospace;font-size:.95rem;word-break:break-all;color:var(--text);font-weight:600}.code-content code.hidden{filter:blur(6px);-webkit-user-select:none;user-select:none}.code-actions{display:flex;gap:8px}.code-actions button{background:#fff;border:1px solid var(--border);color:var(--text-light);padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.code-actions button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.code-actions .green{color:var(--green)}.tutorial-card{background:var(--card)}.tutorial-card h3{margin-bottom:16px;font-size:1.05rem;color:var(--text)}.tutorial-content{background:var(--bg);padding:20px;border-radius:var(--radius-sm);white-space:pre-wrap;font-family:inherit;line-height:1.8;font-size:.95rem;color:var(--text);border:1px solid var(--border)}.download-btn{margin-top:16px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:all .15s}.download-btn:hover{background:var(--primary-light)}.member-card{display:flex;gap:20px;background:var(--card);padding:24px}.member-photo{font-size:2.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.member-info h3{margin-bottom:4px;font-size:1.1rem;color:var(--text)}.member-role{color:var(--primary);font-size:.9rem;font-weight:600}.member-phone{color:var(--text-light);font-size:.9rem;margin:10px 0}.member-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.skill-tag{background:var(--bg);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-light);border:1px solid var(--border)}@media(max-width:1024px){.app{grid-template-columns:200px 1fr}.on-air,.conductor-grid,.resources{grid-template-columns:1fr}.tabs{flex-direction:row;position:static}.tab{flex:1;justify-content:center}}@media(max-width:768px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.nav-bar{flex-direction:row;height:auto;padding:10px 16px;overflow-x:auto}.nav-item{padding:10px 14px;font-size:.85rem}.nav-item span{display:none}.main{padding:20px}.header{padding:14px 20px}.header h1{font-size:1.25rem}.header-clock .date{display:none}}@media(max-width:640px){.main{padding:20px}.nav-item span{display:none}.show-info{flex-direction:column;text-align:center}.host-photo{width:90px;height:90px;font-size:3rem}.conductor .show-header{flex-direction:column;gap:16px;text-align:center}.rundown-list{grid-template-columns:1fr}.rundown-item{flex-wrap:wrap}.rundown-item .description{width:100%;order:10;margin-top:10px}.calendar{grid-template-columns:1fr}.header-right{gap:12px}.header-clock{padding:8px 12px;font-size:.95rem}}.upload-page .upload-layout{display:grid;grid-template-columns:400px 1fr;gap:28px;align-items:start}.upload-section h3,.uploads-list h3{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border)}.upload-section h3 svg,.uploads-list h3 svg{color:var(--primary)}.show-select{margin-bottom:20px}.show-select label{display:block;font-weight:600;margin-bottom:8px;color:var(--text)}.show-select select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--card);cursor:pointer;color:var(--text)}.show-select select:focus{outline:none;border-color:var(--primary)}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;transition:all .2s;background:var(--bg)}.drop-zone.active{border-color:var(--primary);background:#6366f10d}.drop-zone.disabled{opacity:.5;pointer-events:none}.drop-zone svg{color:var(--text-light);margin-bottom:16px}.drop-zone p{color:var(--text);font-weight:600;margin-bottom:8px}.drop-zone span{color:var(--text-light);font-size:.9rem}.drop-zone .formats{font-size:.8rem;color:var(--text-light);margin-top:16px}.file-input-btn{display:inline-block;margin-top:12px;padding:10px 24px;background:var(--primary);color:#fff;border-radius:25px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .15s}.file-input-btn:hover{background:var(--primary-light)}.file-input-btn input{display:none}.upload-section .warning{margin-top:16px;padding:12px;background:var(--orange-light);color:#92400e;border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.files-table{display:flex;flex-direction:column;gap:2px}.table-header,.table-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 50px;gap:16px;padding:14px 16px;align-items:center}.table-header{background:var(--bg);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;color:var(--text-light)}.table-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm)}.table-row:hover{background:var(--bg)}.file-name{display:flex;align-items:center;gap:12px}.file-name svg{color:var(--primary);flex-shrink:0}.file-name strong{display:block;font-size:.9rem}.file-name small{color:var(--text-light);font-size:.8rem}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.approved{background:var(--green-light);color:var(--green-text)}.status-badge.pending{background:var(--orange-light);color:var(--orange-text)}.status-badge.rejected{background:var(--red-light);color:var(--red-text)}.uploads-list .empty{text-align:center;color:var(--text-light);padding:40px}.events-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.events-page .page-header h1{margin-bottom:0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.event-card{border-top:4px solid var(--primary);padding:0;overflow:hidden}.event-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg)}.event-type{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.event-actions{display:flex;gap:8px}.event-actions button{background:#fff;border:1px solid var(--border);padding:8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-light);transition:all .15s}.event-actions button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.event-card h3{padding:20px 20px 12px;font-size:1.2rem}.event-details{padding:0 20px 16px}.event-details p{display:flex;align-items:center;gap:10px;color:var(--text-light);font-size:.9rem;margin-bottom:8px}.event-details svg{color:var(--primary);flex-shrink:0}.event-description{padding:0 20px 20px;color:var(--text);font-size:.95rem;line-height:1.6}.event-participants{padding:16px 20px;background:var(--bg);border-top:1px solid var(--border)}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem}.participants-header span:first-child{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}.participants-header svg{color:var(--primary)}.spots-left{color:var(--green-text);font-weight:600}.participants-list{display:flex;gap:8px;margin-bottom:14px;min-height:36px}.participant{width:36px;height:36px;background:var(--card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow)}.participate-btn{width:100%;padding:12px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;background:var(--primary);color:#fff}.participate-btn:hover{background:var(--primary-light)}.participate-btn.participating{background:var(--green)}.participate-btn:disabled{background:var(--border);color:var(--text-light);cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal h3{font-size:1.25rem;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;margin-bottom:8px;font-size:.9rem;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;background:var(--card);color:var(--text)}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:25px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .15s;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}@media(max-width:1024px){.upload-page .upload-layout{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 80px}.table-header span:nth-child(3),.table-header span:nth-child(4),.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}}@media(max-width:640px){.events-grid{grid-template-columns:1fr}.events-page .page-header{flex-direction:column;gap:16px;align-items:stretch}}.news-page .page-header,.rss-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.news-page .page-header h1,.rss-page .page-header h1{margin-bottom:0}.info-banner{background:var(--blue-light);color:#1e40af;padding:14px 20px;border-radius:var(--radius-sm);margin-bottom:24px;font-size:.95rem}.news-list{display:flex;flex-direction:column;gap:20px}.news-card{border-left:4px solid var(--primary)}.news-card.pinned{border-left-color:var(--orange);background:linear-gradient(135deg,#fffbeb,#fef3c7)}.news-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.news-category{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.pinned-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--orange);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600}.news-actions{display:flex;gap:8px;margin-left:auto}.news-actions button{background:#fff;border:1px solid var(--border);padding:8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-light);transition:all .15s}.news-actions button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.news-card h3{font-size:1.2rem;margin-bottom:12px;color:var(--text)}.news-content{color:var(--text);line-height:1.7;margin-bottom:16px}.news-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border);font-size:.95rem;color:var(--text-light)}.news-author{font-weight:500}.news-date{display:flex;align-items:center;gap:6px}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.header-actions{display:flex;gap:12px}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:25px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .15s}.refresh-btn:hover{background:var(--bg)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.rss-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.feeds-sidebar{position:sticky;top:32px}.feeds-sidebar h3{display:flex;align-items:center;gap:10px;font-size:1rem;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.feeds-sidebar h3 svg{color:var(--primary)}.feeds-list{display:flex;flex-direction:column;gap:4px}.feed-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;width:100%;text-align:left}.feed-item:hover{background:var(--bg)}.feed-item.active,.feed-item.active button{background:var(--primary);color:#fff}.feed-item button{display:flex;align-items:center;gap:12px;flex:1;background:none;border:none;cursor:pointer;color:inherit;padding:0;font-size:inherit}.feed-item svg{flex-shrink:0;color:var(--primary)}.feed-item.active svg{color:#fff}.feed-item.active .feed-info span,.feed-item.active .feed-info small{color:#fff}.feed-info{flex:1;min-width:0}.feed-info span{display:block;font-weight:600;font-size:.95rem;color:var(--text)}.feed-info small{font-size:.85rem;color:var(--text-light)}.feed-count{background:var(--bg);padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600;color:var(--text-light)}.feed-item.active .feed-count{background:#fff3;color:#fff}.feed-delete{padding:6px;background:var(--red-light);border:none;border-radius:6px;cursor:pointer;color:var(--red);opacity:0;transition:all .15s}.feed-item:hover .feed-delete{opacity:1}.feed-delete:hover{background:var(--red);color:#fff}.articles-main{min-width:0}.articles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.articles-header h2{display:flex;align-items:center;gap:10px;font-size:1.2rem}.articles-header svg{color:var(--primary)}.articles-count{color:var(--text-light);font-size:.95rem}.articles-list{display:flex;flex-direction:column;gap:16px}.article-card{padding:20px}.article-source{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-light);margin-bottom:12px}.article-source svg{color:var(--primary)}.article-date{margin-left:auto}.article-card h3{font-size:1.1rem;margin-bottom:10px;color:var(--text)}.article-card p{color:var(--text-light);line-height:1.7;margin-bottom:14px;font-size:.95rem}.article-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .15s}.article-link:hover{color:var(--primary-light)}@media(max-width:1024px){.rss-layout{grid-template-columns:1fr}.feeds-sidebar{position:static}.feeds-list{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px}.feed-item{white-space:nowrap;flex-shrink:0}}@media(max-width:640px){.news-page .page-header,.rss-page .page-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}}.radio-player{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px #0000004d;z-index:1000;color:#fff;min-width:320px}.radio-player.minimized{min-width:auto;padding:0;background:transparent;box-shadow:none}.player-expand{display:flex;align-items:center;gap:8px;padding:14px 18px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:50px;color:#fff;cursor:pointer;box-shadow:0 4px 20px #6366f166;transition:all .2s}.player-expand:hover{transform:scale(1.05);box-shadow:0 6px 25px #6366f180}.player-expand svg.pulse{animation:pulse-icon 1.5s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}.player-info{display:flex;align-items:center;gap:12px}.player-icon{width:48px;height:48px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s}.player-icon.playing{background:linear-gradient(135deg,#4f46e5,#7c3aed);animation:pulse-bg 2s ease-in-out infinite}@keyframes pulse-bg{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 10px #6366f100}}.player-text{display:flex;flex-direction:column;gap:2px}.player-title{font-weight:600;font-size:.95rem}.player-status{font-size:.85rem;color:#cbd5e1}.player-icon.playing+.player-text .player-status{color:#10b981}.player-controls{display:flex;align-items:center;gap:12px;margin-left:auto}.play-btn{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 15px #10b9814d}.play-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 20px #10b98166}.play-btn:disabled{opacity:.7;cursor:wait}.play-btn.playing{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.play-btn.playing:hover{box-shadow:0 6px 20px #ef444466}.play-btn svg{margin-left:2px}.play-btn.playing svg{margin-left:0}.loader{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.volume-control{display:flex;align-items:center;gap:8px}.volume-btn{background:none;border:none;color:#cbd5e1;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.volume-btn:hover{color:#fff}.volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .15s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none}.player-minimize{background:#ffffff1a;border:none;color:#cbd5e1;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:all .15s}.player-minimize:hover{background:#fff3;color:#fff}@media(max-width:640px){.radio-player{bottom:16px;right:16px;left:16px;min-width:auto;padding:12px 16px}.player-text{display:none}.volume-slider{width:60px}}.volunteers-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.volunteers-page .page-header h1{margin-bottom:0}.volunteers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--card);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:16px}.stat-card svg{color:var(--primary);background:var(--purple-light);padding:12px;border-radius:var(--radius-sm);width:48px;height:48px}.stat-card.available svg{color:var(--green);background:var(--green-light)}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text)}.stat-label{font-size:.9rem;color:var(--text-light)}.filters-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}.search-box{display:flex;align-items:center;gap:12px;flex:1;min-width:250px;background:var(--bg);padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border)}.search-box svg{color:var(--text-light)}.search-box input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text)}.search-box input:focus{outline:none}.filter-group{display:flex;align-items:center;gap:12px}.filter-group svg{color:var(--text-light)}.filter-group select{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--card);cursor:pointer;color:var(--text)}.filter-group select:focus{outline:none;border-color:var(--primary)}.volunteers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.volunteer-card{padding:0;overflow:hidden}.volunteer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.volunteer-photo{font-size:3rem;background:#fff3;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}.availability-badge{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.availability-badge.available{background:var(--green)}.availability-badge.busy{background:var(--orange)}.availability-badge.unavailable{background:var(--red)}.volunteer-info{padding:20px}.volunteer-info h3{font-size:1.2rem;margin-bottom:4px;color:var(--text)}.volunteer-role{color:var(--primary);font-weight:600;font-size:.95rem}.volunteer-contact{margin:16px 0;display:flex;flex-direction:column;gap:8px}.volunteer-contact a{display:flex;align-items:center;gap:10px;color:var(--text-light);text-decoration:none;font-size:.95rem;transition:color .15s}.volunteer-contact a:hover{color:var(--primary)}.volunteer-contact svg{color:var(--primary)}.volunteer-shows{margin-bottom:16px;font-size:.9rem;color:var(--text)}.volunteer-shows strong{color:var(--text-light);font-weight:500;margin-right:6px}.volunteer-skills{display:flex;flex-wrap:wrap;gap:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:1.1rem}@media(max-width:768px){.filters-bar{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filter-group{flex-wrap:wrap}.filter-group select{flex:1}}.report-page h1{margin-bottom:28px}.report-container{max-width:800px}.report-info{display:flex;align-items:flex-start;gap:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid var(--orange);margin-bottom:24px}.report-info svg{color:var(--orange);flex-shrink:0}.report-info h3{font-size:1.1rem;margin-bottom:6px;color:var(--text)}.report-info p{color:var(--text-light);font-size:.95rem;line-height:1.5}.report-form{padding:32px}.form-section{margin-bottom:28px}.form-section>label{display:block;font-weight:600;margin-bottom:14px;font-size:1rem;color:var(--text)}.problem-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.type-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-align:left}.type-btn:hover{border-color:var(--primary)}.type-btn.active{border-color:var(--primary);background:#6366f11a}.type-label{font-weight:600;font-size:.95rem;color:var(--text)}.type-desc{font-size:.8rem;color:var(--text-light)}.urgency-selector{display:flex;gap:12px}.urgency-btn{flex:1;padding:14px 20px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;font-weight:600;font-size:.95rem;transition:all .15s}.urgency-btn:hover{border-color:var(--text-light)}.urgency-btn.low.active{border-color:var(--green);background:var(--green-light);color:#059669}.urgency-btn.medium.active{border-color:var(--orange);background:var(--orange-light);color:#d97706}.urgency-btn.high.active{border-color:var(--red);background:var(--red-light);color:#dc2626}.report-form .form-group label{display:block;font-weight:600;margin-bottom:10px;font-size:.95rem;color:var(--text)}.report-form .form-group input,.report-form .form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;background:var(--card);color:var(--text);transition:border-color .15s}.report-form .form-group input:focus,.report-form .form-group textarea:focus{outline:none;border-color:var(--primary)}.report-form .form-group textarea{resize:vertical;line-height:1.6}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.reporter-info{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--text-light)}.reporter-info strong{color:var(--text);font-size:1rem}.submit-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;font-size:1rem}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.success-message{text-align:center;padding:60px 40px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);max-width:500px}.success-message svg{color:var(--green);margin-bottom:24px}.success-message h2{font-size:1.5rem;margin-bottom:12px;color:var(--text)}.success-message p{color:var(--text-light);margin-bottom:8px}.success-message .signature{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);color:var(--text)}.success-message .btn-primary{margin-top:28px}@media(max-width:640px){.problem-types{grid-template-columns:1fr}.urgency-selector{flex-direction:column}.form-footer{flex-direction:column;gap:20px;align-items:stretch}.reporter-info{text-align:center}}.settings-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.settings-page .page-header h1{margin-bottom:0}.settings-page .header-actions{display:flex;gap:12px}.settings-page .btn-primary.saved{background:var(--green)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.settings-section{padding:28px}.settings-section .section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--border)}.settings-section .section-header svg{color:var(--primary);background:var(--purple-light);padding:12px;border-radius:var(--radius-sm);width:46px;height:46px;flex-shrink:0}.settings-section .section-header h2{font-size:1.15rem;margin-bottom:4px;color:var(--text)}.settings-section .section-header p{font-size:.9rem;color:var(--text-light)}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--border)}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex:1}.setting-info label{display:block;font-weight:600;font-size:1rem;color:var(--text);margin-bottom:4px}.setting-info span{font-size:.9rem;color:var(--text-light)}.setting-input{width:280px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--card);color:var(--text)}.setting-input:focus{outline:none;border-color:var(--primary)}.theme-selector,.fontsize-selector{display:flex;gap:8px}.theme-btn,.fontsize-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 20px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-light);transition:all .15s}.theme-btn:hover,.fontsize-btn:hover{border-color:var(--primary);color:var(--text)}.theme-btn.active,.fontsize-btn.active{background:var(--purple-light);border-color:var(--primary);color:var(--primary)}.theme-btn svg,.fontsize-btn svg{color:inherit}.toggle{position:relative;display:inline-block;width:56px;height:30px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:30px;transition:all .2s}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:all .2s;box-shadow:var(--shadow)}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(26px)}.info-section .about-info{display:flex;flex-direction:column;gap:12px}.about-row{display:flex;justify-content:space-between;padding:12px 16px;background:var(--bg);border-radius:var(--radius-sm)}.about-row span{color:var(--text-light)}.about-row strong{color:var(--text)}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.setting-item{flex-direction:column;align-items:flex-start;gap:14px}.setting-input,.theme-selector,.fontsize-selector{width:100%}.theme-btn,.fontsize-btn{flex:1}}[data-theme=dark]{--bg: #0f172a;--sidebar: #1e293b;--sidebar-hover: #334155;--card: #1e293b;--text: #f1f5f9;--text-light: #cbd5e1;--text-muted: #94a3b8;--border: #334155;--primary: #818cf8;--primary-light: #a5b4fc;--green: #34d399;--green-light: rgba(52, 211, 153, .2);--green-text: #6ee7b7;--red: #f87171;--red-light: rgba(248, 113, 113, .2);--red-text: #fca5a5;--orange: #fbbf24;--orange-light: rgba(251, 191, 36, .2);--orange-text: #fcd34d;--blue: #60a5fa;--blue-light: rgba(96, 165, 250, .2);--blue-text: #93c5fd;--purple: #a78bfa;--purple-light: rgba(167, 139, 250, .2);--purple-text: #c4b5fd;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4)}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .card{background:var(--card);border:1px solid var(--border)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg);border-color:var(--border);color:var(--text)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--primary)}[data-theme=dark] .modal{background:var(--card)}[data-theme=dark] .dropdown-menu{background:var(--card);border:1px solid var(--border)}[data-theme=dark] .dropdown-header,[data-theme=dark] .dropdown-item:hover{background:var(--bg)}[data-theme=dark] .btn-secondary{background:var(--bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .btn-secondary:hover{background:var(--border)}[data-theme=dark] .theme-btn,[data-theme=dark] .fontsize-btn,[data-theme=dark] .type-btn,[data-theme=dark] .urgency-btn{background:var(--bg);border-color:var(--border);color:var(--text-light)}[data-theme=dark] .theme-btn:hover,[data-theme=dark] .fontsize-btn:hover,[data-theme=dark] .type-btn:hover,[data-theme=dark] .urgency-btn:hover{border-color:var(--primary);color:var(--text)}[data-theme=dark] .theme-btn.active,[data-theme=dark] .fontsize-btn.active{background:var(--purple-light);border-color:var(--primary);color:var(--primary)}[data-theme=dark] .toggle-slider{background:var(--border)}[data-theme=dark] .about-row,[data-theme=dark] .team-member,[data-theme=dark] .volunteer-item,[data-theme=dark] .timeline-item,[data-theme=dark] .upcoming-row,[data-theme=dark] .guest-item,[data-theme=dark] .rundown-item,[data-theme=dark] .attachment-item,[data-theme=dark] .code-content,[data-theme=dark] .tutorial-content,[data-theme=dark] .search-box,[data-theme=dark] .filter-group select{background:var(--bg);border-color:var(--border)}[data-theme=dark] .hour-label{background:var(--card);border-color:var(--border)}[data-theme=dark] .time-slot{background:var(--bg)}[data-theme=dark] .show-block.live{background:linear-gradient(135deg,#f8717133,#f871714d)}[data-theme=dark] .show-block.prerecorded{background:linear-gradient(135deg,#60a5fa33,#60a5fa4d)}[data-theme=dark] .show-block.replay{background:linear-gradient(135deg,#a78bfa33,#a78bfa4d)}[data-theme=dark] .volunteer-btn{border-color:var(--border);color:var(--text-light)}[data-theme=dark] .volunteer-btn:hover{border-color:var(--primary);color:var(--primary);background:#818cf81a}[data-theme=dark] .export-menu{background:var(--card);border:1px solid var(--border)}[data-theme=dark] .export-menu button{color:var(--text)}[data-theme=dark] .export-menu button:hover{background:var(--bg)}[data-theme=dark] .drop-zone{background:var(--bg);border-color:var(--border)}[data-theme=dark] .table-header{background:var(--bg)}[data-theme=dark] .table-row{background:var(--card);border-color:var(--border)}[data-theme=dark] .table-row:hover,[data-theme=dark] .feed-item:hover{background:var(--bg)}[data-theme=dark] .feed-info span,[data-theme=dark] .article-card h3,[data-theme=dark] .news-card h3,[data-theme=dark] .event-card h3{color:var(--text)}[data-theme=dark] .event-header{background:var(--bg)}[data-theme=dark] .event-participants{background:var(--bg);border-color:var(--border)}[data-theme=dark] .participant{background:var(--card)}[data-theme=dark] .report-info{background:linear-gradient(135deg,#fbbf2433,#fbbf244d);border-color:var(--orange)}[data-theme=dark] .report-info h3,[data-theme=dark] .report-info p{color:var(--text)}[data-theme=dark] .info-banner{background:#60a5fa33;color:var(--blue-text)}[data-theme=dark] .news-card.pinned{background:linear-gradient(135deg,#fbbf241a,#fbbf2433)}[data-theme=dark] .code-actions button{background:var(--card);border-color:var(--border)}[data-theme=dark] .refresh-btn{background:var(--card);border-color:var(--border);color:var(--text)}[data-theme=dark] .refresh-btn:hover{background:var(--bg)}[data-theme=dark] .avatar-upload-btn{background:var(--bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .login-hint{background:var(--bg);color:var(--text-light)}[data-theme=dark] .skill-tag{background:var(--bg);border-color:var(--border);color:var(--text-light)}[data-theme=dark] .tabs{background:var(--card)}[data-theme=dark] .tab{color:var(--text-light)}[data-theme=dark] .tab:hover{background:var(--bg);color:var(--text)}[data-theme=dark] .timeline-item.next{background:linear-gradient(135deg,#818cf826,#a78bfa26)}[data-fontsize=large]{font-size:18px}[data-fontsize=xlarge]{font-size:20px}[data-compact=true] .card{padding:16px}[data-compact=true] .main{padding:20px 28px}[data-compact=true] .nav-item{padding:10px 14px}.admin-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--orange-light);color:var(--orange-text);border-radius:20px;font-size:.8rem;font-weight:600;margin-left:auto}.admin-notice{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--orange-light);color:var(--orange-text);border-radius:20px;font-size:.85rem;font-weight:500}.setting-item.disabled{opacity:.6}.setting-item.disabled input{cursor:not-allowed;background:var(--bg)}.role-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.role-badge.admin{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.volunteer-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.empty-slot{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;font-style:italic}.login-hint{font-size:.85rem;color:var(--text-light);margin-bottom:20px;padding:14px;background:var(--bg);border-radius:var(--radius-sm);line-height:1.6}.login-hint p{margin:0 0 6px}.login-hint p:last-child{margin-bottom:0}.login-hint code{background:var(--card);padding:2px 8px;border-radius:4px;font-family:monospace;font-weight:600;color:var(--primary)}[data-theme=dark] .login-hint code{background:var(--bg)}.schedule-header .header-actions{display:flex;align-items:center;gap:16px}.avatar-with-status{position:relative;display:inline-flex}.status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--sidebar)}.avatar-with-status.large .status-dot{width:14px;height:14px;border-width:3px}.status-dot.available{background:var(--green)}.status-dot.busy{background:var(--orange)}.status-dot.unavailable{background:var(--text-muted)}.dropdown-status{padding:14px 16px;border-bottom:1px solid var(--border)}.status-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-light);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.status-options{display:flex;gap:6px}.status-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-light);transition:all .15s}.status-btn:hover{border-color:var(--text-muted)}.status-btn.available{color:var(--green-text)}.status-btn.available.active{background:var(--green-light);border-color:var(--green)}.status-btn.busy{color:var(--orange-text)}.status-btn.busy.active{background:var(--orange-light);border-color:var(--orange)}.status-btn.unavailable{color:var(--text-muted)}.status-btn.unavailable.active{background:var(--bg);border-color:var(--text-muted)}.input-with-toggle{display:flex;gap:8px}.input-with-toggle input{flex:1}.visibility-toggle{display:flex;align-items:center;justify-content:center;width:44px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-light);transition:all .15s}.visibility-toggle:hover{background:var(--border)}.visibility-toggle.visible{color:var(--green)}.visibility-toggle.hidden{color:var(--text-muted)}.field-hint{display:block;font-size:.8rem;color:var(--text-light);margin-top:6px}[data-theme=dark] .status-dot{border-color:var(--card)}[data-theme=dark] .status-btn{background:var(--bg)}[data-theme=dark] .visibility-toggle{background:var(--card)}.contact-hidden{font-size:.9rem;color:var(--text-muted);font-style:italic}.mon-espace-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.profile-card{background:var(--card)}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.profile-card .profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0}.profile-info h3{font-size:1.3rem;margin-bottom:8px;color:var(--text)}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.role-badge.role-admin{background:var(--purple-light);color:var(--purple-text)}.role-badge.role-volunteer{background:var(--green-light);color:var(--green-text)}.role-badge.role-technician{background:var(--blue-light);color:var(--blue-text)}.profile-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.detail-item{display:flex;align-items:center;gap:12px;color:var(--text-light);font-size:.95rem}.detail-item svg{color:var(--primary)}.skills-section h4{font-size:.9rem;color:var(--text-light);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skills-list .skill-tag{background:var(--bg);padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text);border:1px solid var(--border)}.membership-card{background:var(--card)}.membership-card h3{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border);color:var(--text)}.membership-card h3 svg{color:var(--primary)}.membership-status{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--radius);border:2px solid;margin-bottom:24px}.status-text strong{display:block;font-size:1.1rem;margin-bottom:4px}.status-text p{font-size:.9rem;color:var(--text-light);margin:0}.membership-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.membership-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg);border-radius:var(--radius-sm)}.membership-row span{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:.95rem}.membership-row span:last-child{font-weight:600;color:var(--text)}.membership-row svg{color:var(--primary)}.membership-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--orange-light);color:var(--orange-text);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600}.btn-renew{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;transition:all .15s}.btn-renew:hover{background:var(--primary-light);transform:translateY(-1px)}@media(max-width:900px){.mon-espace-grid{grid-template-columns:1fr}}.admin-notice{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--orange-light);color:var(--orange-text);border-radius:25px;font-size:.85rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:16px}.empty-slot{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;font-style:italic;min-height:60px}.programs-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.programs-page .page-header h2{font-size:1.75rem;font-weight:700;color:var(--text)}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.program-card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.program-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.program-emoji{font-size:2.5rem;width:64px;height:64px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.program-title-section{flex:1;min-width:0}.program-title-section h3{font-size:1.2rem;color:var(--text);margin-bottom:8px}.program-badges{display:flex;flex-wrap:wrap;gap:8px}.type-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.type-badge.red{background:var(--red-light);color:var(--red-text)}.type-badge.blue{background:var(--blue-light);color:var(--blue-text)}.type-badge.purple{background:var(--purple-light);color:var(--purple-text)}.category-badge{display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--bg);border-radius:20px;font-size:.8rem;color:var(--text-light)}.program-actions{display:flex;gap:8px}.icon-btn{padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-light);transition:all .15s}.icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.icon-btn.danger:hover{background:var(--red);border-color:var(--red)}.program-description{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:20px}.program-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.program-section h4{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text);margin-bottom:12px}.program-section h4 svg{color:var(--primary)}.hosts-list{display:flex;flex-wrap:wrap;gap:8px}.host-chip{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg);border-radius:20px;font-size:.9rem;color:var(--text)}.host-avatar{font-size:1.1rem}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg);border-radius:var(--radius-sm)}.schedule-day{font-weight:600;color:var(--text);text-transform:capitalize}.schedule-time{color:var(--primary);font-weight:600}.no-schedule{color:var(--text-muted);font-size:.9rem;font-style:italic}.program-modal{max-width:550px}.program-modal h3{margin-bottom:24px;font-size:1.3rem}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--card);color:var(--text);transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.emoji-grid{display:flex;flex-wrap:wrap;gap:8px}.emoji-btn{width:44px;height:44px;font-size:1.4rem;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.emoji-btn:hover{border-color:var(--primary)}.emoji-btn.selected{border-color:var(--primary);background:#6366f11a}.hosts-selector{display:flex;flex-wrap:wrap;gap:8px}.host-option{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg);border:2px solid var(--border);border-radius:25px;cursor:pointer;font-size:.9rem;color:var(--text);transition:all .15s}.host-option:hover{border-color:var(--primary)}.host-option.selected{border-color:var(--primary);background:#6366f11a;color:var(--primary)}.submit-btn{width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;transition:all .15s;margin-top:8px}.submit-btn:hover{background:var(--primary-light)}@media(max-width:900px){.programs-grid,.form-row{grid-template-columns:1fr}}.week-navigation{display:flex;align-items:center;gap:16px;margin-bottom:20px}.week-nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#fff;border:2px solid #cbd5e1;border-radius:8px;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #0000001a;font-size:1.2rem;color:#1e293b}.week-nav-btn:hover{background-color:#4f46e5;border-color:#4f46e5;color:#fff}.week-label{font-size:1.1rem;font-weight:600;color:var(--text);min-width:200px;text-align:center}.today-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .15s}.today-btn:hover{background:var(--primary-light)}.week-calendar{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.calendar-header{display:grid;grid-template-columns:60px repeat(7,1fr);background:var(--sidebar);color:#fff}.hour-column-header{padding:12px}.day-header{padding:12px 8px;text-align:center;border-left:1px solid rgba(255,255,255,.1)}.day-header.today{background:var(--primary)}.day-name{display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.day-date{display:block;font-size:1.2rem;font-weight:700}.calendar-body{max-height:calc(100vh - 380px);overflow-y:auto}.hour-row{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid var(--border)}.hour-row:last-child{border-bottom:none}.hour-row .hour-label{padding:8px;font-size:.8rem;font-weight:600;color:var(--text-light);background:var(--bg);display:flex;align-items:flex-start;justify-content:center;border-right:1px solid var(--border)}.day-cell{min-height:50px;border-left:1px solid var(--border);padding:2px;position:relative;transition:background .15s}.day-cell:first-of-type{border-left:none}.day-cell.today{background:#6366f10d}.day-cell.empty:hover{background:var(--bg)}.show-block-mini{height:100%;min-height:46px;padding:4px 6px;border-radius:4px;cursor:grab;display:flex;flex-direction:column;gap:2px;font-size:.75rem;overflow:hidden}.show-block-mini.live{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:3px solid var(--red)}.show-block-mini.prerecorded{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:3px solid var(--blue)}.show-block-mini.replay{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-left:3px solid var(--purple)}.show-type-icon{font-size:.7rem}.show-title-mini{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-slot-btn{position:absolute;inset:2px;background:transparent;border:1px dashed transparent;color:transparent;cursor:pointer;font-size:1.2rem;font-weight:600;border-radius:4px;transition:all .15s}.day-cell:hover .add-slot-btn{border-color:var(--border);color:var(--text-muted)}.add-slot-btn:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:#6366f10d}@media(max-width:1200px){.day-name{font-size:.75rem}.day-date{font-size:1rem}.show-title-mini{font-size:.7rem}}@media(max-width:900px){.calendar-header,.hour-row{grid-template-columns:50px repeat(7,1fr)}.day-name,.show-title-mini{display:none}}.membership-status-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;margin:12px 0}.membership-status-bar.green{background:var(--green-light);color:var(--green-text)}.membership-status-bar.orange{background:var(--orange-light);color:var(--orange-text)}.membership-status-bar.red{background:var(--red-light);color:var(--red-text)}.membership-status-bar.clickable{cursor:pointer;transition:all .15s}.membership-status-bar.clickable:hover{filter:brightness(.95)}.membership-status-bar .edit-icon{margin-left:auto;opacity:.6}.membership-status-bar.clickable:hover .edit-icon{opacity:1}.membership-modal{max-width:420px}.membership-modal h3{display:flex;align-items:center;gap:10px;margin-bottom:24px}.membership-modal h3 svg{color:var(--primary)}.membership-member{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:20px}.membership-member .member-photo{font-size:2rem;width:50px;height:50px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center}.membership-member strong{display:block;font-size:1.1rem;color:var(--text)}.membership-member span{font-size:.9rem;color:var(--text-light)}.membership-current{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:20px}.membership-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.membership-badge.paid{background:var(--green-light);color:var(--green-text)}.membership-badge.pending{background:var(--orange-light);color:var(--orange-text)}.membership-badge.expired{background:var(--red-light);color:var(--red-text)}.membership-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.membership-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-size:.85rem;font-weight:600;color:var(--text-light)}.membership-action-btn:hover{border-color:var(--text-light)}.membership-action-btn.paid:hover,.membership-action-btn.paid.active{border-color:var(--green);background:var(--green-light);color:var(--green-text)}.membership-action-btn.pending:hover,.membership-action-btn.pending.active{border-color:var(--orange);background:var(--orange-light);color:var(--orange-text)}.membership-action-btn.expired:hover,.membership-action-btn.expired.active{border-color:var(--red);background:var(--red-light);color:var(--red-text)}.stat-card.warning{border-left:4px solid var(--orange)}.stat-card.warning svg{color:var(--orange)}.stat-card.danger{border-left:4px solid var(--red)}.stat-card.danger svg{color:var(--red)}.program-modal-large{width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;padding:0;background:var(--card);border-radius:var(--radius)}.modal-header-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.modal-header-title{display:flex;align-items:center;gap:12px}.modal-header-title h3{font-size:1.3rem;font-weight:700;margin:0}.modal-close-btn{background:#fff3;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ffffff4d}.program-form{flex:1;overflow-y:auto;padding:0}.form-section{border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none}.form-section-title{display:flex;align-items:center;gap:10px;padding:16px 28px;background:var(--bg);font-weight:700;font-size:.95rem;color:var(--text)}.form-section-title svg{color:var(--primary)}.form-section-content{padding:20px 28px}.emoji-selector label{display:block;font-weight:600;margin-bottom:12px;color:var(--text);font-size:.9rem}.emoji-grid-large{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:20px}.emoji-btn-large{width:48px;height:48px;font-size:1.5rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.emoji-btn-large:hover{border-color:var(--primary);transform:scale(1.1)}.emoji-btn-large.selected{border-color:var(--primary);background:#6366f126;box-shadow:0 0 0 3px #6366f133}.input-large,.textarea-large,.select-large{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;background:var(--card);color:var(--text);transition:border-color .15s}.input-large:focus,.textarea-large:focus,.select-large:focus{outline:none;border-color:var(--primary)}.textarea-large{resize:vertical;min-height:100px;line-height:1.6}.input-hint{display:block;font-size:.8rem;color:var(--text-muted);margin-top:6px}.required{color:var(--red)}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.type-selector{display:flex;gap:10px}.type-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-size:.85rem;font-weight:600;color:var(--text-light)}.type-option:hover{border-color:var(--text-light)}.type-option .type-icon{font-size:1.3rem}.type-option.selected.live{border-color:var(--red);background:var(--red-light);color:var(--red-text)}.type-option.selected.prerecorded{border-color:var(--blue);background:var(--blue-light);color:var(--blue-text)}.type-option.selected.replay{border-color:var(--purple);background:var(--purple-light);color:var(--purple-text)}.frequency-selector{display:flex;flex-wrap:wrap;gap:10px}.freq-option{padding:10px 18px;background:var(--bg);border:2px solid var(--border);border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-light);transition:all .15s}.freq-option:hover{border-color:var(--primary)}.freq-option.selected{border-color:var(--primary);background:var(--primary);color:#fff}.hosts-selector-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}.host-option-large{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-align:left}.host-option-large:hover{border-color:var(--primary);background:var(--card)}.host-option-large.selected{border-color:var(--primary);background:#6366f11a}.host-avatar-large{font-size:1.8rem;width:50px;height:50px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.host-info{flex:1;min-width:0}.host-name{display:block;font-weight:600;color:var(--text);font-size:.95rem}.host-role{display:block;font-size:.8rem;color:var(--text-light)}.host-check{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.selected-hosts-summary{margin-top:12px;padding:10px 16px;background:#6366f11a;border-radius:var(--radius-sm);font-size:.9rem;color:var(--primary)}.form-actions-bar{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;background:var(--bg);border-top:1px solid var(--border)}.btn-cancel{padding:14px 28px;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-light);transition:all .15s}.btn-cancel:hover{border-color:var(--text-light);color:var(--text)}.btn-submit-large{display:flex;align-items:center;gap:10px;padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .15s}.btn-submit-large:hover{background:var(--primary-light)}.no-data{color:var(--text-muted);font-style:italic;font-size:.9rem}@media(max-width:768px){.program-modal-large{width:95%;max-height:95vh}.form-grid-3{grid-template-columns:1fr}.type-selector{flex-direction:column}.hosts-selector-large{grid-template-columns:1fr}.form-actions-bar{flex-direction:column}.btn-cancel,.btn-submit-large{width:100%;justify-content:center}}.schedule-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.btn-add-slot{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .15s}.btn-add-slot:hover{background:var(--primary-light)}.no-slots-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius-sm);text-align:center;margin-top:12px}.no-slots-message svg{color:var(--text-muted);margin-bottom:12px}.no-slots-message p{font-weight:600;color:var(--text);margin-bottom:4px}.no-slots-message span{font-size:.85rem;color:var(--text-muted)}.schedule-slots-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.schedule-slot-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.slot-number{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.slot-day-select{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--card);color:var(--text);cursor:pointer;min-width:130px}.slot-day-select:focus{outline:none;border-color:var(--primary)}.slot-time-group{display:flex;align-items:center;gap:8px}.slot-time-group label{font-size:.85rem;color:var(--text-light);font-weight:500}.slot-time-input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--card);color:var(--text);width:110px}.slot-time-input:focus{outline:none;border-color:var(--primary)}.btn-remove-slot{padding:8px;background:var(--red-light);border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--red);transition:all .15s;margin-left:auto}.btn-remove-slot:hover{background:var(--red);color:#fff}.schedule-summary{margin-top:12px;padding:10px 16px;background:#6366f11a;border-radius:var(--radius-sm);font-size:.9rem;color:var(--primary)}@media(max-width:768px){.schedule-slot-item{flex-wrap:wrap;gap:10px}.slot-day-select{flex:1;min-width:100px}.slot-time-group{flex:1}.slot-time-input{width:100%}.btn-remove-slot{margin-left:0}}.onair-hero.no-show{background:linear-gradient(135deg,#64748b,#475569)}.onair-hero.upcoming{background:linear-gradient(135deg,#0891b2,#0e7490)}.offline-badge,.upcoming-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.85rem;margin-bottom:20px}.hero-subtitle{opacity:.9;font-size:1rem;margin-top:8px}.hero-description{opacity:.85;font-size:.95rem;margin:12px 0;max-width:500px;line-height:1.5}.onair-grid.single-column{grid-template-columns:1fr;max-width:700px}.time-date{display:block;font-size:.75rem;color:var(--text-light);text-transform:capitalize}.no-team,.no-upcoming{color:var(--text-muted);font-style:italic;padding:20px;text-align:center}.member-status{width:12px;height:12px;border-radius:50%;background:var(--text-muted)}.member-status.online{background:var(--green);box-shadow:0 0 0 3px var(--green-light)}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.form-grid-2{grid-template-columns:1fr}}.day-cell{position:relative;overflow:visible}.day-cell.continuation{pointer-events:none}.show-block-mini{position:absolute;top:2px;left:2px;right:2px;overflow:hidden}.show-time-mini{font-size:.65rem;color:var(--text-light);margin-top:2px}.slot-time-select{padding:10px 36px 10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--card);color:var(--text);cursor:pointer;min-width:100px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.slot-time-select:focus{outline:none;border-color:var(--primary)}.filter-section{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.filter-label{font-weight:600;color:var(--text);font-size:.9rem;white-space:nowrap}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:10px 18px;border:2px solid var(--border);border-radius:25px;background:var(--card);cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-light);transition:all .15s}.filter-btn:hover{border-color:var(--text-light);color:var(--text)}.filter-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.filter-btn.live:hover,.filter-btn.live.active{border-color:var(--red);background:var(--red);color:#fff}.filter-btn.prerecorded:hover,.filter-btn.prerecorded.active{border-color:var(--blue);background:var(--blue);color:#fff}.filter-btn.replay:hover,.filter-btn.replay.active{border-color:var(--purple);background:var(--purple);color:#fff}@media(max-width:768px){.filter-section{flex-direction:column;align-items:flex-start;gap:12px}}.add-resource-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .15s;margin-bottom:20px}.add-resource-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-header h3{margin-bottom:0}.admin-actions{display:flex;gap:6px}.admin-actions .icon-btn{padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;transition:all .15s}.admin-actions .icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-actions .icon-btn.danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.resources .tabs+.add-resource-btn{grid-column:2;justify-self:start;margin-top:-10px}@media(max-width:1024px){.resources .tabs+.add-resource-btn{grid-column:1}}.rss-loading,.rss-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-light);gap:16px}.rss-loading svg,.rss-empty svg{color:var(--text-muted)}.rss-empty .btn-primary{margin-top:8px}.rss-error{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--red-light);color:var(--red-text);border-radius:var(--radius-sm);margin-bottom:20px;font-weight:500}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a);padding:20px}.login-container{background:var(--card);border-radius:var(--radius);padding:48px 40px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000040}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:2rem;font-weight:800;color:var(--text);margin-bottom:8px}.login-header p{color:var(--text-light);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form label{font-weight:600;font-size:.9rem;color:var(--text)}.login-form input{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;transition:all .15s}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.login-form .login-btn{padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;margin-top:8px}.login-form .login-btn:hover{background:var(--primary-light)}.login-error{background:var(--red-light);color:var(--red-text);padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.login-form .login-hint{font-size:.85rem;color:var(--text-light);text-align:center;padding:12px;background:var(--bg);border-radius:var(--radius-sm);margin-top:8px}