:root{--navy:#063b7c;--blue:#106af2;--ink:#0b2447;--soft:#f1f7ff}*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}.app-body{min-height:100vh;background:#f3f7fc;padding-right:285px}.sidebar{position:fixed!important;right:0;top:0;width:285px!important;height:100vh;background:linear-gradient(165deg,#073f86,#052b60);color:white;z-index:1040}.sidebar .offcanvas-body{height:100%}.brand{display:flex;gap:14px;align-items:center}.brand>span{font-size:28px;font-weight:900;border-right:1px solid #ffffff80;padding-right:14px}.brand b,.brand small{display:block}.sidebar .nav-link{color:#dceaff;padding:12px 14px;border-radius:12px}.sidebar .nav-link:hover{background:#ffffff18;color:#fff}.sidebar .nav-link i{margin-right:10px}.user-box{background:#ffffff14;border:1px solid #ffffff1f;padding:14px;border-radius:14px}.user-box small{display:block;color:#b9d4f5}.main-content{padding:28px;max-width:1600px;margin:auto}.main-content>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.main-content h2{font-weight:800}.panel,.stat-card{background:#fff;border:1px solid #e1eaf6;border-radius:18px;padding:22px;box-shadow:0 8px 24px #063b7c0c}.stat-card{display:flex;align-items:center;gap:16px}.stat-card i{font-size:26px;padding:14px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0a4eac,#1c7cff)}.stat-card span,.stat-card strong{display:block}.stat-card strong{font-size:28px}.table thead th{background:#eaf3ff;color:#073b7c;padding:14px;border:0}.table tbody td{padding:14px}.btn-primary{background:linear-gradient(135deg,#0751b4,#187bff);border:0}.mobile-menu{display:none;position:fixed;right:16px;top:14px;z-index:1050}.login-page{margin:0}.login-hero{min-height:100vh;background:radial-gradient(circle at 25% 25%,#1475df,#052c63 55%,#021c40);display:flex;align-items:center;justify-content:center;gap:10vw;padding:5vw;color:#fff}.login-copy{max-width:520px}.login-copy h1{font-size:58px;font-weight:900}.logo-rka{font-size:38px;font-weight:900}.login-card{width:min(430px,100%);background:#fff;color:#102748;border-radius:24px;padding:38px;box-shadow:0 30px 70px #00112d80}.login-card .form-control{padding:12px}
.monitor{margin:0;height:100vh;overflow:hidden;background:radial-gradient(circle,#fff 20%,#edf7ff 100%);display:grid;grid-template-rows:13vh 1fr 11vh}.tv-header,.tv-footer{background:linear-gradient(110deg,#064291,#062f6c);color:#fff;display:flex;align-items:center;padding:0 3vw}.tv-header{justify-content:space-between}.tv-brand{display:flex;align-items:center;gap:2vw}.tv-brand>b{font-size:3.2vw;font-weight:900}.tv-brand>i{height:7vh;width:1px;background:#fff}.tv-brand strong,.tv-brand small,.tv-clock small,.tv-clock b{display:block}.tv-brand strong{font-size:2.4vw}.tv-brand small{font-size:1.1vw}.tv-clock{display:flex;align-items:center;gap:1vw}.calendar{width:4.5vw;height:4.5vw;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:2vw}.tv-clock b{font-size:2vw;margin-top:.5vh}.slides{position:relative;overflow:hidden}.slide{position:absolute;inset:0;padding:4vh 5vw;transform:translateX(105%);opacity:0;transition:transform .75s ease,opacity .5s}.slide.active{transform:translateX(0);opacity:1}.slide h1{text-align:center;margin:0;font-size:2.2vw;color:#083672}.underline{width:6vw;height:4px;border-radius:4px;background:#1577ff;margin:1.6vh auto 2.2vh}.tv-table-wrap{border-radius:14px;overflow:hidden;box-shadow:0 7px 24px #0b559b18;border:1px solid #bed4eb}.monitor table{width:100%;border-collapse:collapse;background:#fff;font-size:1.15vw}.monitor th{height:8vh;padding:.8vw;color:white;background:linear-gradient(#0a59ba,#074496);border-right:1px solid #8bb4dc}.monitor td{height:6.8vh;padding:.6vw 1vw;text-align:center;border:1px solid #ccdaea}.monitor td:nth-child(4){text-align:left}.badge{display:inline-block;background:#1476ff;color:#fff;border-radius:999px;padding:.35em 1em;text-transform:capitalize}.badge.done{background:#10b76c}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:4vw;height:4vw;border:0;border-radius:50%;background:#073e86;color:white;font-size:2vw;box-shadow:0 5px 14px #073e8640;z-index:5}.arrow.prev{left:.8vw}.arrow.next{right:.8vw}.dots{position:absolute;bottom:2vh;left:50%;transform:translateX(-50%);display:flex;gap:1vw}.dots i{width:1vw;height:1vw;border-radius:50%;background:#d1dae5}.dots i.active{background:#1275fb}.tv-footer{gap:2vw;font-size:1.15vw}.announce{display:flex;align-items:center;gap:1vw;border-right:1px solid #ffffff70;padding-right:2vw}.announce i{font-size:2vw}.ticker{font-weight:600;flex:1}.sync{opacity:.8}.spirit{font-weight:700;border-left:1px solid #ffffff70;padding-left:2vw}
@media(max-width:991px){.app-body{padding-right:0}.sidebar{position:fixed!important}.mobile-menu{display:block}.main-content{padding:75px 16px 20px}.date-now{display:none}.login-hero{flex-direction:column;gap:30px}.login-copy{text-align:center}.login-copy h1{font-size:42px}}@media(max-width:600px){.stat-card{padding:14px}.stat-card i{font-size:20px;padding:10px}.stat-card strong{font-size:22px}.panel{padding:15px}.login-hero{padding:28px 18px}.login-card{padding:26px}.monitor{min-width:900px}.tv-header,.tv-footer{padding-left:24px;padding-right:24px}}