*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Inter,Arial,sans-serif;background:#061b2c;color:#fff}.shell{height:100vh;display:grid;grid-template-rows:145px minmax(0,1fr) 54px;background:radial-gradient(circle at 82% 18%,#0a537c,transparent 34%),linear-gradient(145deg,#061b2c,#082c45)}header{padding:0 34px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#fff;color:#0b2741;box-shadow:0 4px 20px #0003}.brand{display:flex;align-items:center;gap:18px}.brand img{width:68px;height:64px;object-fit:contain}.brand b,.title b{display:block;font-size:23px;letter-spacing:.4px}.brand small,.title small,.clock small{display:block;margin-top:4px;color:#718096;font-size:13px}.title{text-align:center}.title b{color:#0878d1}.tools{display:flex;justify-content:flex-end;align-items:center;gap:14px}.tools button{padding:12px 18px;border:1px solid #cbdbe7;border-radius:25px;background:#f5f9fc;color:#0b2741;font-weight:800;cursor:pointer}.tools button.on{color:#087b52;background:#e8fbf3;border-color:#69d4ad}.clock{text-align:right}.clock b{font-size:27px}main{padding:25px 32px;display:grid;grid-template-columns:minmax(0,2.3fr) minmax(380px,1fr);gap:24px;min-height:0}.panel{min-width:0;overflow:hidden;border:1px solid #ffffff20;border-radius:20px;background:#041520;box-shadow:0 14px 35px #0004}.media{display:flex;flex-direction:column}.panel-head{height:52px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#ffffff0c}.panel-head b{font-size:17px}.panel-head span{color:#65d4ff;font-size:11px;font-weight:800}.media-body{position:relative;flex:1;display:grid;place-items:center;min-height:0;background:#000}.media-body video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#083a59,#0878d1)}.fallback span{font-size:80px}.fallback p{color:#d5f0ff}.info{display:flex;flex-direction:column}.cards{padding:18px;display:grid;grid-auto-rows:minmax(115px,1fr);gap:13px;min-height:0;overflow:auto}.cards article{position:relative;overflow:hidden;padding:18px;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;border:1px solid #25a7e0;border-radius:17px;background:linear-gradient(145deg,#0c496c,#126eb0)}.cards article:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;bottom:-70px;background:#ffffff0a}.icon{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:#ffffff16;font-size:29px}.cards h2{margin:0 0 7px;font-size:19px}.cards p{margin:0;color:#e2f4ff;font-size:14px;line-height:1.45}.empty{display:grid;place-items:center;color:#9fc4d8}footer{display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#0878d1,#08a7d7)}footer b{height:100%;padding:0 25px;display:flex;align-items:center;background:#ffd24a;color:#172331;font-size:12px}footer div{flex:1;overflow:hidden}footer span{display:inline-block;padding-left:100%;white-space:nowrap;font-size:17px;font-weight:700;animation:ticker 28s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}@media(max-width:1000px){.shell{grid-template-rows:110px minmax(0,1fr) 45px}header{padding:0 18px}.brand b,.title b{font-size:16px}.brand small,.title small{font-size:10px}.brand img{width:52px;height:50px}main{padding:15px;gap:14px;grid-template-columns:1.7fr 1fr}.cards{padding:10px}.cards article{padding:12px;grid-template-columns:48px 1fr}.icon{width:48px;height:48px}.cards h2{font-size:15px}.cards p{font-size:11px}}