:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #1e293b;--muted: #64748b;--brand: #4338ca;--brand-strong: #312e81;--accent: #f59e0b;--positive: #10b981;--warning: #f59e0b;--danger: #ef4444;--border: #e2e8f0;--panel: #ffffff;--panel-strong: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--bg: #f8fafc;--sidebar-bg: linear-gradient(to bottom, #4338ca, #6366f1);--stat-icon-bg: #eef2ff;--stat-icon-color: #4338ca;--action-icon-bg: #f1f5f9;--action-icon-color: #64748b}:root[data-theme=dark]{color-scheme:dark;--ink: #f1f5f9;--muted: #94a3b8;--brand: #818cf8;--brand-strong: #c7d2fe;--accent: #fbbf24;--positive: #34d399;--warning: #fbbf24;--danger: #f87171;--border: #334155;--panel: #1e293b;--panel-strong: #1e293b;--shadow: 0 1px 3px rgba(0, 0, 0, .28);--bg: #0f172a;--sidebar-bg: linear-gradient(to bottom, #1e1b4b, #312e81);--stat-icon-bg: #1e1b4b;--stat-icon-color: #a5b4fc;--action-icon-bg: #334155;--action-icon-color: #94a3b8}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);transition:background .18s ease,color .18s ease}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-grid{width:min(1180px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.brand-panel,.login-card,.sidebar,.hero-card,.metric-card,.section-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.brand-panel{padding:40px;border-radius:32px;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;inset:auto -10% -24% auto;width:260px;height:260px;background:linear-gradient(135deg,#284d7833,#ff944d33);border-radius:50%;filter:blur(12px)}.brand-chip,.hero-badge,.status-pill,.eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.06em;text-transform:uppercase}.brand-chip,.hero-badge{padding:8px 12px;border-radius:999px;background:#ffffffe6;color:var(--brand-strong);font-size:12px;font-weight:700}.eyebrow{font-size:11px;color:var(--muted);font-weight:700}.brand-panel h1{margin:18px 0 12px;font-size:clamp(2.1rem,4vw,4.1rem);line-height:1.02;max-width:12ch}.brand-panel p,.feature-card span,.metric-detail,.section-card p,.list-card p,.device-card p,.mini-card span,.sidebar-foot p{color:var(--muted)}.feature-stack,.mini-stack,.list-stack{display:grid;gap:14px}.feature-stack{margin-top:28px}.feature-card,.mini-card{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:20px;background:#ffffffbf;border:1px solid rgba(255,255,255,.62)}.feature-card strong,.mini-card strong{display:block;margin-bottom:4px}.wide-card{justify-content:space-between}.login-panel{display:grid;align-items:center}.login-card{padding:28px;border-radius:28px}.login-header,.sidebar-brand,.section-title,.device-topline,.device-meta,.topbar,.topbar-actions,.approval-card,.approval-actions,.list-card,.list-meta,.hero-card,.pillar-chip,.search-wrap,.checkbox-line,.dock-button,.nav-button{display:flex;align-items:center}.login-header{gap:16px;margin-bottom:24px}.brand-logo{display:block;object-fit:contain}.login-logo{width:72px;height:72px;border-radius:20px;background:#ffffffd9;padding:8px;box-shadow:0 18px 34px #0d203529}.sidebar-logo{width:52px;height:52px;border-radius:18px;background:#ffffffe6;padding:6px}.brand-mark{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-weight:800;letter-spacing:.08em}.brand-mark.small{width:48px;height:48px;border-radius:18px}.login-form,.quick-form,.sidebar-nav,.content-main,.content-side,.approval-list{display:grid;gap:14px}.login-form label,.quick-form label{display:grid;gap:8px;color:var(--brand-strong);font-size:14px;font-weight:600}.login-form input,.quick-form input,.quick-form textarea,.quick-form select,.search-wrap input{width:100%;border:1px solid rgba(22,38,58,.12);border-radius:18px;background:#fffffff5;padding:14px 16px;color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.quick-form textarea{min-height:92px;resize:vertical}.login-form input:focus,.quick-form input:focus,.quick-form textarea:focus,.quick-form select:focus,.search-wrap input:focus{border-color:#284d786b;box-shadow:0 0 0 4px #284d7814}.primary-button,.ghost-button,.ghost-text,.nav-button,.dock-button{border:none}.primary-button{justify-content:center;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--brand),#446690);font-weight:700;box-shadow:0 14px 28px #284d782e}.primary-button.small{padding:10px 14px;border-radius:14px;font-size:13px}.primary-button:disabled{opacity:.7}.ghost-button,.ghost-text{background:#ffffffd6;color:var(--brand-strong)}.ghost-button{width:48px;height:48px;border-radius:16px;justify-content:center}.ghost-text{padding:10px 14px;border-radius:14px;font-weight:600}.inline-error{margin:10px 0 0;color:var(--danger);font-size:14px}.inline-success{margin:0 0 12px;padding:12px 14px;border-radius:16px;background:#1691671f;color:var(--positive);font-size:14px}.top-error{margin:0 0 12px}.login-help{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);display:grid;gap:8px;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:256px 1fr;gap:24px;max-width:1400px;margin:0 auto;padding:16px}.sidebar{margin:0;border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 32px);position:sticky;top:16px;background:var(--sidebar-bg);color:#fff}.sidebar-header{display:flex;gap:12px;align-items:center;padding:12px}.sidebar-subtitle{display:block;color:#ffffff8c;font-size:14px}.sidebar-title{margin-top:4px;display:block;color:#fff;font-size:20px;font-weight:800}.sidebar-nav{gap:4px}.nav-button{gap:12px;padding:10px 14px;width:100%;border-radius:12px;color:#ffffffbf;background:transparent;justify-content:flex-start;font-size:14px;font-weight:500}.nav-button.active{background:#ffffff29;color:#fff}.sidebar-foot{margin-top:auto;padding:16px;border-radius:16px;background:#ffffff1a;display:grid;gap:4px}.sidebar-support-label{margin-top:8px;font-size:14px;color:#e0e7ff}.sidebar-support-phone{font-size:12px;color:#ffffff8c}.main-panel{padding:0}.topbar{justify-content:space-between;gap:16px;margin-bottom:24px}.topbar h1{margin:0;max-width:none;font-size:24px;line-height:1.1;letter-spacing:-.025em}.topbar-copy{display:flex;flex-direction:column;gap:8px}.topbar-subtitle{margin:0;color:var(--muted);font-size:14px}.admin-badge{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;font-size:14px;font-weight:500}.topbar-actions{gap:12px}.search-wrap{width:220px;padding:0;gap:8px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.search-wrap svg{margin-left:12px;color:var(--muted);flex-shrink:0}.search-wrap input{border:none;background:transparent;box-shadow:none;padding-left:0;padding-top:10px;padding-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:40px}.stat-card,.action-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.stat-card{padding:16px}.stat-header{display:flex;align-items:center;gap:12px}.stat-icon-wrapper{background:var(--stat-icon-bg);border-radius:12px;padding:12px}.stat-icon{color:var(--stat-icon-color)}.stat-value{margin-left:auto;font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.025em}.stat-label{margin-top:12px;font-size:14px;color:var(--ink)}.stat-detail{margin-top:12px;font-size:12px;color:var(--muted)}.stat-progress{margin-top:12px;height:6px;width:100%;background:#e0e7ff;border-radius:999px;overflow:hidden}.stat-progress-bar{height:100%;background:#818cf8;border-radius:999px}.quick-actions{margin-bottom:40px}.section-heading{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--ink)}.section-subtitle{margin:0 0 16px;color:var(--muted);font-size:14px}.actions-grid,.panels-grid{display:grid;gap:16px}.actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{padding:20px;cursor:pointer;text-align:left}.action-header{display:flex;align-items:center;gap:12px}.action-icon-wrapper{background:var(--action-icon-bg);border-radius:12px;padding:12px}.action-icon{color:var(--action-icon-color)}.action-title{margin:0;color:var(--ink);font-size:16px;font-weight:600}.action-description{margin:12px 0 0;color:var(--muted);font-size:14px}.panels-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.panel{padding:20px}.panel-title{margin:0 0 16px;color:var(--ink);font-size:16px;font-weight:600}.activity-list{display:grid;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-dot.green{background:#10b981}.activity-dot.blue{background:#3b82f6}.activity-dot.orange{background:#f59e0b}.tips-list{margin:0;padding-left:18px;display:grid;gap:12px;color:var(--muted);font-size:14px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-card{text-align:center;padding:16px;background:var(--action-icon-bg);border-radius:12px}.status-label{margin-bottom:8px;color:var(--muted);font-size:12px}.status-value{color:var(--ink);font-size:16px;font-weight:600}.ghost-button{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--ink)}.ghost-text{background:var(--panel);color:var(--ink);border:1px solid var(--border)}.hero-card{justify-content:space-between;gap:20px;padding:28px;border-radius:28px;margin-bottom:18px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;inset:auto -34px -50px auto;width:220px;height:220px;background:linear-gradient(135deg,#284d782e,#ff944d2e);border-radius:50%}.hero-card h2{margin:12px 0 10px;font-size:clamp(1.6rem,2.6vw,2.6rem)}.hero-points{display:grid;gap:10px;min-width:320px}.pillar-chip{gap:12px;padding:14px 16px;border-radius:18px;background:#ffffffc2}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{border-radius:24px;padding:20px}.metric-label{display:block;color:var(--muted);font-size:13px}.metric-card strong{display:block;margin:10px 0 8px;font-size:clamp(1.5rem,2vw,2.2rem)}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.82fr);gap:16px;padding-bottom:120px}.subpanel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.section-card{border-radius:16px;padding:20px}.section-title{justify-content:space-between;gap:12px;margin-bottom:18px}.section-title.compact{margin-bottom:16px}.section-title h3{margin:4px 0 0;font-size:1.2rem}.approval-card,.list-card,.device-card{padding:18px;border-radius:16px;background:var(--panel-strong);border:1px solid var(--border)}.vertical-card{align-items:flex-start;flex-direction:column}.card-row,.button-row,.badge-row,.timeline-item{display:flex;align-items:center}.card-row{width:100%;justify-content:space-between;gap:14px}.button-row{gap:10px}.badge-row{width:100%;flex-wrap:wrap;gap:8px}.detail-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--action-icon-bg);color:var(--ink);font-size:12px;font-weight:600}.detail-pill.subtle{background:#6074891a;color:var(--muted)}.module-toolbar{display:grid;gap:12px}.tab-strip{display:flex;flex-wrap:wrap;gap:10px}.tab-button{border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:10px 14px;border-radius:12px;font-weight:700}.tab-button.active{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border-color:transparent;box-shadow:0 4px 8px #4338ca2e}.module-summary{display:flex;flex-wrap:wrap;gap:8px}.empty-state{display:grid;gap:8px;padding:18px;border-radius:16px;border:1px dashed var(--border);background:color-mix(in srgb,var(--panel) 88%,transparent)}.approval-card,.list-card{justify-content:space-between;gap:14px}.approval-card h4,.list-card h4,.device-card h4{margin:10px 0 6px}.approval-actions,.list-meta{gap:12px;justify-content:flex-end;color:var(--muted);text-align:right}.list-meta.wide{flex-wrap:wrap}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.device-card{display:grid;gap:12px}.device-topline,.device-meta{justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}.device-topline strong{color:var(--ink)}.status-pill{padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;width:fit-content;background:#284d781f;color:var(--brand-strong)}.status-dot{width:10px;height:10px;border-radius:50%}.is-positive{background:#1691671f;color:var(--positive)}.status-dot.is-positive{background:var(--positive)}.is-warning{background:#ca873226;color:var(--warning)}.status-dot.is-warning{background:var(--warning)}.is-danger{background:#da575a24;color:var(--danger)}.status-dot.is-danger{background:var(--danger)}.mini-card svg,.feature-card svg{flex-shrink:0;color:var(--brand)}.timeline{display:grid;gap:12px;margin-top:14px}.timeline-item{justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:var(--panel-strong);border:1px solid var(--border)}.timeline-item strong{display:block}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkbox-chip{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--action-icon-bg);border:1px solid var(--border);color:var(--ink);font-size:12px;font-weight:600}.checkbox-chip input{width:auto;margin-top:2px}.checkbox-line{gap:12px;font-size:13px;color:var(--muted)}.checkbox-line input{width:auto}.mobile-dock{display:none}@media(max-width:1180px){.stats-grid,.actions-grid,.panels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.hero-card{flex-direction:column}.subpanel-grid{grid-template-columns:1fr}}@media(max-width:920px){.login-grid,.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions,.search-wrap{width:100%}.stats-grid,.actions-grid,.panels-grid,.device-grid{grid-template-columns:1fr}.mobile-dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;border-radius:22px;background:#ffffffeb;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 46px #0e1f3124}.dock-button{flex-direction:column;gap:6px;padding:10px 6px;border-radius:16px;background:transparent;color:var(--muted);font-size:11px}.dock-button.active{background:#284d781a;color:var(--brand-strong)}}@media(max-width:640px){.login-shell,.main-panel{padding:14px}.brand-panel,.login-card,.hero-card,.section-card,.metric-card{border-radius:24px;padding:18px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{padding:0}.hero-points{min-width:0}.approval-card,.list-card,.timeline-item,.wide-card{align-items:flex-start;flex-direction:column}.approval-actions,.list-meta,.card-row,.button-row{width:100%;justify-content:space-between;text-align:left}.checkbox-grid{grid-template-columns:1fr}.mobile-dock{grid-template-columns:repeat(3,minmax(0,1fr))}}.button-row a{text-decoration:none}.player-shell{min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));background:radial-gradient(circle at top right,rgba(79,70,229,.28),transparent 28%),radial-gradient(circle at bottom left,rgba(249,115,22,.18),transparent 32%),#08111f;color:#f8fafc}.player-shell.portrait .player-stage-wrap{grid-template-columns:minmax(0,.92fr) minmax(280px,.48fr)}.player-topbar,.player-brand-block,.player-status-stack,.player-chip,.player-audio-stage,.player-lock-state,.player-empty{display:flex;align-items:center}.player-topbar{justify-content:space-between;gap:18px;margin-bottom:18px}.player-brand-block{gap:16px}.player-logo{width:64px;height:64px;object-fit:contain;border-radius:20px;background:#fffffff2;padding:8px}.player-brand-block strong,.player-sidecard strong,.player-status-card h1,.player-empty h2,.player-lock-state h2{display:block;font-size:clamp(1.1rem,2vw,1.4rem)}.player-brand-block p,.player-sidecard p,.player-status-card p,.player-empty p,.player-lock-state p,.player-audio-stage p{margin:4px 0 0;color:#e2e8f0c2}.player-status-stack{gap:10px;flex-wrap:wrap;justify-content:flex-end}.player-chip,.player-clock{border-radius:999px;padding:10px 14px;background:#0f172a8a;border:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.player-chip{gap:8px;font-size:13px;font-weight:600}.player-clock{font-size:15px;font-weight:700}.player-eyebrow{display:inline-block;margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#bfdbfeb8}.player-stage-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:18px;min-height:calc(100vh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.player-stage,.player-sidecard,.player-status-card{border:1px solid rgba(148,163,184,.16);background:#0f172a9e;box-shadow:0 28px 70px #02061757;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-stage{position:relative;overflow:hidden;border-radius:34px;min-height:68vh;display:grid;place-items:center}.player-shell.portrait .player-stage{min-height:78vh}.player-media,.player-media-frame{width:100%;height:100%;border:none;object-fit:cover;background:#000}.player-status-card,.player-empty,.player-lock-state,.player-audio-stage{flex-direction:column;justify-content:center;gap:10px;text-align:center}.player-status-card{max-width:520px;margin:18vh auto 0;padding:32px;border-radius:30px}.player-status-card.danger{border-color:#f871714d}.player-empty,.player-lock-state,.player-audio-stage{width:min(540px,calc(100% - 36px));padding:28px;border-radius:28px;background:linear-gradient(160deg,#0f172acc,#1e293bb8)}.player-sidepanel{display:grid;gap:14px}.player-sidecard{padding:18px 20px;border-radius:26px}.player-watermark{position:absolute;right:18px;bottom:16px;max-width:min(280px,70%);padding:10px 14px;border-radius:999px;background:#080f1fb8;border:1px solid rgba(255,255,255,.1);color:#ffffffb8;font-size:12px;font-weight:600;text-align:right}.player-audio-button{position:absolute;left:18px;bottom:16px;border:none;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#f97316,#fb7185);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.player-audio-wave{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 64%);animation:playerPulse 2.4s infinite ease-out}.player-audio-wave.delayed{margin-top:-170px;animation-delay:1.2s}.player-lock-key{padding:10px 14px;border-radius:999px;background:#f8717124;color:#fecaca;font-weight:700}@keyframes playerPulse{0%{transform:scale(.7);opacity:.2}70%{transform:scale(1);opacity:.9}to{transform:scale(1.15);opacity:0}}@media(max-width:1080px){.player-stage-wrap,.player-shell.portrait .player-stage-wrap{grid-template-columns:1fr}.player-sidepanel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.player-topbar{flex-direction:column;align-items:flex-start}.player-status-stack{justify-content:flex-start}.player-stage{min-height:58vh;border-radius:26px}.player-sidepanel{grid-template-columns:1fr}}