:root{--primary: #0284c7;--primary-dark: #0369a1;--primary-glow: rgba(2, 132, 199, .35);--cyan: #06b6d4;--indigo: #4f46e5;--ink: #0f172a;--muted: #64748b;--line: rgba(226, 232, 240, .9);--line-dark: rgba(255, 255, 255, .12);--glass: rgba(255, 255, 255, .85);--glass-dark: rgba(15, 23, 42, .88);--card-bg: #ffffff;--card-border: #e2e8f0;--shadow-sm: 0 4px 12px rgba(15, 23, 42, .04);--shadow-md: 0 12px 32px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 64px rgba(15, 23, 42, .14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}section,[id]{scroll-margin-top:90px}body{margin:0;overflow-x:hidden;overflow-y:auto;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:#f8fafc;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:transparent;outline:none;font-family:inherit}input,select,textarea{font:inherit;font-family:inherit;outline:none;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0284c726}.primary-btn,.btn-primary,.btn-primary-gradient{background:#0284c7!important;color:#fff!important;font-weight:600!important;font-size:13.5px!important;padding:9px 18px!important;border-radius:8px!important;border:1px solid #0284c7!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 1px 2px #0284c733!important;transition:all .15s ease!important;text-decoration:none!important}.primary-btn:hover,.btn-primary:hover,.btn-primary-gradient:hover{background:#0369a1!important;border-color:#0369a1!important}.primary-btn:disabled,.btn-primary:disabled,.btn-primary-gradient:disabled{opacity:.55!important;cursor:not-allowed!important}.ghost-btn,.btn-secondary{background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important;font-weight:600!important;font-size:13.5px!important;padding:8px 16px!important;border-radius:8px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transition:all .15s ease!important;text-decoration:none!important}.ghost-btn:hover,.btn-secondary:hover{background:#f8fafc!important;border-color:#94a3b8!important;color:#0f172a!important}.icon-action-btn,.btn-icon{background:#fff!important;border:1px solid #e2e8f0!important;color:#475569!important;padding:6px 10px!important;border-radius:6px!important;font-size:13px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}.icon-action-btn:hover,.btn-icon:hover{border-color:#0284c7!important;color:#0284c7!important;background:#f0f9ff!important}.icon-action-btn.delete-btn:hover,.btn-icon.delete:hover{border-color:#ef4444!important;color:#ef4444!important;background:#fef2f2!important}.glass{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px;box-shadow:0 1px 3px #0000000a}.brand-logo-combo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1;vertical-align:middle}.brand-icon-img{height:38px;width:auto;max-width:44px;object-fit:contain;transition:transform .25s ease}.brand-text-img{height:24px;width:auto;max-width:140px;object-fit:contain;display:block}.toast-notification{padding:12px 18px;border-radius:8px;font-size:13.5px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.toast-notification.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.toast-notification.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.status-dot-green{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block}.status-dot-gray{width:7px;height:7px;border-radius:50%;background:#94a3b8;display:inline-block}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pill.online,.status-pill.active{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.status-pill.offline,.status-pill.draft{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.status-pill .dot{width:6px;height:6px;border-radius:50%}.status-pill .dot.online{background:#22c55e}.status-pill .dot.offline{background:#94a3b8}.code-chip{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;background:#f1f5f9;color:#0284c7;padding:3px 6px;border-radius:4px;border:1px solid #e2e8f0}.playlist-tag{font-size:12.5px;font-weight:600;color:#334155;background:#f1f5f9;padding:3px 8px;border-radius:6px;display:inline-block}.safeview-landing-root{min-height:100vh;position:relative;background:radial-gradient(circle at 10% 8%,rgba(6,182,212,.14),transparent 32%),radial-gradient(circle at 88% 12%,rgba(29,78,216,.16),transparent 36%),radial-gradient(circle at 50% 65%,rgba(56,189,248,.08),transparent 45%),linear-gradient(180deg,#f8fafc,#fff 30%,#f1f5f9);color:#0f172a;overflow-x:clip}.ambient-glow{position:fixed;border-radius:50%;pointer-events:none;filter:blur(80px);z-index:0;opacity:.6}.glow-top-left{width:450px;height:450px;top:-100px;left:-100px;background:#06b6d42e;animation:floatDrift 14s ease-in-out infinite alternate}.glow-top-right{width:500px;height:500px;top:50px;right:-120px;background:#1d4ed82e;animation:floatDrift 16s ease-in-out infinite alternate-reverse}.glow-center{width:600px;height:600px;top:55%;left:25%;background:#0ea5e91a;animation:floatDrift 20s ease-in-out infinite}@keyframes floatDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-25px) scale(1.06)}to{transform:translate(-20px,30px) scale(.96)}}.safeview-nav-header{position:fixed;top:0;left:0;width:100%;height:78px;z-index:1000;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.85);box-shadow:0 4px 20px #0f172a08}.nav-container-inner{max-width:1380px;height:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-center-links{display:flex;align-items:center;gap:32px}.nav-center-links a{color:#475569;font-size:15px;font-weight:600;transition:all .2s ease;position:relative;padding:6px 0}.nav-center-links a:hover{color:#0284c7}.nav-center-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#0284c7,#06b6d4);transition:width .2s ease;border-radius:999px}.nav-center-links a:hover:after{width:100%}.nav-actions-group{display:flex;align-items:center;gap:12px}.btn-nav-login{color:#0f172a;font-weight:700;font-size:14px;padding:8px 18px;border-radius:10px;transition:all .2s}.btn-nav-login:hover{background:#0f172a0d;color:#0284c7}.btn-modern-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0284c7,#1d4ed8);color:#fff!important;font-weight:700;font-size:15px;border-radius:12px;border:none;cursor:pointer;box-shadow:0 8px 24px #0284c74d;transition:all .25s ease;text-decoration:none}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0284c773;filter:brightness(1.05)}.btn-modern-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;background:#ffffffe6;color:#0f172a!important;font-weight:700;font-size:15px;border-radius:12px;border:1px solid rgba(203,213,225,.9);cursor:pointer;box-shadow:0 4px 12px #0f172a0a;transition:all .25s ease;text-decoration:none}.btn-modern-outline:hover{border-color:#0284c7;color:#0284c7!important;background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.btn-modern-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;color:#475569!important;font-weight:700;font-size:15px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-modern-ghost:hover{background:#0f172a0d;color:#0f172a!important}.gradient-text{background:linear-gradient(135deg,#0284c7,#1d4ed8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-modern-section{position:relative;z-index:1;padding:130px 32px 60px;max-width:1380px;margin:0 auto}.hero-modern-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-pill-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 16px;background:#0284c714;border:1px solid rgba(2,132,199,.25);border-radius:999px;font-size:13px;font-weight:700;color:#0284c7;margin-bottom:20px}.live-pulse-dot{width:8px;height:8px;background:#0284c7;border-radius:50%;box-shadow:0 0 10px #0284c7;animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.hero-title-modern{font-size:clamp(38px,4.4vw,62px);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#0f172a;margin:0 0 20px}.hero-desc-modern{font-size:18px;line-height:1.65;color:#475569;margin:0 0 32px;max-width:620px}.hero-cta-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:40px}.hero-metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:24px;border-top:1px solid rgba(226,232,240,.9)}.metric-chip strong{display:block;font-size:24px;font-weight:900;color:#0f172a}.metric-chip span{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.hero-preview-col{position:relative}.hero-mockup-frame{background:#0f172af0;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:16px;box-shadow:0 28px 70px #0f172a59,0 0 0 1px #ffffff1a;color:#fff}.mockup-header-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.mockup-dots{display:flex;gap:6px}.mockup-dots .dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.mockup-channel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#cbd5e1}.live-led{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e}.mockup-res-tag{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:700;background:#06b6d433;color:#38bdf8;padding:2px 8px;border-radius:4px}.mockup-display-stage{aspect-ratio:16 / 10;border-radius:16px;position:relative;overflow:hidden;margin:14px 0;background:#020617}.mockup-media-img{width:100%;height:100%;object-fit:cover;display:block}.mockup-reflection-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(2,6,23,.85) 100%);pointer-events:none}.mockup-info-overlay{position:absolute;bottom:16px;left:18px;right:18px;z-index:2}.overlay-badge-tag{display:inline-block;font-size:11px;font-weight:800;background:#0284c7;color:#fff;padding:2px 8px;border-radius:4px;text-transform:uppercase;margin-bottom:6px}.overlay-content-title{margin:0 0 6px;font-size:20px;font-weight:900;color:#fff}.overlay-schedule-row{display:flex;gap:14px;font-size:12px;color:#94a3b8;font-weight:600}.mockup-channel-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.channel-switch-btn{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;color:#cbd5e1;transition:all .2s}.channel-switch-btn:hover,.channel-switch-btn.active{background:#0284c733;border-color:#38bdf8;color:#fff}.channel-switch-btn .channel-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.channel-switch-btn.active .channel-dot{background:#38bdf8;box-shadow:0 0 8px #38bdf8}.channel-switch-btn strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-switch-btn small{display:block;font-size:11px;color:#94a3b8}.mockup-progress-box{background:#00000059;padding:10px 14px;border-radius:10px}.progress-labels{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8;margin-bottom:6px}.progress-labels strong{color:#38bdf8}.progress-bar-track{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0284c7,#06b6d4);border-radius:999px;transition:width .6s ease}.landing-content-flow{position:relative;z-index:1}.section-modern{max-width:1380px;margin:0 auto;padding:80px 32px;position:relative}.section-head-center{text-align:center;max-width:780px;margin:0 auto 52px}.section-kicker-pill{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#0284c7;background:#0284c714;border:1px solid rgba(2,132,199,.2);padding:4px 14px;border-radius:999px;margin-bottom:14px}.section-title-large{font-size:clamp(30px,3.5vw,48px);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#0f172a;margin:0 0 16px}.section-desc-center{font-size:17px;line-height:1.6;color:#64748b;margin:0 auto}.bento-modern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bento-card-glass{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:30px;box-shadow:0 12px 36px #0f172a0a;transition:all .25s ease;display:flex;flex-direction:column}.bento-card-glass:hover{transform:translateY(-4px);border-color:#0284c766;box-shadow:0 20px 48px #0284c71a}.bento-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.bento-icon-bubble{font-size:28px;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:#0284c714}.bento-tag-pill{font-size:11px;font-weight:800;text-transform:uppercase;color:#0284c7;background:#0284c71a;padding:4px 10px;border-radius:999px}.bento-card-title{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 10px}.bento-card-desc{font-size:14px;line-height:1.6;color:#64748b;margin:0 0 20px;flex:1}.bento-highlights-list{list-style:none;padding:16px 0 0;margin:0;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(226,232,240,.8)}.bento-highlights-list li{font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;gap:8px}.check-bullet{color:#0284c7;font-weight:900}.industry-tabs-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:32px}.industry-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#fffc;border:1px solid rgba(203,213,225,.8);border-radius:999px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.industry-tab-btn:hover{border-color:#0284c7;color:#0284c7}.industry-tab-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 6px 20px #0284c74d}.industry-spotlight-card{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:44px;border-radius:24px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);box-shadow:0 16px 48px #0f172a0d}.spotlight-tag{font-size:13px;font-weight:800;text-transform:uppercase;color:#0284c7;margin-bottom:12px}.spotlight-headline{font-size:clamp(24px,2.6vw,34px);font-weight:900;color:#0f172a;line-height:1.25;margin:0 0 24px}.spotlight-points-grid{display:grid;gap:12px;margin-bottom:28px}.spotlight-point-item{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#334155}.point-bullet-star{color:#0284c7;font-size:14px}.visual-mockup-inner{border-radius:18px;overflow:hidden;position:relative;box-shadow:0 16px 40px #00000026}.visual-mockup-inner img{width:100%;height:100%;display:block;object-fit:cover}.visual-badge-floating{position:absolute;bottom:16px;left:16px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:8px 14px;border-radius:10px}.visual-badge-floating span{display:block;font-size:11px;color:#22c55e;font-weight:700}.visual-badge-floating strong{font-size:14px}.hardware-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.hardware-glass-card{background:#ffffffd9;border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:30px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0f172a08}.hardware-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hardware-icon-box{font-size:32px}.hardware-badge-pill{font-size:11px;font-weight:800;background:#0284c71a;color:#0284c7;padding:4px 10px;border-radius:6px}.hardware-title{font-size:20px;font-weight:800;margin:0 0 8px;color:#0f172a}.hardware-desc{font-size:14px;line-height:1.6;color:#64748b;margin:0 0 20px;flex:1}.hardware-divider{height:1px;background:#e2e8f0cc;margin-bottom:16px}.hardware-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.hardware-feature-list li{font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;gap:8px}.hardware-bullet{color:#0284c7}.workflow-timeline-wrapper{background:#ffffffe6;border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:44px;box-shadow:0 16px 44px #0f172a0a}.timeline-header{text-align:center;max-width:600px;margin:0 auto 36px}.timeline-header h3{font-size:26px;font-weight:900;margin:0 0 8px}.timeline-header p{color:#64748b;margin:0}.timeline-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.t-step-card{background:#f8fafccc;border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;position:relative}.t-step-num{font-size:28px;font-weight:900;color:#0284c7;margin-bottom:12px}.t-step-card h4{font-size:16px;font-weight:800;margin:0 0 8px;color:#0f172a}.t-step-card p{font-size:13px;line-height:1.5;color:#64748b;margin:0}.plans-no-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}.plan-consult-card{background:#ffffffe6;border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:36px 30px;display:flex;flex-direction:column;position:relative;box-shadow:0 12px 36px #0f172a0a;transition:all .25s ease}.plan-consult-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0f172a14}.plan-consult-card.featured-plan{border:2px solid #0284c7;background:#fff;box-shadow:0 24px 60px #0284c729}.featured-banner-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#0284c7,#1d4ed8);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:5px 16px;border-radius:999px;box-shadow:0 4px 14px #0284c759}.plan-name-title{font-size:24px;font-weight:900;color:#0f172a;margin:0 0 8px}.plan-tagline-text{font-size:14px;color:#64748b;margin:0 0 22px;min-height:42px}.plan-capacity-box{background:#f8fafce6;border:1px solid rgba(226,232,240,.8);border-radius:14px;padding:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.capacity-line{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#0f172a}.capacity-line .cap-icon{font-size:18px}.plan-features-block{flex:1;margin-bottom:30px}.features-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;color:#94a3b8;margin-bottom:14px;letter-spacing:.04em}.plan-bullet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.plan-bullet-list li{font-size:14px;font-weight:600;color:#334155;display:flex;align-items:flex-start;gap:10px;line-height:1.45}.bullet-check-cyan{color:#0284c7;font-weight:900}.btn-plan-select{width:100%;padding:14px 20px;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;transition:all .25s;text-align:center}.btn-plan-select.primary-glow{background:linear-gradient(135deg,#0284c7,#1d4ed8);color:#fff;border:none;box-shadow:0 8px 24px #0284c74d}.btn-plan-select.primary-glow:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0284c773}.btn-plan-select.outline-glow{background:#fff;color:#0f172a;border:1px solid rgba(203,213,225,.9)}.btn-plan-select.outline-glow:hover{border-color:#0284c7;color:#0284c7;transform:translateY(-2px)}.contact-hub-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;padding:44px;border-radius:24px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);box-shadow:0 20px 60px #0f172a0d}.contact-card-heading{font-size:24px;font-weight:900;color:#0f172a;margin:0 0 6px}.contact-card-sub{font-size:14px;color:#64748b;margin:0 0 24px}.contact-interactive-form{display:flex;flex-direction:column;gap:16px}.form-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label-box{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#334155}.form-label-box input,.form-label-box select,.form-label-box textarea{padding:12px 14px;border:1px solid rgba(203,213,225,.9);border-radius:10px;background:#fff;font:inherit;color:#0f172a;outline:none;transition:all .2s}.form-label-box input:focus,.form-label-box select:focus,.form-label-box textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.submit-btn-full{width:100%;padding:14px;font-size:16px;margin-top:6px}.form-success-banner{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:32px;border-radius:16px;text-align:center}.form-success-banner .success-icon{font-size:40px;color:#16a34a;display:block;margin-bottom:12px}.form-success-banner h4{font-size:20px;font-weight:800;margin:0 0 8px;color:#15803d}.form-success-banner p{color:#475569;margin:0 0 20px}.contact-info-cards-col{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-badge-card{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f8fafcd9;border:1px solid rgba(226,232,240,.85);border-radius:12px}.info-icon-circle{width:38px;height:38px;border-radius:10px;background:#0284c71a;color:#0284c7;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.info-badge-card strong{display:block;font-size:12px;text-transform:uppercase;color:#64748b}.info-badge-card a,.info-badge-card p{font-size:15px;font-weight:700;color:#0f172a;margin:0}.info-badge-card a:hover{color:#0284c7}.contact-map-wrapper{height:180px;border-radius:14px;overflow:hidden;border:1px solid rgba(226,232,240,.9)}.contact-map-wrapper iframe{width:100%;height:100%;border:0}.faq-accordion-container{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.faq-item-card{background:#ffffffd9;border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:20px 24px;cursor:pointer;transition:all .2s ease}.faq-item-card:hover{border-color:#0284c7}.faq-item-card.open{background:#fff;border-color:#0284c7;box-shadow:0 8px 24px #0284c714}.faq-question-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-q-text{font-size:16px;font-weight:800;color:#0f172a}.faq-toggle-icon{font-size:20px;font-weight:700;color:#0284c7}.faq-answer-body{margin-top:14px;padding-top:14px;border-top:1px solid rgba(226,232,240,.8);font-size:15px;line-height:1.6;color:#475569}.safeview-modern-footer{background:#080e1c;color:#cbd5e1;padding:80px 32px 32px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.footer-top-grid{max-width:1380px;margin:0 auto 56px;display:grid;grid-template-columns:1.4fr repeat(3,.85fr);gap:48px}.footer-brand-desc{font-size:14px;line-height:1.6;color:#94a3b8;margin:16px 0;max-width:360px}.footer-company-tag{font-size:12px;color:#64748b;font-weight:600}.footer-links-col{display:flex;flex-direction:column;gap:12px}.footer-links-col strong{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.footer-links-col a{color:#94a3b8;font-size:14px;transition:color .2s}.footer-links-col a:hover{color:#38bdf8}.footer-bottom-bar{max-width:1380px;margin:0 auto;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#64748b}@media (max-width: 1080px){.hero-modern-grid{grid-template-columns:1fr;gap:40px}.bento-modern-grid,.hardware-cards-grid,.plans-no-price-grid,.timeline-steps-grid{grid-template-columns:repeat(2,1fr)}.contact-hub-grid{grid-template-columns:1fr}.footer-top-grid{grid-template-columns:1fr 1fr}.industry-spotlight-card{grid-template-columns:1fr}}@media (max-width: 768px){.nav-center-links{display:none}.safeview-nav-header{height:70px}.hero-modern-section{padding-top:100px}.hero-metrics-strip{grid-template-columns:repeat(2,1fr)}.bento-modern-grid,.hardware-cards-grid,.plans-no-price-grid,.timeline-steps-grid,.form-fields-row{grid-template-columns:1fr}.footer-top-grid{grid-template-columns:1fr;gap:32px}.footer-bottom-bar{flex-direction:column;gap:8px;text-align:center}}.dashboard-shell{display:flex;min-height:100vh;background:#f0f4f8;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.dashboard-sidebar{width:240px;min-width:240px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:50;transition:transform .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 14px;border-bottom:1px solid #f1f5f9}.sidebar-logo{display:flex;align-items:center;text-decoration:none}.mobile-close-btn{display:none;background:none;border:none;font-size:18px;cursor:pointer;color:#64748b;padding:4px 8px;border-radius:6px}.mobile-close-btn:hover{background:#f1f5f9}.org-switcher-card{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:12px 12px 6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.org-avatar{width:34px;height:34px;border-radius:8px;background:#dbeafe;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.org-details{display:flex;flex-direction:column;min-width:0}.org-details strong{font-size:12.5px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-plan-tag{font-size:10.5px;font-weight:600;color:#0284c7;background:#dbeafe;padding:1px 6px;border-radius:4px;width:fit-content;margin-top:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:10px 8px 4px}.nav-btn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;transition:all .12s ease;width:100%}.nav-btn .nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.nav-btn:hover{background:#f1f5f9;color:#0f172a}.nav-btn.active{background:#eff6ff;color:#0284c7;font-weight:700}.superadmin-nav-btn.active,.superadmin-nav-btn:hover{background:#f5f3ff;color:#7c3aed}.sidebar-footer{padding:12px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:10px}.launch-player-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12.5px;font-weight:600;color:#334155;text-decoration:none;transition:all .15s}.launch-player-btn:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.user-profile-row{display:flex;align-items:center;gap:9px}.user-avatar-circle{width:32px;height:32px;border-radius:50%;background:#0284c7;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-meta{flex:1;min-width:0;display:flex;flex-direction:column}.user-meta strong{font-size:12.5px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-icon-btn{background:transparent;border:none;font-size:15px;cursor:pointer;padding:5px;border-radius:6px;color:#94a3b8;flex-shrink:0;transition:all .15s}.logout-icon-btn:hover{background:#fef2f2;color:#ef4444}.sidebar-mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:40}.dashboard-main-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.dashboard-topbar{height:60px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:12px}.mobile-hamburger-btn{display:none;background:transparent;border:1px solid #e2e8f0;padding:6px 10px;border-radius:7px;font-size:15px;cursor:pointer;color:#0f172a;transition:all .15s}.mobile-hamburger-btn:hover{background:#f1f5f9}.page-header-title{font-size:17px;font-weight:700;color:#0f172a;margin:0}.topbar-right{display:flex;align-items:center;gap:8px}.superadmin-badge-btn{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border:none;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.superadmin-badge-btn:hover{opacity:.88}.player-shortcut,.home-shortcut{font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:7px;background:#fff;border:1px solid #e2e8f0;color:#475569;text-decoration:none;transition:all .15s}.player-shortcut:hover,.home-shortcut:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.dashboard-content-scroll{flex:1;overflow-y:auto;padding:24px}.view-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:#64748b;font-size:14px;font-weight:600}.view-spinner{width:22px;height:22px;border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;animation:spin .7s linear infinite}.view-success-toast,.view-error-toast{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:9px;font-size:13.5px;font-weight:600;margin-bottom:18px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.view-success-toast{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.view-error-toast{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.view-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.view-header-text h2{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 4px}.view-header-text p{font-size:13.5px;color:#64748b;margin:0}.view-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0a;overflow:hidden}.dash-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.dash-card-header h3{font-size:15px;font-weight:700;color:#0f172a;margin:0}.dash-card-meta{font-size:12px;color:#94a3b8}.dash-card-body{padding:20px}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 24px;text-align:center}.empty-icon-wrap{font-size:44px;opacity:.35}.empty-state-box h3{font-size:16px;font-weight:700;color:#334155;margin:0}.empty-state-box p{font-size:13.5px;color:#94a3b8;margin:0;max-width:320px}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;background:#0284c7;border:1px solid #0284c7;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-primary:hover{background:#0369a1;border-color:#0369a1}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:7px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.btn-icon-sm{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-icon-sm:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.btn-icon-sm.delete:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.field-group{display:flex;flex-direction:column;gap:5px}.field-group label,.field-label{font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.field-input{padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:all .15s;width:100%}.field-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.field-input::placeholder{color:#94a3b8}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.status-chip:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-chip.online{background:#dcfce7;color:#15803d}.status-chip.online:before{background:#22c55e}.status-chip.offline{background:#f1f5f9;color:#64748b}.status-chip.offline:before{background:#94a3b8}.status-chip.active{background:#dbeafe;color:#1d4ed8}.status-chip.active:before{background:#3b82f6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:900;animation:fadeIn .18s ease}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 28px 64px #0f172a38;animation:modalUp .22s ease;display:flex;flex-direction:column;max-height:90vh}.modal-box.wide{max-width:680px}.modal-box.narrow{max-width:400px}@keyframes modalUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.modal-header h3{font-size:16px;font-weight:800;color:#0f172a;margin:0}.modal-close{width:28px;height:28px;border-radius:6px;border:1px solid #e2e8f0;background:#f8fafc;font-size:14px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.modal-body{padding:20px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;font-size:13.5px}.dash-table thead th{padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;background:#f8fafc;text-align:left;border-bottom:1px solid #e2e8f0}.dash-table tbody tr{transition:background .1s}.dash-table tbody tr:hover{background:#f8fafc}.dash-table tbody td{padding:13px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155}.dash-table tbody tr:last-child td{border-bottom:none}.overview-container{display:flex;flex-direction:column;gap:20px}.overview-welcome{background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#fff}.welcome-text h2{font-size:20px;font-weight:800;margin:0 0 5px}.welcome-text p{font-size:13.5px;opacity:.85;margin:0}.welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-welcome{padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff}.btn-welcome:hover{background:#ffffff47}.btn-welcome.solid{background:#fff;color:#0284c7;border-color:#fff}.btn-welcome.solid:hover{background:#f0f9ff}.overview-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 4px #0f172a0a;transition:box-shadow .2s,transform .2s}.kpi-card:hover{box-shadow:0 4px 16px #0f172a14;transform:translateY(-1px)}.kpi-card-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.kpi-icon-wrap{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px}.kpi-number{font-size:28px;font-weight:900;color:#0f172a;line-height:1}.kpi-sub-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;flex-wrap:wrap}.kpi-dot-green{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0}.kpi-dot-gray{width:6px;height:6px;border-radius:50%;background:#94a3b8;flex-shrink:0}.kpi-meter{height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.kpi-meter-fill{height:100%;background:#0284c7;border-radius:2px}.kpi-link-btn{background:none;border:none;color:#0284c7;font-size:12px;font-weight:600;cursor:pointer;padding:0}.kpi-link-btn:hover{text-decoration:underline}.screens-view-shell{display:flex;flex-direction:column;gap:20px}.screen-filter-bar{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{padding:6px 14px;border-radius:20px;font-size:12.5px;font-weight:600;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .15s}.filter-pill:hover{border-color:#0284c7;color:#0284c7}.filter-pill.active{background:#0284c7;border-color:#0284c7;color:#fff}.screens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.screen-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,transform .15s}.screen-card:hover{box-shadow:0 4px 16px #0f172a14;transform:translateY(-1px)}.screen-card-top{display:flex;align-items:center;justify-content:space-between}.screen-card-actions{display:flex;gap:4px}.screen-card-body{display:flex;flex-direction:column;gap:8px}.screen-name-title{font-size:15px;font-weight:700;color:#0f172a;margin:0}.screen-loc-text{font-size:12.5px;color:#94a3b8;margin:0}.screen-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:10px 12px}.screen-device-item small{display:block;font-size:10px;text-transform:uppercase;color:#94a3b8;font-weight:700;margin-bottom:2px}.screen-device-item span{font-size:12px;font-weight:600;color:#334155}.playlist-assign-box{display:flex;flex-direction:column;gap:4px}.playlist-assign-box label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.playlist-select{width:100%;padding:8px 10px;font-size:13px;border:1.5px solid #e2e8f0;border-radius:7px;background:#fff;color:#0f172a;cursor:pointer}.playlist-select:focus{border-color:#0284c7;outline:none}.screen-card-footer{padding-top:12px;border-top:1px solid #f1f5f9;display:flex;gap:6px}.groups-section{display:flex;flex-direction:column;gap:12px}.group-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.group-left{display:flex;align-items:center;gap:12px}.group-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.group-info strong{display:block;font-size:14px;font-weight:700;color:#0f172a}.group-info small{font-size:12px;color:#94a3b8}.group-actions{display:flex;gap:6px}.pair-code-display{display:flex;align-items:center;justify-content:center;padding:20px;background:#f0f9ff;border:2px dashed #7dd3fc;border-radius:10px;margin-bottom:4px}.pair-code-digits{font-family:ui-monospace,SFMono-Regular,monospace;font-size:36px;font-weight:900;color:#0284c7;letter-spacing:.15em}.pair-code-hint{font-size:12.5px;color:#64748b;text-align:center}.media-view-shell{display:flex;flex-direction:column;gap:20px}.media-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.media-search-input{flex:1;min-width:200px;padding:9px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13.5px;color:#0f172a;background:#fff;transition:all .15s}.media-search-input:focus{border-color:#0284c7;outline:none}.media-type-tabs{display:flex;gap:4px;background:#f1f5f9;padding:3px;border-radius:8px}.type-tab{padding:6px 12px;border-radius:6px;font-size:12.5px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .12s}.type-tab.active{background:#fff;color:#0284c7;box-shadow:0 1px 3px #00000014}.upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#f8fafc;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-zone.drag-over,.upload-zone:hover{border-color:#0284c7;background:#f0f9ff}.upload-icon{font-size:36px;opacity:.5}.upload-zone h3{font-size:15px;font-weight:700;color:#334155;margin:0}.upload-zone p{font-size:13px;color:#94a3b8;margin:0}.upload-progress-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#0284c7}.storage-usage-bar{display:flex;flex-direction:column;gap:6px}.storage-labels{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:#64748b}.storage-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.storage-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#0284c7,#06b6d4);transition:width .4s ease}.storage-fill.warn{background:linear-gradient(90deg,#f59e0b,#ef4444)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.media-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .15s}.media-item-card:hover{box-shadow:0 4px 16px #0f172a14;transform:translateY(-1px)}.media-item-thumb{height:110px;background:#f8fafc;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-item-thumb img,.media-item-thumb video{width:100%;height:100%;object-fit:cover}.media-type-icon{font-size:32px;opacity:.4}.media-item-meta{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.media-item-name{font-size:12.5px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item-size{font-size:11px;color:#94a3b8}.media-item-actions{display:flex;gap:4px;padding:8px 12px;border-top:1px solid #f1f5f9}.playlists-view-shell{display:flex;flex-direction:column;gap:20px}.playlist-cards-list{display:flex;flex-direction:column;gap:12px}.playlist-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;transition:box-shadow .2s}.playlist-card:hover{box-shadow:0 4px 14px #0f172a12}.playlist-icon-wrap{width:42px;height:42px;border-radius:10px;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.playlist-card-info{flex:1;min-width:0}.playlist-card-info strong{display:block;font-size:14.5px;font-weight:700;color:#0f172a}.playlist-card-info p{font-size:12.5px;color:#64748b;margin:2px 0 0}.playlist-card-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.playlist-meta-pill{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:3px 9px;border-radius:6px}.playlist-card-actions{display:flex;gap:6px}.playlist-editor-list{display:flex;flex-direction:column;gap:8px}.playlist-editor-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.item-thumb-mini{width:50px;height:34px;border-radius:5px;background:#e2e8f0;object-fit:cover;flex-shrink:0}.item-icon-mini{width:50px;height:34px;border-radius:5px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.item-info{flex:1;min-width:0}.item-info-name{font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info-type{font-size:11px;color:#94a3b8}.item-duration-input{width:65px;padding:5px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12.5px;text-align:center;color:#334155}.schedules-view-shell{display:flex;flex-direction:column;gap:20px}.schedules-list{display:flex;flex-direction:column;gap:10px}.schedule-row{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:box-shadow .15s}.schedule-row:hover{box-shadow:0 3px 12px #0f172a12}.schedule-row-left{display:flex;flex-direction:column;gap:4px}.schedule-name{font-size:14px;font-weight:700;color:#0f172a}.schedule-sub{font-size:12px;color:#64748b;display:flex;gap:12px;flex-wrap:wrap}.schedule-day-chips{display:flex;gap:3px;flex-wrap:wrap}.day-chip{padding:2px 7px;border-radius:4px;font-size:10.5px;font-weight:700;background:#f1f5f9;color:#64748b}.day-chip.active{background:#dbeafe;color:#1d4ed8}.schedule-actions{display:flex;gap:6px}.settings-view-shell{display:flex;flex-direction:column;gap:20px}.settings-tabs{display:flex;gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:4px;width:fit-content}.settings-tab-btn{padding:7px 16px;border-radius:7px;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .12s}.settings-tab-btn.active{background:#0284c7;color:#fff}.settings-tab-btn:hover:not(.active){background:#f1f5f9;color:#0f172a}.settings-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.settings-section-header{padding:16px 22px;border-bottom:1px solid #f1f5f9}.settings-section-header h3{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 2px}.settings-section-header p{font-size:13px;color:#94a3b8;margin:0}.settings-section-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.plan-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.plan-card{border:2px solid #e2e8f0;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .15s}.plan-card:hover{border-color:#0284c7;box-shadow:0 0 0 3px #0284c714}.plan-card.current{border-color:#0284c7;background:#f0f9ff}.plan-card-name{font-size:15px;font-weight:800;color:#0f172a}.plan-card-price{font-size:22px;font-weight:900;color:#0284c7}.plan-card-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.plan-card-features li{font-size:12.5px;color:#475569;display:flex;align-items:flex-start;gap:6px}.plan-card-features li:before{content:"checkmark";color:#0284c7;font-weight:700;flex-shrink:0}.member-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.member-row:last-child{border-bottom:none}.member-avatar{width:36px;height:36px;border-radius:50%;background:#0284c7;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-info{flex:1;min-width:0}.member-info strong{display:block;font-size:13.5px;font-weight:700;color:#0f172a}.member-info small{font-size:12px;color:#94a3b8}.role-chip{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:#f1f5f9;color:#475569}.role-chip.owner{background:#ede9fe;color:#7c3aed}.canvas-designer-root{display:flex;flex-direction:column;height:calc(100vh - 108px);gap:0;background:#f0f4f8;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.designer-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid #e2e8f0;gap:12px;flex-wrap:wrap;flex-shrink:0}.designer-topbar-left{display:flex;align-items:center;gap:10px}.designer-topbar-right{display:flex;align-items:center;gap:8px}.design-title-input{font-size:14px;font-weight:700;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:7px;padding:6px 10px;width:200px;background:#f8fafc}.design-title-input:focus{border-color:#0284c7;background:#fff;outline:none}.ratio-pill-select{padding:6px 10px;border:1.5px solid #e2e8f0;border-radius:7px;font-size:12.5px;font-weight:600;background:#f8fafc;color:#334155;cursor:pointer}.btn-designer-template{padding:7px 14px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;font-size:12.5px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.btn-designer-template:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.btn-designer-ai{padding:7px 14px;border-radius:7px;border:none;background:linear-gradient(135deg,#7c3aed,#6366f1);font-size:12.5px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .15s}.btn-designer-ai:hover{opacity:.88}.btn-designer-export{padding:7px 16px;border-radius:7px;border:none;background:#0284c7;font-size:12.5px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s}.btn-designer-export:hover{background:#0369a1}.designer-body{display:grid;grid-template-columns:220px 1fr 250px;flex:1;min-height:0;overflow:hidden}.designer-sidebar-left,.designer-sidebar-right{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:14px;padding:14px;overflow-y:auto}.designer-sidebar-right{border-right:none;border-left:1px solid #e2e8f0}.designer-sidebar-left h3,.designer-sidebar-right h3{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin:0}.tool-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:11px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.tool-btn .tool-emoji{font-size:20px}.tool-btn:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.designer-canvas-area{display:flex;align-items:center;justify-content:center;background:#dde3ea;overflow:auto;position:relative}.canvas-artboard{background:#fff;position:relative;overflow:hidden;box-shadow:0 8px 40px #0f172a33}.canvas-element{position:absolute;cursor:move;-webkit-user-select:none;user-select:none}.canvas-element.selected{outline:2px solid #0284c7;outline-offset:2px}.canvas-element-text{padding:4px 6px}.prop-group{display:flex;flex-direction:column;gap:5px}.prop-group label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase}.prop-input{padding:7px 10px;border:1.5px solid #e2e8f0;border-radius:7px;font-size:13px;color:#0f172a;width:100%;background:#f8fafc}.prop-input:focus{border-color:#0284c7;outline:none;background:#fff}.ai-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f5f3ff;border:1px solid #ede9fe;border-radius:9px}.ai-prompt-input{padding:8px 10px;border:1.5px solid #ede9fe;border-radius:7px;font-size:12.5px;background:#fff;color:#0f172a;resize:none;min-height:64px;width:100%}.ai-prompt-input:focus{border-color:#7c3aed;outline:none}@media (max-width: 900px){.dashboard-sidebar{position:fixed;left:0;top:0;transform:translate(-100%);z-index:60;box-shadow:4px 0 24px #0f172a1f}.dashboard-sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-overlay.visible{display:block}.mobile-hamburger-btn,.mobile-close-btn{display:flex}.overview-kpi-grid{grid-template-columns:repeat(2,1fr)}.screens-grid{grid-template-columns:1fr}.designer-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.designer-sidebar-right{border-left:none;border-top:1px solid #e2e8f0}}@media (max-width: 600px){.dashboard-content-scroll{padding:14px}.overview-kpi-grid,.field-row{grid-template-columns:1fr}.modal-box{max-width:100%}.plan-cards-grid{grid-template-columns:1fr}}.studio-root-container{display:flex;flex-direction:column;height:calc(100vh - 108px);background:#1e293b;border-radius:12px;overflow:hidden;border:1px solid #334155}.studio-top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0f172a;border-bottom:1px solid #334155;gap:12px;flex-wrap:wrap;flex-shrink:0}.studio-bar-left,.studio-bar-right{display:flex;align-items:center;gap:10px}.doc-title-box{display:flex;align-items:center;gap:8px}.doc-icon{font-size:18px}.doc-title-field{background:#1e293b;border:1.5px solid #334155;border-radius:7px;color:#f1f5f9;font-size:14px;font-weight:700;padding:6px 10px;width:200px}.doc-title-field:focus{border-color:#38bdf8;outline:none}.ratio-badge-selector{display:flex;align-items:center;gap:6px}.ratio-label{font-size:12px;color:#64748b;font-weight:600}.ratio-select{padding:6px 10px;border:1.5px solid #334155;border-radius:7px;font-size:12.5px;font-weight:600;background:#1e293b;color:#cbd5e1;cursor:pointer}.studio-btn{padding:7px 14px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid #334155;background:#1e293b;color:#94a3b8}.studio-btn:hover{background:#334155;color:#f1f5f9}.studio-btn.ai-btn{background:linear-gradient(135deg,#7c3aed,#6366f1);border-color:transparent;color:#fff}.studio-btn.ai-btn:hover{opacity:.88}.studio-btn.export-btn{background:#0284c7;border-color:#0284c7;color:#fff}.studio-btn.export-btn:hover{background:#0369a1}.studio-alert-pill{margin:8px 16px 0;padding:9px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:13px;font-weight:600;color:#15803d;animation:slideDown .2s ease}.studio-workspace-grid{display:grid;grid-template-columns:220px 1fr 260px;flex:1;min-height:0;overflow:hidden}.studio-tools-panel,.studio-inspector-panel{background:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;gap:14px;padding:14px;overflow-y:auto}.studio-inspector-panel{border-right:none;border-left:1px solid #1e293b}.panel-section{display:flex;flex-direction:column;gap:8px}.panel-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#475569;margin:0}.tools-button-stack{display:flex;flex-direction:column;gap:6px}.tool-card-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#1e293b;border:1px solid #334155;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;width:100%;color:#cbd5e1}.tool-card-btn:hover{background:#334155;border-color:#475569}.tool-icon-box{width:32px;height:32px;border-radius:6px;background:#334155;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-info strong{display:block;font-size:12.5px;font-weight:700;color:#e2e8f0}.tool-info small{font-size:10.5px;color:#64748b}.bg-preset-grid{display:flex;gap:8px;flex-wrap:wrap}.bg-swatch{width:34px;height:34px;border-radius:7px;border:2px solid #334155;cursor:pointer;transition:border-color .15s}.bg-swatch:hover{border-color:#38bdf8}.studio-canvas-viewport{display:flex;align-items:center;justify-content:center;background:#0a0f1a;overflow:auto;position:relative;padding:24px}.artboard-bounding-frame{width:100%;display:flex;align-items:center;justify-content:center}.artboard-display-surface{position:relative;width:100%;max-height:calc(100vh - 200px);overflow:hidden;box-shadow:0 12px 60px #0009;border-radius:4px;cursor:crosshair}.canvas-layer-item{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;transition:outline .1s}.canvas-layer-item.layer-selected{outline:2px solid #38bdf8;outline-offset:4px;border-radius:2px}.canvas-badge-chip{display:inline-block;padding:4px 12px;border-radius:20px;font-size:inherit;font-weight:700;letter-spacing:.06em}.canvas-qr-box{display:flex;flex-direction:column;align-items:center;gap:4px}.qr-sim{width:80px;height:80px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#000}.canvas-clock-box{font-size:inherit;font-weight:700;font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.05em}.inspector-controls-stack{display:flex;flex-direction:column;gap:14px}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#475569}.inspector-input{padding:8px 10px;border:1.5px solid #334155;border-radius:7px;background:#1e293b;color:#e2e8f0;font-size:13px;width:100%;resize:vertical}.inspector-input:focus{border-color:#38bdf8;outline:none}.layer-type-tag{font-size:11px;font-weight:800;background:#1e293b;border:1px solid #334155;color:#38bdf8;padding:3px 9px;border-radius:5px;width:fit-content}.label-with-val{display:flex;align-items:center;justify-content:space-between}.label-with-val span{font-size:12px;font-weight:700;color:#38bdf8}.no-selection-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 0;text-align:center;color:#475569}.no-selection-hint span{font-size:28px}.no-selection-hint p{font-size:12.5px;margin:0}.auth-page-bright{display:flex;min-height:100vh;width:100vw;background:#fff;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.auth-left-pane{flex:1 1 48%;min-width:320px;max-width:620px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;background:#fff;border-right:1px solid #e2e8f0;position:relative;z-index:10}.auth-box{width:100%;max-width:400px;display:flex;flex-direction:column}.auth-header-brand{margin-bottom:32px}.auth-header-brand .brand-logo-combo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.auth-header-brand .brand-icon-img{height:38px;width:auto}.auth-header-brand .brand-text-img{height:24px;width:auto}.auth-title-section{margin-bottom:24px}.auth-main-title{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.auth-desc{font-size:14px;color:#64748b;line-height:1.5;margin:0}.auth-tab-switch{display:flex;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:24px;border:1px solid #e2e8f0}.auth-tab-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.auth-tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.auth-tab-btn:hover:not(.active){color:#334155}.auth-alert-message{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;font-size:13px;margin-bottom:20px}.auth-clean-form{display:flex;flex-direction:column;gap:16px}.form-group-clean{display:flex;flex-direction:column;gap:6px}.form-group-clean label{font-size:13px;font-weight:600;color:#334155}.form-group-clean input{padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:all .15s ease;font-family:inherit}.form-group-clean input:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.form-group-clean input::placeholder{color:#94a3b8}.btn-primary-auth{margin-top:6px;padding:12px 18px;background:#0284c7;color:#fff;border:1px solid #0284c7;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0284c733}.btn-primary-auth:hover:not(:disabled){background:#0369a1;border-color:#0369a1}.btn-primary-auth:disabled{opacity:.6;cursor:not-allowed}.demo-helper-box{margin-top:20px;padding:12px 14px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;display:flex;flex-direction:column;gap:8px}.demo-helper-text{font-size:12px;color:#475569;display:flex;flex-direction:column;gap:2px}.demo-helper-text strong{color:#0f172a}.btn-autofill-demo{background:#fff;border:1px solid #cbd5e1;color:#0284c7;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:center}.btn-autofill-demo:hover{background:#f0f9ff;border-color:#0284c7}.auth-bottom-links{margin-top:24px;padding-top:18px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.auth-sublink{color:#64748b;text-decoration:none;font-weight:500;transition:color .15s ease}.auth-sublink:hover{color:#0284c7}.auth-sublink-dot{color:#cbd5e1}.auth-copyright-note{margin-top:14px;font-size:11px;color:#94a3b8;text-align:center}.auth-right-pane{flex:1 1 52%;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;padding:48px;position:relative}.showcase-inner-container{width:100%;max-width:520px;display:flex;flex-direction:column}.showcase-header-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#0284c7;width:fit-content;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}.pill-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.showcase-title{font-size:28px;font-weight:700;color:#0f172a;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px}.showcase-subtitle{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 28px}.showcase-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #0f172a0f;margin-bottom:24px}.preview-card-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.window-dot-group{display:flex;gap:5px}.w-dot{width:8px;height:8px;border-radius:50%}.dot-gray{background:#cbd5e1}.preview-bar-label{font-size:11px;font-weight:600;color:#64748b}.preview-image-holder{height:200px;background:#0f172a;overflow:hidden}.preview-signage-img{width:100%;height:100%;object-fit:cover;display:block}.preview-metrics-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 16px;background:#fff;border-top:1px solid #f1f5f9}.p-metric-item{display:flex;flex-direction:column;gap:2px}.p-metric-value{font-size:14px;font-weight:700;color:#0f172a}.p-metric-label{font-size:11px;color:#64748b}.showcase-badges-grid{display:flex;flex-direction:column;gap:12px}.badge-item-clean{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #00000005}.badge-item-icon{font-size:18px;line-height:1;margin-top:2px}.badge-item-text{display:flex;flex-direction:column;gap:2px}.badge-item-text strong{font-size:13px;font-weight:600;color:#0f172a}.badge-item-text span{font-size:12px;color:#64748b;line-height:1.4}@media (max-width: 980px){.auth-page-bright{flex-direction:column}.auth-left-pane{max-width:100%;border-right:none;padding:36px 20px}.auth-right-pane{display:none}}@media (max-width: 480px){.auth-left-pane{padding:28px 16px}.auth-main-title{font-size:22px}.auth-bottom-links{flex-direction:column;gap:6px}.auth-sublink-dot{display:none}}.signage-player-stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:none;z-index:9999}.player-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.player-media-element{width:100%;height:100%;object-fit:contain;display:block}.image-fade-in{animation:fadeIn .4s ease-in-out}.signage-player-pairing-shell,.signage-player-idle-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(2,132,199,.12),transparent 70%),#0b0f19;color:#fff;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;z-index:9999}.pairing-card-hero,.idle-card{max-width:580px;width:100%;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;padding:36px 40px;text-align:center;box-shadow:0 25px 60px #0009;display:flex;flex-direction:column;align-items:center;gap:20px}.pairing-header{display:flex;flex-direction:column;align-items:center;gap:10px}.pairing-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#0284c733;color:#38bdf8;padding:4px 12px;border-radius:20px;border:1px solid rgba(2,132,199,.35)}.pairing-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.pairing-body h2{font-size:24px;font-weight:800;margin:0;color:#fff}.pairing-instructions{font-size:13.5px;color:#94a3b8;line-height:1.5;margin:0;max-width:440px}.pairing-code-box{background:#0284c714;border:2px dashed rgba(56,189,248,.4);border-radius:12px;padding:16px 32px;margin:4px 0;box-shadow:inset 0 2px 8px #0006}.pairing-code-text{font-family:ui-monospace,SFMono-Regular,monospace;font-size:44px;font-weight:900;letter-spacing:.2em;color:#38bdf8;text-shadow:0 0 20px rgba(56,189,248,.4)}.pairing-steps{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06);width:100%}.step-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#cbd5e1;font-weight:600}.step-num{width:20px;height:20px;border-radius:50%;background:#0284c7;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.step-divider{width:16px;height:1px;background:#ffffff26}.pairing-meta{display:flex;justify-content:space-around;width:100%;padding:12px;background:#0000004d;border-radius:10px;font-size:12.5px}.meta-item{display:flex;flex-direction:column;align-items:center;gap:2px}.meta-item small{font-size:10px;text-transform:uppercase;color:#64748b;font-weight:700}.meta-item strong{color:#f1f5f9;font-family:ui-monospace,monospace}.pulse-status{display:flex;align-items:center;gap:6px;color:#38bdf8;font-weight:600}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.pairing-footer{display:flex;align-items:center;gap:14px;margin-top:4px}.player-fs-btn{background:#0284c7!important;color:#fff!important;border:none!important;padding:9px 18px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .15s ease!important}.player-fs-btn:hover{background:#0369a1!important}.player-dash-link{color:#94a3b8;font-size:13px;text-decoration:none;font-weight:500}.player-dash-link:hover{color:#fff}.player-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff26;z-index:100}.progress-fill{height:100%;background:#0284c7;box-shadow:0 0 10px #0284c7;transition:width .1s linear}.player-offline-badge{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;background:#eab308f2;color:#000;font-size:12.5px;font-weight:800;padding:6px 14px;border-radius:8px;z-index:100}.player-debug-overlay{position:absolute;top:20px;left:20px;background:#0f172aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);color:#f1f5f9;padding:16px 20px;border-radius:12px;font-family:ui-monospace,monospace;font-size:12.5px;display:flex;flex-direction:column;gap:6px;z-index:999}.debug-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:6px;margin-bottom:4px}.debug-header button{background:none;border:none;color:#94a3b8;font-size:16px;cursor:pointer}.admin-shell{min-height:100vh;background:#f0f4f8;display:flex;flex-direction:column}.admin-topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 4px #0f172a0f}.admin-topbar-left{display:flex;align-items:center;gap:16px}.admin-platform-badge{background:linear-gradient(135deg,#6366f1,#0284c7);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:6px}.admin-topbar h1{font-size:17px;font-weight:700;color:#0f172a;margin:0}.admin-topbar-right{display:flex;align-items:center;gap:12px}.btn-topbar-refresh{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:all .15s}.btn-topbar-refresh:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.admin-content{padding:28px 32px;flex:1;max-width:1400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.admin-success-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;font-size:13.5px;font-weight:600;color:#15803d;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.admin-kpi-grid{grid-template-columns:1fr}}.admin-kpi-card{background:#fff;border-radius:14px;padding:20px 22px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0f172a0a;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.admin-kpi-card:hover{box-shadow:0 6px 20px #0f172a17;transform:translateY(-1px)}.kpi-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.kpi-icon-wrap.blue{background:#dbeafe}.kpi-icon-wrap.green{background:#dcfce7}.kpi-icon-wrap.purple{background:#ede9fe}.kpi-icon-wrap.amber{background:#fef3c7}.kpi-text{display:flex;flex-direction:column;gap:2px}.kpi-number{font-size:26px;font-weight:900;color:#0f172a;line-height:1}.kpi-title{font-size:12px;font-weight:600;color:#64748b;margin-top:3px}.kpi-sub{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:#dcfce7;color:#16a34a}.admin-tabs{display:flex;gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:5px;width:fit-content;box-shadow:0 1px 4px #0f172a0a}.admin-tab-btn{padding:8px 20px;border-radius:8px;font-size:13.5px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.admin-tab-btn:hover{background:#f1f5f9;color:#0f172a}.admin-tab-btn.active{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c74d}.admin-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0f172a0a;overflow:hidden}.admin-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9}.admin-card-header h2{font-size:15px;font-weight:700;color:#0f172a;margin:0}.admin-card-meta{font-size:12px;color:#94a3b8;font-weight:500}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table thead th{padding:11px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;background:#f8fafc;text-align:left;border-bottom:1px solid #e2e8f0}.admin-table tbody tr{transition:background .12s}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155}.admin-table tbody tr:last-child td{border-bottom:none}.org-cell{display:flex;flex-direction:column;gap:3px}.org-cell-name{font-weight:700;color:#0f172a;font-size:14px}.org-cell-slug{font-size:11.5px;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,monospace}.tag-whitelabel{display:inline-block;font-size:10px;font-weight:700;background:#ede9fe;color:#7c3aed;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.plan-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;background:#dbeafe;color:#1d4ed8}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:700;text-transform:capitalize}.status-chip:before{content:"";width:6px;height:6px;border-radius:50%}.status-chip.active{background:#dcfce7;color:#15803d}.status-chip.active:before{background:#22c55e}.status-chip.trialing{background:#dbeafe;color:#1d4ed8}.status-chip.trialing:before{background:#3b82f6}.status-chip.expired,.status-chip.suspended{background:#fee2e2;color:#dc2626}.status-chip.expired:before,.status-chip.suspended:before{background:#ef4444}.screens-cell{font-size:13px;color:#334155;white-space:nowrap}.screens-cell strong{color:#0f172a}.storage-bar-wrap{display:flex;flex-direction:column;gap:4px;min-width:100px}.storage-bar-wrap span{font-size:12px;color:#475569}.storage-bar{height:5px;border-radius:3px;background:#e2e8f0;overflow:hidden}.storage-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#0284c7,#06b6d4);transition:width .4s ease}.storage-bar-fill.warn{background:linear-gradient(90deg,#f59e0b,#ef4444)}.date-text{font-size:12.5px;color:#475569;white-space:nowrap}.date-text.muted{color:#94a3b8;font-style:italic}.row-actions{display:flex;gap:6px;align-items:center}.btn-row{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap}.btn-row.edit{background:#f8fafc;border-color:#e2e8f0;color:#475569}.btn-row.edit:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.btn-row.inspect{background:#f5f3ff;border-color:#ede9fe;color:#7c3aed}.btn-row.inspect:hover{background:#ede9fe;border-color:#7c3aed}.btn-row.impersonate{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.btn-row.impersonate:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.telemetry-pills-row{display:flex;gap:12px;flex-wrap:wrap}.telemetry-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#334155;box-shadow:0 1px 4px #0f172a0a}.telemetry-pill .pill-icon{font-size:18px}.telemetry-pill strong{color:#0284c7;font-weight:800}.device-name-cell{font-weight:700;color:#0f172a}.hwid-wrap{display:flex;flex-direction:column;gap:2px}.hwid-code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;background:#f1f5f9;color:#334155;padding:2px 6px;border-radius:4px;width:fit-content}.device-id-small{font-size:10.5px;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,monospace}.platform-chip{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:5px;letter-spacing:.05em;background:#f1f5f9;color:#475569}.online-status-cell{display:flex;flex-direction:column;gap:2px}.online-status-row{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.status-dot.offline{background:#94a3b8}.online-label{font-size:13px;font-weight:600;color:#0f172a}.last-seen-small{font-size:11px;color:#94a3b8}.resolution-text{font-size:12.5px;color:#64748b;font-family:ui-monospace,SFMono-Regular,monospace}.btn-remote{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;transition:all .15s}.btn-remote:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;box-shadow:0 32px 80px #0f172a40;animation:modalUp .25s ease;overflow:hidden}@keyframes modalUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9}.admin-modal-header h3{font-size:16px;font-weight:800;color:#0f172a;margin:0}.modal-close-btn{width:30px;height:30px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;font-size:16px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.admin-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px;max-height:65vh;overflow-y:auto}.modal-form-group{display:flex;flex-direction:column;gap:6px}.modal-form-group label{font-size:12.5px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.04em}.modal-input{padding:10px 13px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;color:#0f172a;background:#fff;transition:border-color .15s,box-shadow .15s;width:100%}.modal-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f;outline:none}.modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-checkbox-group{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;cursor:pointer}.modal-checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:#0284c7;cursor:pointer;flex-shrink:0;padding:0;border-radius:4px}.modal-checkbox-group span{font-size:13.5px;font-weight:600;color:#334155}.admin-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;background:#f8fafc;border-top:1px solid #f1f5f9}.btn-modal-cancel{padding:9px 18px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13.5px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.btn-modal-cancel:hover{background:#f1f5f9;color:#0f172a}.btn-modal-save{padding:9px 20px;border-radius:8px;border:none;background:#0284c7;font-size:13.5px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #0284c74d}.btn-modal-save:hover:not(:disabled){background:#0369a1}.btn-modal-save:disabled{opacity:.55;cursor:not-allowed}.admin-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:998;animation:fadeIn .2s ease}.admin-drawer{position:fixed;top:0;right:0;height:100vh;width:420px;max-width:95vw;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-12px 0 40px #0f172a1f;display:flex;flex-direction:column;z-index:999;animation:slideFromRight .25s ease}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9}.drawer-header h3{font-size:15px;font-weight:800;color:#0f172a;margin:0}.drawer-close-btn{width:30px;height:30px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;font-size:16px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.drawer-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.drawer-body{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:22px}.drawer-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#94a3b8;font-size:14px}.drawer-section{display:flex;flex-direction:column;gap:12px}.drawer-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.diag-screen-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #f1f5f9;border-radius:8px;background:#fafafa;gap:10px}.diag-screen-info{display:flex;flex-direction:column;gap:2px}.diag-screen-info strong{font-size:13px;color:#0f172a}.diag-screen-info small{font-size:11px;color:#94a3b8}.diag-playlist-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:7px;background:#f8fafc;font-size:13px}.diag-playlist-row span{color:#0f172a;font-weight:600}.diag-playlist-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}.diag-playlist-status.active-status{background:#dcfce7;color:#15803d}.diag-playlist-status.inactive-status{background:#f1f5f9;color:#94a3b8}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#94a3b8}.admin-empty-state .empty-icon{font-size:42px;opacity:.5}.admin-empty-state p{font-size:14px;font-weight:600}.admin-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:#64748b;font-size:14px;font-weight:600}.admin-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-topbar{padding:0 16px}.admin-content{padding:16px}.admin-tabs{width:100%;overflow-x:auto}.admin-tab-btn{padding:8px 14px;font-size:12.5px}.admin-drawer{width:100%}.modal-form-row{grid-template-columns:1fr}}