*{box-sizing:border-box}:root{--primary-color: #3b82f6;--secondary-color: #2563eb;--accent-color: #60a5fa;--text-main: #f8fafc;--text-secondary: #94a3b8;--bg-app: #0f172a;--bg-surface: #1e293b;--card-bg: rgba(30, 41, 59, .85);--border-color: rgba(255, 255, 255, .1);--success: #10b981;--error: #f43f5e;--input-bg: rgba(0, 0, 0, .2)}[data-theme=light]{--primary-color: #0284c7;--secondary-color: #0369a1;--accent-color: #0ea5e9;--text-main: #0f172a;--text-secondary: #475569;--bg-app: #f0f9ff;--bg-surface: #ffffff;--card-bg: rgba(255, 255, 255, .95);--border-color: rgba(0, 0, 0, .1);--input-bg: #f8fafc}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-app);color:var(--text-main);margin:0;padding:0;min-height:100vh;transition:background-color .3s ease,color .3s ease}.tooltip-container{display:inline-flex;position:relative;margin-left:8px;cursor:help}.tooltip-text{visibility:hidden;width:260px;background-color:var(--bg-surface);color:var(--text-main);text-align:left;border-radius:24px;padding:1.2rem;position:absolute;z-index:1000;bottom:140%;left:50%;transform:translate(-50%) translateY(10px) scale(.95);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);font-size:.85rem;line-height:1.5;box-shadow:0 20px 40px #0006;pointer-events:none;border:2px solid var(--primary-color)}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;width:14px;height:14px;background:var(--bg-surface);border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:translate(-50%) translateY(-50%) rotate(45deg)}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) translateY(0) scale(1);animation:floatTooltip 3s ease-in-out infinite alternate}@keyframes floatTooltip{0%{transform:translate(-50%) translateY(0) scale(1)}to{transform:translate(-50%) translateY(-5px) scale(1.02)}}.info-icon{opacity:.7;color:var(--accent-color);transition:all .2s}.tooltip-container:hover .info-icon{opacity:1;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #10b981b3}70%{transform:scale(1.02);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.dashboard-container{padding:2rem;max-width:1400px;margin:0 auto}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.app-logo{height:115px;width:auto;transition:transform .2s;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.app-logo:hover{transform:scale(1.1);filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.glass-card:hover{border-color:var(--primary-color);opacity:.95}.btn{background:var(--bg-app);border:1px solid var(--border-color);color:var(--text-main);padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s}.btn:hover{background:#fff3}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{filter:brightness(1.1)}input,select,textarea{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);padding:.6rem 1rem;border-radius:8px;width:100%;max-width:100%;margin-bottom:1rem;font-family:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color);background:#00000080}label{display:block;font-size:.85rem;margin-bottom:.4rem;color:var(--text-main);opacity:.9;font-weight:600}.login-screen{height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-app)}.login-card{width:100%;max-width:400px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-tab{background:transparent;border:none;color:var(--text-secondary);padding:.8rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;border-bottom:2px solid transparent;margin-bottom:-1px}.admin-tab.active{color:#fff;border-bottom-color:var(--primary-color)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.4rem;border-radius:6px;border:none;cursor:pointer;color:#fff;transition:transform .2s}.action-btn.edit{background:#3b82f6}.action-btn.delete{background:#ef4444}.action-btn.suspend{background:#f59e0b}.action-btn.activate{background:#10b981}.action-btn.impersonate{background:#6366f1}.action-btn.registration{background:#7c3aed}.action-btn.view{background:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;border-top:4px solid var(--primary-color)}.stat-card .value{font-size:2rem;font-weight:700;margin:.5rem 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#1e1e1e;padding:2rem;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}.status-active{color:var(--success)}.status-inactive{color:var(--error)}.hidden{display:none!important}.preview-scale{display:grid;gap:2px;overflow:hidden}.layout-a{grid-template-areas:"video menu" "ticker ticker";grid-template-columns:7fr 3fr;grid-template-rows:9fr 1fr}.layout-b{grid-template-areas:"video"}.layout-c{grid-template-areas:"menu-l video menu-r" "ticker ticker ticker";grid-template-columns:2fr 6fr 2fr;grid-template-rows:9fr 1fr}.layout-d{grid-template-areas:"video" "menu" "ticker";grid-template-columns:1fr;grid-template-rows:5fr 4fr 1fr}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.dashboard-container{padding:1rem}.dash-header{flex-direction:column;gap:1rem;align-items:center;text-align:center}.app-logo{height:35px}.admin-tabs{flex-wrap:wrap;justify-content:center}}.glass-card{box-shadow:0 8px 32px #0000005e}input:focus,select:focus,textarea:focus{border-color:var(--success);box-shadow:0 0 0 2px #10b98133}.admin-table{font-size:.85rem}.action-btn:hover{transform:scale(1.1)}.badge-status{padding:.3rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700}.badge-status.active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.badge-status.inactive{background:#f43f5e1a;color:#f43f5e;border:1px solid rgba(244,63,94,.2)}.badge-screens{background:#6366f11a;color:#818cf8;padding:.2rem .5rem;border-radius:4px;font-family:monospace}.full-page-form{animation:fadeIn .3s ease-out}.company-form-full{display:flex;flex-direction:column;gap:2rem}.form-header{display:flex;justify-content:space-between;align-items:center;background:#6366f10d;padding:1.5rem;border-radius:12px;border:1px solid rgba(99,102,241,.1)}.form-header h2{margin:0;font-size:1.5rem}.form-header p{margin:.3rem 0 0;opacity:.6;font-size:.9rem}.form-sections-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.form-section{background:#ffffff08;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.05);margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.05);color:#6366f1}.section-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.field-group.full{grid-column:span 2}.field-group label{font-size:.8rem;margin-bottom:.5rem;opacity:.8}.form-section.accent{border-top:4px solid #6366f1}.form-section.permissions{border-top:4px solid #10b981}.form-section p{color:var(--text-main);opacity:.7}.field-group label{color:var(--text-main);opacity:.85}.toggle-container{display:flex;align-items:center;gap:.8rem;cursor:pointer}.toggle-switch{width:44px;height:22px;background:#ffffff1a;border-radius:11px;position:relative;transition:all .3s}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s}.toggle-switch.on{background:#10b981}.toggle-switch.on:after{left:24px}.permissions-list{display:flex;flex-direction:column;gap:.6rem}.permission-item{padding:.8rem;border-radius:8px;background:#ffffff08;display:flex;align-items:center;gap:.8rem;cursor:pointer;font-size:.85rem;transition:all .2s;border:1px solid transparent}.permission-item.active{background:#10b9811a;border-color:#10b9814d;color:#10b981}.auth-setup{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:12px;opacity:.5}.input-with-icon input{padding-left:2.5rem;margin-bottom:0}@media (max-width: 1024px){.form-sections-grid{grid-template-columns:1fr}}.theme-switch-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 12px;border-radius:100px;background:var(--bg-surface);border:1px solid var(--border-color);transition:all .2s ease}.theme-switch-container:hover{border-color:var(--primary-color);box-shadow:0 0 10px #6366f11a}.theme-switch-track{width:48px;height:24px;background:#cbd5e1;border-radius:100px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-switch-track.dark{background:var(--primary-color)}.theme-switch-handle{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;box-shadow:0 2px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-switch-track.dark .theme-switch-handle{left:27px;color:var(--primary-color)}