.sample-board{position:relative;isolation:isolate;background:#07111f;color:#eaf2ff;padding:18px 28px;overflow:hidden}.sample-board:before,.sample-board:after{content:'';position:absolute;z-index:-1;border-radius:50%;filter:blur(10px);opacity:.55}.sample-board:before{width:45vw;height:45vw;left:-16vw;top:-22vw;background:radial-gradient(circle,#3157d5 0%,transparent 70%)}.sample-board:after{width:42vw;height:42vw;right:-15vw;bottom:-25vw;background:radial-gradient(circle,#7a3de2 0%,transparent 70%)}.sample-controls{height:46px;padding:4px 6px;background:rgba(13,27,51,.72);border:1px solid rgba(128,166,255,.22);border-radius:14px;backdrop-filter:blur(14px);width:min(96vw,1650px);margin:0 auto 12px}.sample-controls .field{background:#12243f;color:#eaf2ff;border-color:#29425f}.sample-controls .btn{background:#fff;color:#10213a}.sample-paper{width:min(96vw,1650px);height:calc(100vh - 93px);min-height:650px;padding:0;border:1px solid rgba(139,177,255,.32);border-radius:23px;background:linear-gradient(145deg,rgba(18,35,62,.97),rgba(8,20,38,.98));box-shadow:0 24px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}.sample-accent{display:none}.sample-header{padding:2.2% 3% 1.6%;font-family:'Be Vietnam Pro',sans-serif;text-shadow:none;background:linear-gradient(112deg,rgba(46,85,207,.88),rgba(105,55,190,.76));border-bottom:1px solid rgba(184,206,255,.25)}.sample-header:before{content:'● TRỰC TUYẾN';position:absolute;right:2.4%;top:14%;font-size:clamp(9px,.65vw,12px);letter-spacing:1.2px;color:#b9ffd9;background:rgba(11,32,47,.45);border:1px solid rgba(129,255,192,.36);border-radius:20px;padding:6px 10px}.sample-header h1{font-family:'Be Vietnam Pro',sans-serif;color:#fff;font-size:clamp(28px,2.6vw,52px);letter-spacing:.5px;text-shadow:0 3px 18px rgba(0,0,0,.24)}.sample-header h2{font-family:'Be Vietnam Pro',sans-serif;color:#cfe4ff;font-size:clamp(16px,1.35vw,26px);font-weight:600;margin:7px 0}.sample-header h3{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Be Vietnam Pro',sans-serif;color:#eaf2ff;font-size:clamp(15px,1.2vw,23px);background:rgba(5,16,34,.32);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:8px 17px;margin:2px 0 0}.sample-header h3 b{color:#fff}.sample-table{padding:1.25% 1.7%;background:transparent}.sample-table table{height:auto;font-family:'Be Vietnam Pro',sans-serif;border-collapse:separate;border-spacing:0 7px;font-size:clamp(14px,1.05vw,20px)}.sample-table th{background:transparent;color:#8fa9c9;border:0;padding:7px 13px;text-align:left;text-transform:uppercase;font-size:.75em;letter-spacing:.8px}.sample-table th:first-child{text-align:center}.sample-table td{background:rgba(27,48,77,.86);color:#e9f1ff;border:0;border-top:1px solid rgba(140,176,226,.12);border-bottom:1px solid rgba(5,12,24,.25);padding:11px 13px}.sample-table td:first-child{border-radius:12px 0 0 12px;color:#86a9ff;font-weight:800}.sample-table td:last-child{border-radius:0 12px 12px 0;font-weight:700}.sample-table tr{transition:transform .2s ease,filter .2s ease}.sample-table tbody tr:nth-child(even) td{background:rgba(32,57,90,.9)}.sample-table tr.row-important td{color:#fff}.sample-table tr.row-important td:last-child{color:#ffd166}.sample-table tr.row-urgent td{color:#fff;background:rgba(99,35,59,.88)}.sample-table tr.row-urgent td:last-child{color:#ff8fa3}.sample-table td small{color:#ff8fa3}.sample-empty{background:rgba(27,48,77,.55)!important;color:#8ea4c2!important;border-radius:12px!important}.sample-footer{margin-top:auto;padding:10px 1.7% 15px;border-top:1px solid rgba(136,169,215,.13)}.sample-responsible{background:linear-gradient(100deg,#315fe0,#6949ce);border:0;border-radius:11px;box-shadow:0 8px 22px rgba(47,82,198,.32);font-size:clamp(11px,.85vw,16px);padding:9px 15px}.sample-footer>div:last-child{color:#8196b2}.sample-footer #clock{color:#b7c9e1;font-weight:700}@media(max-width:900px){.sample-board{padding:6px}.sample-controls{width:100%;border-radius:10px}.sample-paper{width:100%;height:calc(100vh - 61px);min-height:530px;border-radius:15px}.sample-header{padding:22px 12px 14px}.sample-header:before{display:none}.sample-header h1{font-size:20px}.sample-header h2{font-size:13px}.sample-header h3{font-size:12px}.sample-table{padding:7px;overflow:auto}.sample-table table{min-width:760px;font-size:12px}.sample-footer{padding:8px}.sample-responsible{font-size:10px}}