*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#101828;background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#071842;flex-direction:column;width:255px;padding:26px 18px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-mark{background:#f58220;border-radius:12px;place-items:center;width:43px;height:43px;font-size:24px;font-weight:900;display:grid}.brand-name{letter-spacing:1.4px;font-size:15px;font-weight:900}.brand-product{color:#f58220;letter-spacing:2px;margin-top:2px;font-size:12px;font-weight:800}.navigation{flex-direction:column;gap:5px;margin-top:22px;display:flex}.nav-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#f58220;font-weight:700}.nav-dot{border:1px solid;border-radius:50%;width:7px;height:7px}.sidebar-footer{color:#94a3b8;border-top:1px solid #ffffff1f;flex-direction:column;gap:10px;margin-top:auto;padding:20px 8px 5px;display:flex}.system-status{color:#dbeafe;align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.main-content{width:calc(100% - 255px);margin-left:255px;padding:30px 36px 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar h1{margin:3px 0 0;font-size:29px}.eyebrow,.section-label{color:#f58220;letter-spacing:1.7px;margin:0;font-size:11px;font-weight:900}.topbar-actions{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:#071842;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.secondary-button,.outline-button,.primary-button,.text-button{cursor:pointer;border-radius:9px;font-weight:700}.secondary-button{background:#fff;border:1px solid #d0d5dd;padding:11px 15px}.primary-button{color:#fff;background:#f58220;border:0;padding:13px 19px}.primary-button:hover{background:#de6d12}.outline-button{color:#071842;background:#fff;border:1px solid #d0d5dd;padding:12px 18px}.text-button{color:#f58220;background:0 0;border:0}.hero{color:#fff;background:linear-gradient(115deg,#071842 0%,#0c286b 100%);border-radius:20px;grid-template-columns:1.2fr .8fr;gap:38px;padding:38px;display:grid;overflow:hidden}.hero-label{color:#ffb66f;letter-spacing:2px;font-size:12px;font-weight:900}.hero h2{max-width:700px;margin:16px 0;font-size:clamp(32px,4vw,54px);line-height:1.03}.hero h2 span{color:#f58220}.hero p{color:#cbd5e1;max-width:660px;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.studio-preview{background:#00000040;border:1px solid #ffffff26;border-radius:16px;align-self:center;padding:13px}.studio-screen{background:linear-gradient(#183d83,#071842);border-radius:10px;min-height:245px;position:relative;overflow:hidden}.live-badge{letter-spacing:1px;background:#f58220;border-radius:5px;padding:6px 10px;font-size:10px;font-weight:900;position:absolute;top:14px;left:14px}.presenters{justify-content:center;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:20px;left:0;right:0}.presenter{flex-direction:column;align-items:center;display:flex}.head{background:#d8a176;border-radius:50%;width:50px;height:55px}.body{background:#182236;border-radius:38px 38px 5px 5px;width:85px;height:105px}.desk{color:#071842;z-index:2;background:#f1f5f9;border-radius:6px 6px 2px 2px;flex-direction:column;justify-content:center;align-items:center;width:155px;height:80px;margin:0 -17px;display:flex}.desk strong{font-size:16px}.desk span{letter-spacing:3px;color:#f58220;font-size:10px;font-weight:900}.preview-footer{color:#94a3b8;justify-content:space-between;padding:10px 4px 0;font-size:11px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0;display:grid}.stat-card{background:#fff;border:1px solid #eaecf0;border-radius:13px;padding:20px}.stat-card p{color:#667085;margin:0;font-size:13px}.stat-card strong{color:#071842;margin:10px 0 4px;font-size:33px;display:block}.stat-card span{color:#98a2b3;font-size:12px}.content-grid{grid-template-columns:1.45fr .75fr;gap:20px;display:grid}.panel{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:24px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel h3{margin:6px 0 0;font-size:20px}.draft-badge{color:#c75800;background:#fff0e2;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.workflow{margin:26px 0}.workflow-step{gap:15px;display:flex}.workflow-step>span{color:#fff;background:#071842;border-radius:50%;place-items:center;width:34px;min-width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.workflow-step strong{color:#101828}.workflow-step p{color:#667085;margin:5px 0 0;font-size:13px;line-height:1.5}.workflow-line{background:#d0d5dd;width:1px;height:20px;margin-left:17px}.full-width{width:100%}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:20px;display:flex}.news-icon{color:#071842;background:#eef2ff;border-radius:50%;place-items:center;width:57px;height:57px;margin-bottom:15px;font-size:28px;display:grid}.empty-state p{color:#667085;max-width:300px;font-size:13px;line-height:1.6}.recent-panel{margin-top:20px}.empty-row{border:1px dashed #d0d5dd;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:22px;padding:21px;display:grid}.empty-video{color:#fff;background:#071842;border-radius:10px;place-items:center;width:50px;height:50px;display:grid}.empty-row p{color:#667085;margin:4px 0 0;font-size:13px}@media (max-width:1100px){.hero{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{width:74px;padding:22px 10px}.brand>div:not(.brand-mark),.nav-item{font-size:0}.nav-item{justify-content:center}.sidebar-footer{display:none}.main-content{width:calc(100% - 74px);margin-left:74px;padding:22px 16px 40px}.stats-grid{grid-template-columns:1fr}.hero{padding:25px}.empty-row{grid-template-columns:1fr}.secondary-button{display:none}}