/* Gaya isi modul (DCP, Film Testing, Pelaporan, AC, Glossarium, slider dashboard, dll.). Disaring dari CSS lama; warna dikendalikan token di tailwind.css. */
.n, .cd b, .cdl{font-variant-numeric:tabular-nums}
@keyframes fade{from{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(10px)}}
@keyframes sheet{from{transform:translateY(40px);opacity:.6}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes sh{to{background-position:-200% 0}}
@keyframes flick{0%{opacity:.85}8%{opacity:.6}10%{opacity:1}34%{opacity:.8}36%{opacity:1}64%{opacity:.7}66%{opacity:.95}100%{opacity:.85}}
@keyframes sceneIn{from{opacity:0}}
@keyframes lensOn{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}}
@keyframes beamOn{from{opacity:0}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@keyframes sweep{from{opacity:0;transform:translateX(-30px)}}
@keyframes tpop{from{opacity:0;transform:translate(-50%,10px)}}
@keyframes lok{to{opacity:0;transform:translateY(-8px) scale(.98)}}
@keyframes appin{from{opacity:0}}
.rl{transform-box:fill-box;transform-origin:center;animation:spin 3s linear infinite}
.lthm{position:absolute;top:14px;right:14px;z-index:5}
svg.ic{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sfoot{padding:12px;border-top:1px solid #ffffff14}
.ph-img{position:absolute;z-index:-1;right:0;top:0;bottom:0;width:52%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.ph-img img{display:block;width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 18px 24px #000a);animation:sceneIn 1s both}
.ph-t{display:flex;align-items:flex-end;gap:16px;padding:26px 30px}
.ph-t i{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#ffffff14;border:1px solid color-mix(in srgb,var(--accent-bg) 50%,transparent);color:var(--gold-hi);flex:none;margin-bottom:4px}
.ph-t h1{margin:0;font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.1;letter-spacing:.005em}
.ph-t p{margin:6px 0 0;color:#b9d2c6;font-size:14px;max-width:520px}
.dh{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.dh-main{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-l);min-height:350px;color:#fff;display:flex;align-items:flex-end;padding:36px;background:radial-gradient(90% 120% at 85% 10%,#1d7452 0,var(--surface-dk) 42%,var(--surface-dk) 100%);animation:rise .5s both}
.dh-main::after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,#ffffff05 0 2px,transparent 2px 24px)}
.dh-img{position:absolute;z-index:-1;right:2%;top:50%;width:54%;transform:translateY(-54%);animation:rise .9s .1s both}
.dh-img img{display:block;width:100%;height:auto;filter:drop-shadow(0 34px 38px #000c) drop-shadow(0 0 60px #2a8a6540)}
@keyframes lensPulse{0%,100%{opacity:.78;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
.dh-main::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--surface-dk) 0,#03100acc 34%,transparent 62%)}
.dh-t{max-width:56%;animation:rise .6s .2s both}
.dh-t small{display:block;color:var(--gold-hi);font-weight:600;font-size:13px;margin-bottom:10px}
.dh-t h1{margin:0;font-family:var(--serif);font-weight:500;font-size:48px;line-height:1.04;letter-spacing:0}
.dh-t p{margin:14px 0 0;color:#b9d2c6;font-size:15px}
.dq{background:var(--card);border:1px solid var(--bd);border-radius:var(--r-l);padding:18px 14px 14px;display:flex;flex-direction:column;gap:2px;animation:rise .5s .08s both}
.dq h2{font-family:var(--serif);font-size:20px;font-weight:500;margin:2px 8px 10px}
.qrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;color:var(--txt);padding:10px 10px;border-radius:13px;min-height:0}
.qrow i{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--g50);color:var(--gt);flex:none;transition:background .16s,color .16s}
.qrow span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.qrow b{font-size:14px;color:var(--ink)}
.qrow small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qrow em{font-style:normal;font-size:20px;color:var(--ph);font-weight:300;transition:transform .16s,color .16s}
.qrow:hover{background:var(--g50)}
.qrow:hover i{background:var(--moss-700);color:var(--gold-hi)}
.qrow:hover em{color:var(--gold);transform:rotate(90deg)}
.ds{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-bottom:26px}
.ds>*{animation:rise .5s .16s both}
.ds-big{position:relative;overflow:hidden;border-radius:var(--r-l);padding:22px 24px;background:var(--card);border:1px solid var(--bd);display:flex;flex-direction:column;justify-content:space-between;min-height:176px}
.ds-big::before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;border:1px solid var(--gold-100);box-shadow:0 0 0 14px transparent,0 0 0 15px var(--gold-100);opacity:.7}
.ds .l{font-size:13px;font-weight:700;color:var(--mut)}
.ds .n{font-family:var(--serif);font-size:84px;line-height:1;font-weight:500;color:var(--ink)}
.ds-list{border-radius:var(--r-l);padding:20px 22px;background:var(--card);border:1px solid var(--bd)}
.ds-list h2{font-size:13px;color:var(--mut);margin:0 0 6px}
@keyframes grow{from{transform:scaleX(0)}}
.ds-st{position:relative;overflow:hidden;text-align:left;border-radius:var(--r-l);padding:22px 24px;min-height:176px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;font-weight:400}
.ds-st.good{background:linear-gradient(150deg,var(--moss-600),var(--moss-900))}
.ds-st .l{color:#ffffffcc}
.ds-st .n{color:#fff}
.ds-st small{color:#ffffffb8;font-size:13px}
.ds-st:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.dm{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;margin:0 0 26px}
.dm>div{min-width:0}
.dact{background:var(--card);border:1px solid var(--bd);border-radius:var(--r-l);overflow:hidden}
.ai{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--bd);transition:background .16s}
.ai:last-child{border-bottom:0}
.ai:hover{background:var(--row2)}
.ai .kat{flex:none;min-width:122px;text-align:center}
.ai-m{flex:1;min-width:0;display:flex;flex-direction:column}
.ai-m b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-m small{font-size:12.5px}
.sk{border-radius:12px;background:linear-gradient(90deg,var(--g100) 25%,var(--row2) 50%,var(--g100) 75%);background-size:200% 100%;animation:sh 1.3s linear infinite}
.ann{border-left:4px solid var(--info);border-radius:4px var(--r-m) var(--r-m) 4px}
.ann-Penting{border-left-color:var(--warn)}
.ann-Mendesak{border-left-color:var(--red)}
.dchart{margin:0 0 26px}
.dc-b{background:var(--card);border:1px solid var(--bd);border-radius:var(--r-l);padding:18px 22px 6px;overflow:hidden}
.dc-k{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:4px}
.dc-k b{font-family:var(--serif);font-size:32px;font-weight:500;color:var(--ink)}
.dc-b svg{display:block;width:100%;height:150px;margin:0 0 6px}
.dc-b .ln{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.3s .2s ease-out forwards}
@media(prefers-reduced-motion:reduce){.dc-b .ln{stroke-dasharray:none;stroke-dashoffset:0}}
.tk{--stub:212px;position:relative;display:flex;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-m);margin-bottom:14px;transition:transform .2s,box-shadow .2s}
.tk:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.tk .tl{flex:1;min-width:0;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.tk .tl b{font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink);line-height:1.25}
.tk .tm{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.tk .tm small{display:block;font-size:11.5px}
.tk .tm span{font-size:13px;font-weight:600;color:var(--txt)}
.tk .tr{width:var(--stub);flex:none;padding:14px;display:flex;flex-direction:column;justify-content:center;background:var(--gold-50);border-left:2px dashed var(--gold-100);border-radius:0 var(--r-m) var(--r-m) 0}
.tk::before, .tk::after{content:"";position:absolute;right:calc(var(--stub) - 9px);width:18px;height:18px;border-radius:50%;background:var(--bg);border:1px solid var(--bd)}
.tk::before{top:-10px;border-top-color:transparent}
.tk::after{bottom:-10px;border-bottom-color:transparent}
.cdl{color:var(--ink);font-size:13px;text-align:center}
.cdl>small{display:block;margin-bottom:7px;font-size:11.5px;font-weight:700;color:var(--gold-lo)}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.cd span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:50px;background:var(--card);border:1px solid var(--gold-100);border-radius:9px;padding:6px 2px;font-size:10.5px;color:var(--mut);line-height:1.2}
.cd b{display:block;width:100%;text-align:center;font-family:var(--serif);font-size:19px;line-height:1.15;color:var(--ink);font-style:normal}
.grid{display:grid;gap:16px;margin:0 0 24px}
.film img, .film .noimg{width:104px;height:152px;object-fit:cover;border-radius:12px;background:var(--g100);border:1px solid var(--bd)}
.film>div{min-width:0}
.film>div>b{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink);line-height:1.25}
.film .cdl{margin-top:10px;text-align:left}
.film .cdl>small{text-align:left}
.film .cd span{min-height:44px}
.film .cd b{font-size:17px}
#rq, #uq{flex:2 1 200px}
#rs{flex:1 1 140px}
#rx{margin-left:auto}
.kat{display:inline-block;background:var(--g50);color:var(--gt);border:1px solid var(--g100);border-radius:7px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.st-Open{background:var(--info-bg);color:var(--info)}
.st-In-Progress{background:var(--warn-bg);color:var(--warn)}
.st-Completed{background:var(--ok-bg);color:var(--ok)}
.st-Need-Follow-up{background:var(--red-bg);color:var(--red)}
.st-Perlu-Perhatian{background:var(--warn-bg);color:var(--warn)}
.st-Rusak{background:var(--red-bg);color:var(--red)}
.st-Normal{background:var(--ok-bg);color:var(--ok)}
.mid{font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--mut)}
#gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin-top:18px;align-items:start}
.gg{min-width:0;background:var(--card2);border:1px solid var(--bd);border-radius:16px;padding:14px}
.gg-full{grid-column:1/-1}
#gal .gg>b{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:13.5px;color:var(--ink)}
#gal .gg>b span{font-size:11.5px;font-weight:700;color:var(--gold-lo);background:var(--gold-50);border:1px solid var(--gold-100);border-radius:99px;padding:1px 9px}
.seg{display:flex;gap:4px;padding:4px;background:var(--g50);border:1px solid var(--bd2);border-radius:13px}
.seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:6px 10px;background:transparent;color:var(--mut);font-weight:600;border-radius:10px}
.seg button i{display:flex}
#tm{display:flex;flex-wrap:wrap;gap:8px}
#tm label{display:inline-flex;align-items:center;gap:8px;margin:0!important;padding:8px 14px;border:1px solid var(--bd2);border-radius:99px;font-weight:500!important;font-size:13.5px;background:var(--card);cursor:pointer}
#tm label:has(input:checked){background:var(--g50);border-color:var(--gold);color:var(--gt)}
#tm input{width:auto!important;min-height:0!important}
.irow{display:grid;grid-template-columns:2fr 1fr 74px 74px 1.1fr auto;gap:6px;margin-bottom:8px;align-items:center}
.irow input{padding:8px 10px;min-height:40px}
.irow b{font-size:12.5px;white-space:nowrap}
.iu{display:flex;flex-direction:column;gap:4px;min-width:0}
.iu select, .iu input{padding:8px 10px;min-height:40px}
.zipbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0;padding:10px 12px;border:1px solid var(--bd);border-radius:13px;background:var(--g50)}
.zipbar span{flex:1 1 140px;font-size:13px;color:var(--mut);font-weight:600}
.msec{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--gt);margin:18px 0 2px;padding-bottom:6px;border-bottom:1px solid var(--gold-100)}
.msec i{display:flex}
.msec .ic{width:18px;height:18px}
.mlive{background:var(--row2);border:1px solid var(--bd);border-radius:14px;padding:12px;margin:14px 0 4px;font-size:13.5px}
.macc{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:8px 0}
.macc>div{background:var(--row2);border:1px solid var(--bd);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.macc small{color:var(--mut);font-weight:600}
.macc b{font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink)}
.macc span{font-size:12px;color:var(--mut)}
.mp{margin-bottom:16px}
.mp h3{margin:0 0 10px}
.mbar{margin:0 0 12px;padding:0;border:0;background:none}
.mlts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.mlt{border:1px solid var(--gold-100);background:var(--gold-50);color:#4f3f14;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:13px}
.mlt small{color:var(--gold-lo)}
:root[data-theme=dark] .mlt{color:#ecdca8}
.mch{overflow-x:auto;margin:4px 0}
.mch svg{display:block;height:auto}
.cax{stroke:var(--bd2);stroke-width:1}
.cgr{stroke:var(--bd);stroke-width:1}
.ctx{fill:var(--mut);font-size:11px;font-family:inherit}
.mlg{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--mut)}
.mlg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.mdet summary{cursor:pointer;color:var(--gt);font-weight:600;margin:8px 0}
.mcc{display:flex;gap:8px 14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:6px 0}
.mct{display:flex;gap:6px;flex-wrap:wrap}
.mlb{background:none;border:1px solid var(--bd2);border-radius:999px;padding:4px 11px;color:var(--txt);cursor:pointer;font:inherit;font-size:12.5px;display:inline-flex;align-items:center;min-height:30px}
.mmode{display:inline-flex;gap:4px;padding:4px;margin:2px 0 8px;border:1px solid var(--bd2);border-radius:999px;background:var(--card)}
.mmb{background:none;border:0;border-radius:999px;padding:7px 18px;min-height:36px;color:var(--mut);cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;transition:background .16s,color .16s}
.mmb:focus-visible{outline:2px solid var(--gt);outline-offset:2px}
.mlb.off{opacity:.45;text-decoration:line-through}
.mlb i{margin-right:6px}
#mchart{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;overflow:hidden;border:1px solid var(--bd);border-radius:16px;background:var(--card);padding:6px 4px 0}
#mchart:active{cursor:grabbing}
#mchart svg{width:100%;height:auto;max-height:240px}
#mchart svg.anim path[pathLength]{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.1s .1s ease-out forwards}
.ctl{stroke:var(--mut);stroke-width:1;stroke-dasharray:3 3}
.ctb{fill:var(--card);stroke:var(--bd2)}
.ctt{fill:var(--ink);font-size:11px;font-weight:700;font-family:inherit}
.cts{fill:var(--txt);font-size:11px;font-family:inherit}
.pfoto{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 4px}
.pfoto>div{flex:1 1 200px;min-width:0}
.acs{margin:10px 0 8px}
.crp{margin:10px 0 4px;text-align:center}
.crp canvas{width:100%;max-width:260px;aspect-ratio:1;border-radius:14px;touch-action:none;cursor:grab;background:#111;display:block;margin:0 auto}
.crp input[type=range]{width:100%;max-width:260px;margin:10px auto 2px;display:block}
.crp small{display:block;color:var(--mut)}
.acsum{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;max-width:520px}
.acsum small{flex:1 0 100%;line-height:1.35;color:var(--mut);overflow-wrap:anywhere}
@media(max-width:1100px){.dh{grid-template-columns:1fr}}
@media(max-width:1100px){.dh-main{min-height:300px}}
@media(max-width:1100px){.dq{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 10px}}
@media(max-width:1100px){.dq h2{grid-column:1/-1}}
@media(max-width:1100px){.ds{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.ds-list{grid-column:1/-1;order:3}}
@media(max-width:1100px){.dm{grid-template-columns:1fr}}
@media(min-width:900px){.irow{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) 80px minmax(0,1fr) minmax(0,1.3fr) minmax(90px,auto) auto;gap:8px}}
@media(min-width:600px) and (max-width:899px){.irow{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 70px minmax(0,1fr)}}
@media(min-width:600px) and (max-width:899px){.irow .ip{grid-column:span 2}}
@media(max-width:600px){.irow{grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:600px){.irow .in, .irow .ic{grid-column:1/-1}}
@media(max-width:600px){.irow .iq{grid-column:1}}
@media(max-width:600px){.irow .iu{grid-column:2}}
@media(max-width:600px){.irow .ip{grid-column:1;grid-row:auto}}
@media(max-width:600px){.irow .it{grid-column:2;text-align:right;align-self:center}}
@media(max-width:600px){.irow .rm{grid-column:1/-1;min-height:36px}}
@media(max-width:820px){.ph-img{width:70%;opacity:.6}}
@media(max-width:820px){.ph-t{padding:18px 18px}}
@media(max-width:820px){.ph-t i{width:38px;height:38px;border-radius:12px}}
@media(max-width:820px){.ph-t h1{font-size:26px}}
@media(max-width:820px){.ph-t p{font-size:13px;margin-top:3px}}
@media(max-width:820px){.dh-main{min-height:250px;padding:22px 18px;border-radius:20px}}
@media(max-width:820px){.dh-img{width:86%;right:-18%;top:34%;opacity:.45}}
@media(max-width:820px){.dh-t{max-width:none}}
@media(max-width:820px){.dh-t h1{font-size:34px}}
@media(max-width:820px){.dh-t p{font-size:14px}}
@media(max-width:820px){.dq{grid-template-columns:1fr}}
@media(max-width:820px){.ds{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:820px){.ds-big, .ds-st{min-height:136px;padding:18px}}
@media(max-width:820px){.ds .n{font-size:58px}}
@media(max-width:820px){.ds-list{padding:16px 18px}}
@media(max-width:820px){.ai{flex-wrap:wrap;gap:8px 12px;padding:14px 16px}}
@media(max-width:820px){.ai .kat{min-width:0}}
@media(max-width:820px){.ai-m{flex:1 1 100%;order:3}}
@media(max-width:820px){.ai-m b{white-space:normal}}
@media(max-width:820px){.mbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:820px){#rq, #uq{grid-column:1/-1}}
@media(max-width:820px){#rs{grid-column:1/-1}}
@media(max-width:820px){#rg{grid-column:1/2}}
@media(max-width:820px){#rx{grid-column:2/3;margin-left:0}}
@media(max-width:820px){#rpdf{grid-column:1/-1}}
@media(max-width:820px){#ua{grid-column:1/-1}}
@media(max-width:820px){#rl{padding-bottom:calc(var(--tabh) + 84px)}}
@media(max-width:820px){#rl{position:relative;z-index:0}}
@media(max-width:820px){.tk{flex-direction:column;--stub:100%}}
@media(max-width:820px){.tk .tr{width:auto;border-left:0;border-top:2px dashed var(--gold-100);border-radius:0 0 var(--r-m) var(--r-m);min-height:84px}}
@media(max-width:820px){.tk::before, .tk::after{top:auto;bottom:75px;border-color:var(--bd)}}
@media(max-width:820px){.tk::before{left:-10px;right:auto;border-left-color:transparent}}
@media(max-width:820px){.tk::after{right:-10px;border-right-color:transparent}}
@media(max-width:820px){.film img, .film .noimg{width:78px;height:112px}}
@media(max-width:820px){.irow{grid-template-columns:1fr 1fr 1fr;padding:10px;border:1px solid var(--bd);border-radius:14px;background:var(--row2)}}
@media(max-width:820px){.irow .in, .irow .ic{grid-column:1/-1}}
@media(max-width:820px){.irow .it{grid-column:1/3}}
@media(max-width:820px){.irow .rm{grid-column:3/4}}
@media(max-width:820px){.mmode{display:flex}}
@media(max-width:820px){.mmb{flex:1 1 0;padding:7px 8px}}
@media(max-width:820px){.mct{width:100%}}
@media(max-width:820px){.mct [data-a=rs]{flex:2.2 1 0}}
@media(max-width:380px){.dh-t h1{font-size:30px}}
@media(max-width:380px){.ds .n{font-size:50px}}
@media(prefers-reduced-motion:reduce){#mchart svg.anim path[pathLength]{stroke-dasharray:none!important;stroke-dashoffset:0!important}}
.dh-main{min-width:0}
.dh-t{position:relative;z-index:3}
.dh-img{pointer-events:none}
.ds-big .l{position:relative;z-index:2;display:block;max-width:100%;overflow-wrap:anywhere}
.ds-big{isolation:isolate}
.ds-big::before{pointer-events:none}
.tk-poster{width:76px;height:112px;object-fit:cover;border-radius:9px;flex:none;box-shadow:0 5px 16px #0002}
.tk{align-items:stretch}
.tk .tl{min-width:0;flex:1}
.tk .tr{flex:none}
.filmbar{display:grid;grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) minmax(220px,1.5fr) auto auto;align-items:end;gap:10px}
.filmbar>*{min-width:0}
.film-status{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.fs-belum-tayang{background:#e8ece9;color:#17251d}
.fs-sedang-tayang{background:#d9f3e3;color:#12663b}
.fs-sudah-tayang{background:#fde3e1;color:#a2211b}
.film-capacity{margin-top:16px;padding:14px 16px;border:1px solid var(--bd);border-radius:14px;background:var(--card)}
.film-capacity p{margin:4px 0 0;color:var(--mut)}
.film-table td{vertical-align:middle}
@media(min-width:1200px){.dh{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)}}
@media(min-width:1200px){.dm{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
@media(min-width:1200px){.ds{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.1fr) minmax(180px,.8fr)}}
@media(max-width:760px){.filmbar{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.filmbar #filmq, .filmbar #froutlet{grid-column:1/-1}}
@media(max-width:760px){.filmbar button{width:100%;padding:9px 10px}}
@media(max-width:760px){.tk-poster{width:68px;height:100px}}
@media(max-width:760px){.ds-big .l{font-size:12px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}}
@media(max-width:760px){.ds-big{overflow:hidden}}
@media(max-width:760px){.film-capacity{font-size:13px}}
.role-tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.role-admin{background:#e8dfc5;color:#604512}
.role-user{background:#d9f3e3;color:#12663b}
.role-reporter{background:#e3edfa;color:#194b8a}
#modal .modal-box, .modal-box{animation:modalRise .24s cubic-bezier(.2,.75,.25,1) both}
.film-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
#film-bulk-lines{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.65;min-height:190px}
#film-bulk-save:disabled{opacity:.65;cursor:wait;transform:none}
@keyframes loginRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes modalRise{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.film-actions{justify-content:flex-start}}
.film-groups{display:grid;gap:16px}
.film-group{min-width:0;border:1px solid var(--bd);border-radius:16px;overflow:hidden;background:var(--card)}
.film-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--bd);background:var(--soft,rgba(120,130,120,.06))}
.film-group-head>b{font-size:12px;color:var(--mut)}
.film-group .film-table{margin:0}
.fg-sedang .film-group-head{border-left:4px solid #16834b}
.fg-sudah .film-group-head{border-left:4px solid #c33a35}
.fg-belum .film-group-head{border-left:4px solid #737b76}
.film-import-summary{margin:14px 0;padding:12px 14px;border:1px solid var(--line,#d9e2dc);border-radius:12px;background:var(--surface2,#f6f8f6)}
.film-import-summary p{margin:5px 0}
.checkline{display:flex;align-items:center;gap:9px;margin:14px 0;font-weight:600}
.checkline input{width:auto}
.meter-data-table{margin-top:8px;border:1px solid var(--bd);border-radius:12px;max-width:100%;overflow:auto}
.meter-data-table table{min-width:620px;width:100%}
.meter-data-table th, .meter-data-table td{white-space:nowrap}
#meter-refresh-time{display:inline-block;font-size:11px;font-weight:500;margin-left:8px}
.film-table{border-collapse:collapse;border-spacing:0;width:100%;background:#fff;color:#000}
.film-table th, .film-table td{border:1.5px solid #000;color:#000;text-align:center;vertical-align:middle;padding:9px 10px;background:#fff;font-size:13.5px;line-height:1.35}
.film-table th{background:#e4e4e4;font-weight:800;letter-spacing:.2px;white-space:nowrap}
.film-table td b{font-weight:800}
.film-table tbody tr:hover td{background:#f3f3f3}
.film-table .film-status{background:none;border-radius:0;padding:0;font-size:13px;font-weight:800;justify-content:center}
.film-table .fs-sedang-tayang{color:#0b6b2e}
.film-table .fs-sudah-tayang{color:#b00000}
.film-table .fs-belum-tayang{color:#000}
.film-table td.act{white-space:nowrap}
@media (max-width:820px){.film-table tr{background:#fff;border:1.5px solid #000;color:#000}}
@media (max-width:820px){.film-table td{border:0;color:#000;text-align:center;justify-content:space-between;background:none}}
@media (max-width:820px){.film-table td::before{color:#000;font-weight:700}}
@media (max-width:820px){.film-table td.sm{text-align:center;border-bottom:1.5px solid #000}}
.mdiag{margin-top:12px}
.mdiag p{margin:6px 0 0;font-size:13.5px}
.mdiag .mok{color:#0b6b2e;font-weight:600}
@keyframes beamShimmer{0%,100%{opacity:.92}50%{opacity:1}}
@keyframes lampPulse{0%,100%{opacity:.86}50%{opacity:1}}
.dh-main::before{background:linear-gradient(90deg,var(--surface-dk) 0,#03100acc 30%,#03100a45 52%,transparent 70%)}
.dh-img{right:4%;top:50%;bottom:auto;width:auto;max-width:none;height:76%;aspect-ratio:1240/968;transform:translateY(-50%);animation:dhIn .9s .1s both}
.dh-img img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}
.dh-img::before{content:"";position:absolute;left:10%;right:8%;bottom:-3%;height:9%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 70%);filter:blur(6px);z-index:-1}
.dh-img::after{content:"";position:absolute;left:50%;top:48%;width:92%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(214,177,92,.22);background:radial-gradient(circle,rgba(46,148,104,.34) 0,rgba(28,110,78,.16) 42%,transparent 68%);z-index:-1}
@keyframes dhIn{from{opacity:0;transform:translateY(-46%) scale(.98)}}
@media(max-width:700px){.dh-img{height:62%;right:-4%;top:36%;opacity:.5}}
.gcount{margin:0 0 10px;font-size:13px;color:var(--mut)}
.sx{width:52px;height:52px;border-radius:12px;background:var(--gold-50);border:1px solid var(--gold-100);color:var(--gold-lo);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;text-transform:uppercase}
.cdx{margin-top:10px;padding:10px;border:1px dashed var(--red);border-radius:10px;background:var(--red-bg);color:var(--red);font-size:12px}
.cdx .cd{margin-top:6px}
.studio-photo-block{border:1px solid var(--line,#d9dfdc);border-radius:12px;padding:12px;margin:10px 0;background:var(--card,#fff)}
.studio-photo-block>label{display:block;font-weight:700;margin-bottom:8px}
.patrol-studio-card{border:1px solid var(--line,#d9dfdc);border-radius:12px;padding:12px;background:var(--card,rgba(128,128,128,.04));margin:0}
.patrol-photo-inline{margin:10px 0 0;background:transparent}
@media(max-width:600px){.patrol-studio-card{padding:10px}}
.dq, .ds-big, .ds-list, .dact, .dc-b{box-shadow:var(--sh0)}
.ph-t{align-items:center;padding:26px 30px}
.ph-t i{margin-bottom:0}
.ph-img{top:10px;bottom:10px;right:3%;width:30%;display:flex;align-items:center;justify-content:flex-end;overflow:visible;-webkit-mask-image:none;mask-image:none}
.ph-img::before{content:"";position:absolute;inset:-6% -4%;z-index:-1;background:radial-gradient(closest-side,rgba(225,196,118,.22),transparent 72%)}
.ph-img img{width:100%;height:100%;object-fit:contain!important;object-position:right center!important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
@media(max-width:700px){.ph-img{width:38%;right:2%;opacity:.38}}
.dh{grid-template-columns:1fr;gap:16px}
@media(min-width:701px){.dh-main{min-height:240px;padding:30px 36px}}
@media(min-width:701px){.dh-t{max-width:58%}}
@media(min-width:701px){.dh-t h1{font-size:40px;line-height:1.08}}
@media(min-width:701px){.dh-t p{margin-top:10px;font-size:14.5px}}
@media(min-width:701px){.dh-img{height:90%;right:5%}}
.dq h2{font-family:var(--font);font-size:15px;font-weight:700;color:var(--ink)}
.qrow em{font-size:0;font-weight:400}
.qrow em::after{content:"\2192";font-size:16px;color:var(--ph)}
.qrow:hover em{transform:none}
.qrow:hover em::after{color:var(--gold)}
@media(min-width:561px){.dq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px}}
@media(min-width:561px){.dq h2{grid-column:1/-1;margin:0 0 4px 2px}}
@media(min-width:561px){.qrow{position:relative;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--bd);background:var(--card2);border-radius:var(--r-m)}}
@media(min-width:561px){.qrow:hover{background:var(--g50);border-color:var(--gold)}}
@media(min-width:561px){.qrow span{flex:none;width:100%}}
@media(min-width:561px){.qrow small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}}
@media(min-width:561px){.qrow em{position:absolute;top:12px;right:14px}}
@media(min-width:1101px){.dq{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ds{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:820px){.ds{grid-template-columns:1fr 1fr}}
.ds-big, .ds-list, .ds-st{min-height:168px;padding:20px 22px}
.ds-big::before{display:none}
.ds .l, .ds-list h2{font-size:12.5px;font-weight:700}
.ds .n, .dc-b b{font-family:var(--font);font-variant-numeric:lining-nums tabular-nums;font-weight:700;letter-spacing:-.02em}
.ds .n{font-size:56px}
@media(max-width:380px){.ds .n{font-size:46px}}
.dac{margin:0 0 26px}
.dac-b{background:var(--card);border:1px solid var(--bd);border-radius:var(--r-l);padding:18px 20px;box-shadow:var(--sh0)}
.dac-s{font-size:13.5px;color:var(--mut);margin:0 0 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dac-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.dac-c{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;min-height:92px;border-radius:var(--r-m);background:var(--card2);border:1px solid var(--bd);color:var(--txt);box-shadow:inset 4px 0 0 var(--bd2);transition:border-color .16s,background .16s,transform .16s}
.dac-c:hover{border-color:var(--gold);background:var(--g50);transform:translateY(-1px)}
.dac-c b{font-size:12px;letter-spacing:.08em;color:var(--mut)}
.dac-c .dac-t{font-size:26px;font-weight:700;line-height:1.15;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em}
.dac-c small{font-size:11.5px;font-weight:700;color:var(--mut)}
.dac-c.na{border-style:dashed}
.dac-c.na span{font-size:14px;font-weight:600;color:var(--ph);margin-top:6px}
.dac-c.na2{box-shadow:inset 4px 0 0 var(--ph)}
.dac-c.cold{box-shadow:inset 4px 0 0 #d9a400}
.dac-c.cold small, .dac-c.cold .dac-t{color:#8a6500}
:root[data-theme=dark] .dac-c.cold small, :root[data-theme=dark] .dac-c.cold .dac-t{color:#f5d76e}
@media(max-width:1100px){.dac-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.dac-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dac-b{padding:14px}}
.grid:has(>.card.film){grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))!important;align-items:start;gap:16px}
.film img, .film .noimg{width:112px;height:164px;border-radius:10px;box-shadow:var(--sh1)}
.film>div>br{display:none}
.film>div>b{display:block;font-family:var(--font);font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--ink)}
.film>div>small{display:block;margin-top:4px;line-height:1.5}
.film .cdl{margin-top:12px;padding:10px 12px;background:var(--gold-50);border:1px solid var(--gold-100);border-radius:var(--r-m)}
.film .cdl>small{margin-bottom:8px}
.film .cd{gap:6px}
.film .cd span{min-height:46px;border-radius:8px}
.film .cd b{font-family:var(--font);font-weight:700;font-variant-numeric:lining-nums tabular-nums;font-size:18px}
@media(max-width:560px){.film img, .film .noimg{width:92px;height:136px}}
#gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,500px),1fr));gap:12px;align-items:stretch}
.gcount{margin:6px 2px 12px;font-size:12.5px;font-weight:600;color:var(--mut)}
.gl-h{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:10px 0 0;font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--gt2)}
.gl-h::after{content:"";flex:1;height:1px;background:var(--bd)}
.gl-h:first-child{margin-top:0}
.ds-st.good .n, .ds-st.good .l{color:#fff}
:root[data-theme=dark] .film-table .fs-sedang-tayang, :root[data-theme=dark] .mdiag .mok{color:var(--ok)}
.dsl-tabs button{flex:none;min-height:34px;padding:5px 13px;border-radius:99px;border:1px solid var(--bd2);background:var(--card);color:var(--txt);font:600 13px var(--font);cursor:pointer;box-shadow:none}
.dsl-tabs button em{font-style:normal;color:var(--mut);font-weight:600;margin-left:3px}
.dsl-w{margin:0 0 18px}
.dsl{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh1);user-select:none;-webkit-user-select:none}
.dsl-v{overflow:hidden;touch-action:pan-y}
.dsl-t{display:flex;transition:transform .55s cubic-bezier(.22,.7,.2,1)}
.dsl-s{flex:0 0 100%;min-height:176px;display:flex;align-items:center;gap:18px;padding:24px 64px 44px;color:#f4efe0;cursor:pointer;position:relative;overflow:hidden}
.dsl-s:focus-visible{outline:2px solid var(--gold-hi);outline-offset:-4px}
.sc-a{background:radial-gradient(600px 240px at 90% 0,color-mix(in srgb,var(--accent-bg) 20%,transparent),transparent 60%),linear-gradient(135deg,var(--surface-dk),var(--surface-dk))}
.sc-b{background:radial-gradient(600px 240px at 10% 100%,color-mix(in srgb,var(--accent-bg) 20%,transparent),transparent 60%),linear-gradient(135deg,var(--surface-dk),var(--surface-dk))}
.sc-c{background:radial-gradient(600px 240px at 90% 100%,#8a1f3a66,transparent 60%),linear-gradient(135deg,#1a0a10,#4a1424)}
.sc-d{background:radial-gradient(600px 240px at 20% 0,color-mix(in srgb,var(--accent-bg) 27%,transparent),transparent 60%),linear-gradient(135deg,#2a2208,var(--surface-dk))}
.sc-e{background:radial-gradient(700px 260px at 100% 0,color-mix(in srgb,var(--accent-bg) 20%,transparent),transparent 60%),linear-gradient(135deg,#071f15,var(--surface-dk))}
.sc-f{background:radial-gradient(700px 260px at 0 100%,color-mix(in srgb,var(--accent-bg) 20%,transparent),transparent 60%),linear-gradient(135deg,#0a2a1d,#0b1f2e)}
.dsl-x{min-width:0;flex:1}
.dsl-x>small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:6px}
.dsl-x>b{display:block;font:700 clamp(20px,3vw,29px)/1.2 var(--serif);color:#fff}
.dsl-x>span{display:block;margin-top:8px;font-size:14px;color:#e6dfc8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dsl-x>span.kbl{margin-top:6px;-webkit-line-clamp:1}
.dsl-im{height:118px;width:80px;object-fit:cover;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent-bg) 53%,transparent);flex:none;order:2}
.dsl-art{flex:0 0 min(40%,330px);order:2}
.seatart{display:block;width:100%;height:auto;max-height:150px}
.seatart .scr{stroke:var(--gold-hi);stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--accent-bg));animation:scrglow 3.6s ease-in-out infinite}
.s{fill:var(--accent-bg);opacity:.28;animation:seatwave 3.6s ease-in-out infinite}
.seatrow{display:block;height:14px;width:auto;max-width:100%;margin-top:10px}
.seatrow .s{fill:var(--gold)}
:root[data-theme=dark] .seatrow .s{fill:var(--gold-hi)}
.dstu-c.tot .seatrow .s{fill:var(--accent-bg)}
@keyframes seatwave{0%,60%,100%{opacity:.28}22%{opacity:1}}
@keyframes scrglow{0%,100%{opacity:.55}50%{opacity:1}}
.kbg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
.kbc{background:#ffffff14;border:1px solid color-mix(in srgb,var(--accent-bg) 20%,transparent);border-radius:12px;padding:10px 12px;min-width:0}
.kbc em{display:block;font-style:normal;font-weight:700;color:var(--gold-hi);font-size:13px}
.kbc p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:#e6dfc8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.kbh{display:block;margin-top:10px;font-size:12px;color:#d9d2b8;opacity:.8}
.dsl-s.kb{align-items:flex-start;padding-top:22px}
.dsl-b{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent-bg) 47%,transparent);background:#04170f99;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}
.dsl-b:hover{background:#04170fcc;border-color:var(--gold-hi)}
.dsl-b.p{left:10px}
.dsl-b.n{right:10px}
.dsl-d{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;padding:0 60px;flex-wrap:wrap}
.dsl-d button{width:8px;height:8px;min-height:0;padding:0;border-radius:99px;border:0;background:#ffffff55;cursor:pointer;transition:width .25s,background .25s;box-shadow:none}
.dsl-pg{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transition:width .25s linear}
.dsl-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 2px;scrollbar-width:none}
.dsl-tabs::-webkit-scrollbar{display:none}
.kbs{color:var(--mut);margin:2px 0 12px}
.kbm{border-left:3px solid var(--gold);padding:2px 0 2px 12px;margin:0 0 12px}
.kbm b{display:block;color:var(--ink)}
.kbm p{margin:3px 0 0;white-space:pre-line}
.dstu{margin:0 0 18px}
.dstu-n{color:var(--mut)}
.dstu-g{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.dstu-c{background:var(--card);border:1px solid var(--bd);border-radius:var(--r-m);padding:14px 16px;box-shadow:var(--sh1);transition:box-shadow .3s,border-color .3s;min-width:0}
.dstu-c .l{display:block;font-size:12.5px;font-weight:700;color:var(--gold-lo)}
.dstu-c .n{font:700 34px/1.1 var(--serif);color:var(--ink);margin-top:4px}
.dstu-c small{color:var(--mut)}
.dstu-c.tot{background:linear-gradient(135deg,var(--surface-dk),var(--surface-dk));border-color:color-mix(in srgb,var(--accent-bg) 33%,transparent)}
.dstu-c.tot .l{color:var(--gold-hi)}
.dstu-c.tot .n{color:#fff}
.dstu-c.tot small{color:#d9d2b8}
.flash{border-color:var(--gold)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-bg) 27%,transparent)!important}
@media(max-width:900px){.dstu-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dstu-c.tot{grid-column:1/-1}}
@media(max-width:700px){.kbc p{display:none}}
@media(max-width:700px){.kbg{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}}
@media(max-width:700px){.kbc{padding:5px 11px;border-radius:99px}}
@media(max-width:700px){.kbc em{font-size:12px}}
@media(max-width:560px){.dsl-s{padding:18px 18px 42px;min-height:170px;gap:10px}}
@media(max-width:560px){.dsl-b{display:none}}
@media(max-width:560px){.dsl-im{height:96px;width:64px}}
@media(max-width:560px){.dsl-art{flex-basis:44%}}
@media(max-width:560px){.dsl-d{padding:0 14px}}
@media(max-width:560px){.dsl-x>b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.dsl-t{transition:none}}
@media(prefers-reduced-motion:reduce){.s, .seatart .scr{animation:none;opacity:.85}}
.dstu-b{padding:4px 18px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-l);box-shadow:var(--sh0)}
.dstu-r{display:grid;grid-template-columns:68px minmax(0,1fr) 84px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bd);border-radius:8px;transition:border-color .3s,box-shadow .3s}
.dstu-r .nm{font-size:13.5px;font-weight:600;color:var(--ink)}
.dstu-r i{display:block;height:8px;border-radius:99px;background:var(--g100);overflow:hidden}
.dstu-r i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--moss-600),var(--gold));transform-origin:left;animation:grow .9s .2s both cubic-bezier(.2,.8,.2,1)}
.dstu-r strong, .dstu-t strong{text-align:right;font-weight:700;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.dstu-r small, .dstu-t small{font-size:12px;font-weight:500;color:var(--mut)}
.dstu-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:13px 0 11px}
.dstu-t span{font-size:12.5px;font-weight:700;color:var(--gold-lo)}
.dstu-t strong{font-size:19px}
@media(max-width:620px){.dstu-r{grid-template-columns:60px minmax(0,1fr) 74px}}
@media(prefers-reduced-motion:reduce){.dstu-r i b{animation:none}}
.dsl-s{min-height:230px}
@media(max-width:620px){.dsl-s{min-height:200px}}
.dq, .ds-big, .ds-list, .dact, .dc-b, .dq, .ds-big, .ds-list, .dact, .dc-b{background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card2) 65%,var(--card)))}
.ats-card{min-width:0}
.ats-card img{max-width:100%;object-fit:cover}
.ats-card .poster{width:clamp(78px,8vw,120px);aspect-ratio:2/3;flex:0 0 auto;border-radius:10px;overflow:hidden}
.ats-card .poster img{width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.dq, .ds-big, .ds-list{padding:14px}}
.dstu-b.dstu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.dstu-card{display:grid;justify-items:start;align-content:start;gap:5px;min-width:0;padding:14px;border:1px solid var(--bd);border-radius:13px;background:linear-gradient(145deg,var(--card2),var(--card))}
.dstu-card .dstu-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--gold-hi);background:color-mix(in srgb,var(--accent-bg) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-bg) 20%,transparent)}
.dstu-card .nm{font-size:12px;color:var(--mut);font-weight:650}
.dstu-card strong{font-size:25px;line-height:1.1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.dstu-card>small{font-size:11px;color:var(--mut)}
.dstu-t{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent-bg) 33%,transparent);border-radius:13px;background:linear-gradient(100deg,color-mix(in srgb,var(--accent-bg) 9%,transparent),transparent);color:var(--txt)}
.dstu-t strong{font-size:clamp(20px,2.5vw,28px);color:var(--gold-hi)}
@media(max-width:480px){.dstu-b.dstu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.dstu-card{padding:11px}}
.dsl{border:1px solid #285348;border-radius:18px;overflow:hidden;background:#041510;box-shadow:0 16px 40px #0002;}
.dsl-v{overflow:hidden;}
.dsl-s{min-height:clamp(205px,20vw,290px);padding:clamp(22px,3vw,42px) clamp(26px,3vw,52px) 45px;gap:22px;background:#061b16;}
.dsl-s.sc-a{background:linear-gradient(90deg,#03120ff5 0%,#041712df 38%,#04171240 100%);}
.dsl-s.sc-a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03120ff0 0%,#03120fc4 38%,#03120f12 100%),url("img/projector-hero-4k.webp") right center/cover no-repeat;z-index:0;pointer-events:none;}
.dsl-s.sc-a .dsl-x{position:relative;z-index:1;max-width:min(58%,610px);}
.dsl-s.sc-a .dsl-x>small{font-size:10px;letter-spacing:.2em;color:#b7d4c8;}
.dsl-s.sc-a .dsl-x>b{font-size:clamp(22px,2.4vw,34px);line-height:1.12;max-width:16ch;}
.dsl-s.sc-a .dsl-x>span{font-size:13px;line-height:1.5;color:#d5e5dc;margin-top:8px;}
.dsl-s.sc-a .dsl-im, .dsl-s.sc-a .dsl-art{display:none;}
.dsl-d{z-index:3;}
.dsl-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;}
.dsl-tabs button{border-radius:999px;padding:8px 13px;background:var(--card);border:1px solid var(--bd);color:var(--txt);}
.dstu-b.dstu-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.dstu-card{min-height:115px;}
@media(max-width:800px){.dstu-b.dstu-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:800px){.dsl-s.sc-a .dsl-x{max-width:90%;}}
@media(max-width:480px){.dsl-s{padding:20px 18px 42px;min-height:215px}}
@media(max-width:480px){.dsl-s.sc-a .dsl-x>b{font-size:23px}}
.dstu-card .dstu-icon, .dstu-t strong{color:var(--gold-ink)}
:root[data-theme=light] .dstu-card .dstu-icon{background:var(--accent-soft);border-color:var(--accent-soft)}
:root[data-theme=light] .dstu-t{background:linear-gradient(100deg,var(--accent-soft),var(--accent-soft));border-color:var(--accent-soft)}
:root[data-theme=light] .dstu-c.tot .l{color:var(--gold-ink)}
:root[data-theme=light] .dac-c.na span{color:var(--mut)}
#main .ph-t{font-family:var(--font);letter-spacing:-.01em}
.dq, .ds-big, .ds-list, .dact, .dc-b{border-radius:var(--rd-radius)!important;border:1px solid var(--bd)!important;box-shadow:var(--rd-shadow)}
.dsl{border-radius:24px!important;border:1px solid #ffffff14!important;box-shadow:0 30px 70px -34px #03130fb0!important}
.dsl-s{min-height:clamp(260px,26vw,360px)!important;padding:clamp(28px,3.4vw,56px)!important}
.dsl-s.sc-a .dsl-x>small{font-size:11px!important;letter-spacing:.26em!important;color:var(--rd-gold-hi)!important;font-weight:800}
.dsl-s.sc-a .dsl-x>b{font-family:var(--font);font-size:clamp(30px,3.6vw,54px)!important;line-height:1.02!important;letter-spacing:-.02em;max-width:14ch!important;text-shadow:0 6px 30px #0008}
.dsl-s.sc-a .dsl-x>span{font-size:15px!important;color:#e3efe8!important;margin-top:14px!important;max-width:46ch}
.dsl-s.sc-a:before{background:linear-gradient(90deg,#03120ff7 0%,#03120fc0 36%,#03120f10 78%),url("img/projector-hero-4k.webp") 68% center/cover no-repeat!important}
.dsl-d{bottom:18px!important}
.dsl-d button{width:8px;height:8px;border-radius:99px;background:#ffffff40;border:0;transition:all .3s var(--rd-ease)}
.dsl-d button[aria-current=true]{width:26px;background:var(--rd-gold-hi)}
.dsl-x-btn, .dsl-nav button{background:#03120f99!important;border:1px solid #ffffff26!important;backdrop-filter:blur(8px);color:#fff!important}
.dsl-tabs button{font-weight:650;font-size:13px;padding:8px 14px}
.tk{border-radius:16px!important;border:1px solid var(--bd)!important;padding:12px!important;background:var(--card2)!important;box-shadow:none!important}
.tk-poster{border-radius:12px!important;box-shadow:0 12px 24px -12px #000a}
.tk b{font-family:var(--font);font-size:17px;font-weight:700}
@media(max-width:800px){.dsl-s.sc-a:before{background:linear-gradient(180deg,#03120fe6,#03120f99 60%,#03120fe6),url("img/projector-hero-4k.webp") 70% center/cover no-repeat!important}}
@media(max-width:800px){.dsl-s.sc-a .dsl-x>b{font-size:clamp(26px,7vw,34px)!important}}
@media(max-width:800px){.dsl-s.sc-a .dsl-x>b{font-size:clamp(24px,7vw,32px)!important}}
@media(max-width:800px){.dsl-s{min-height:280px!important}}
@media(max-width:800px){.dsl-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-inline:-2px;padding-bottom:2px}}
@media(max-width:800px){.dsl-tabs button{flex:0 0 auto;white-space:nowrap}}
@media(max-width:800px){.dstu-b.dstu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){#dac .dac-b, .dac-b{overflow-x:auto}}
@media(max-width:800px){.dq, .ds-big, .ds-list{padding:14px}}
.tk-poster, .tk .poster img, .ats-card img.tk-poster{display:block;object-fit:cover;flex:0 0 auto}
@media(max-width:800px){.tk{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:12px 14px;align-items:start}}
@media(max-width:800px){.tk .tk-poster{width:92px;height:138px;border-radius:12px;grid-row:1}}
@media(max-width:800px){.tk .tl{grid-column:2;grid-row:1;min-width:0}}
@media(max-width:800px){.tk .tr{grid-column:1/-1;grid-row:2}}
@media(max-width:800px){.tk .tl b{font-size:17px;line-height:1.2}}
@media(max-width:800px){.tk .tm{grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:480px){.tk{grid-template-columns:76px minmax(0,1fr)!important;gap:10px 12px}}
@media(max-width:480px){.tk .tk-poster{width:76px;height:114px}}
.hsite{display:none!important}
#view #rl{width:100%}
.grid:has(>.card.film){grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))!important}
#gl{grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr))}
.filmbar{display:flex;flex-wrap:wrap;align-items:flex-end}
.filmbar>*{flex:1 1 170px;min-width:0}
.filmbar #filmq, .filmbar #froutlet{flex:2 1 240px}
.dsl-s.sc-c{isolation:isolate;background:#04140f}
.dsl-s.sc-c .dsl-bg{position:absolute;left:-40px;top:-40px;width:calc(100% + 80px);height:calc(100% + 80px);max-width:none; object-fit:cover;filter:blur(34px) saturate(1.3) brightness(.62);z-index:-2;pointer-events:none}
.dsl-s.sc-c::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:linear-gradient(90deg,#03120ff7 0%,#03120fc4 36%,#03120f70 70%,#03120f99 100%)}
.dsl-s.sc-c .dsl-x{position:relative;z-index:1;max-width:min(54%,700px)}
.dsl-s.sc-c .dsl-x>small{font-size:11px;letter-spacing:.26em;color:var(--rd-gold-hi,var(--accent-ink));font-weight:800}
.dsl-s.sc-c .dsl-x>b{font:700 clamp(28px,3.6vw,56px)/1.05 var(--font);letter-spacing:-.015em;text-shadow:0 6px 30px #0009}
.dsl-s.sc-c .dsl-x>span{margin-top:14px;font-size:clamp(14px,1.15vw,17px);color:#e3efe8;-webkit-line-clamp:3}
.dsl-s.sc-c .dsl-im{position:absolute;z-index:1;order:0;top:26px;height:calc(100% - 78px);width:auto;aspect-ratio:2/3; right:clamp(84px,14vw,260px);object-fit:cover;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent-bg) 60%,transparent);box-shadow:0 24px 60px -14px #000d}
@media(max-width:800px){.dsl-s.sc-c{flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:440px!important}}
@media(max-width:800px){.dsl-s.sc-c{padding-bottom:50px!important}}
@media(max-width:800px){.dsl-s.sc-c .dsl-x{flex:0 0 auto;max-width:100%;width:100%;text-align:left}}
@media(max-width:800px){.dsl-s.sc-c .dsl-im{top:18px;right:auto;left:50%;transform:translateX(-50%);height:min(calc(100% - 190px),300px)}}
@media(max-width:800px){.dsl-s.sc-c::before{background:linear-gradient(180deg,#03120f55 0%,#03120fa0 45%,#03120ff2 100%)}}
@media(min-width:700px){.acr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;align-items:end}}
@media(min-width:700px){.acr>*{grid-column:1/-1;margin:0}}
@media(min-width:700px){.acr>.acr-g{display:block;grid-column:auto}}
@media(min-width:700px){.acr>.acc-l{grid-column:auto;margin:0}}
@media(min-width:700px){.acr>.acr-g.acr-t{grid-column:auto}}
@media(min-width:700px){.acr:has(>.acr-t[style*="display:none"])>.acc-l{grid-column:span 2}}
@media(min-width:700px){.acr>.acr-g label, .acr>.acc-l{display:block}}
@media(min-width:700px){.acr select, .acr input:not([type=file]){width:100%;box-sizing:border-box}}
@keyframes uhIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes nsFade{from{opacity:0}to{opacity:1}}
@keyframes nsPop{from{opacity:0;transform:translate(-50%,14px) scale(.7)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes nsIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}
@media (max-width:768px){body>#ra{display:none!important}}
:root[data-theme] #app .dq, :root[data-theme] #app .dact, :root[data-theme] #app .dc-b, :root[data-theme] #app .ds-list{background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:18px !important; box-shadow:var(--rd-shadow) !important;color:var(--txt); -webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);}
:root[data-theme] #app .dsl-tabs button, :root[data-theme] #app .chips button{border-radius:999px;border:1px solid var(--bd2);background:var(--card);color:var(--txt);font-weight:600;}
:root[data-theme] #app .dsl-s::after{content:none !important;display:none !important}
:root[data-theme] #app .dsl-s{height:auto !important;min-height:116px !important;padding:16px 50px 30px 50px !important;gap:0;align-items:center; background:var(--card) !important;border:1px solid var(--bd);border-radius:16px;box-shadow:var(--rd-shadow);overflow:hidden;}
:root[data-theme="dark"] #app .dsl-s{background:linear-gradient(180deg,#0e1d16,#0a1511) !important}
:root[data-theme] #app .dsl-s:hover{border-color:var(--gold)}
:root[data-theme] #app .dsl-s.sc-a::before{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;width:auto !important;height:auto !important; background: linear-gradient(90deg,rgba(6,12,9,.94) 0%,rgba(6,12,9,.78) 42%,rgba(6,12,9,.28) 80%,rgba(6,12,9,.10) 100%), url("img/auditorium.jpg") center 92%/cover no-repeat !important; z-index:0 !important;pointer-events:none;border-radius:inherit;}
:root[data-theme] #app .dsl-s.sc-a .dsl-im{display:none !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x{padding-right:0 !important;max-width:min(62%,560px) !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x>small{color:var(--accent-ink) !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x>b{color:#ffffff !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x>span{color:rgba(255,255,255,.84) !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x{text-shadow:0 1px 10px rgba(0,0,0,.45)}
:root[data-theme] #app .dsl-s.sc-a .dsl-x{padding-right:0}
:root[data-theme] #app .dsl-x{order:1;padding:0;min-width:0;flex:1;position:relative;z-index:1;max-width:none !important}
:root[data-theme] #app .dsl-x>small{display:block;font-size:10.5px !important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lo) !important;margin:0 0 6px;text-shadow:none !important;line-height:1.3}
:root[data-theme] #app .dsl-x>b{display:block;font-family:var(--serif) !important;font-size:20px !important;font-weight:600 !important;line-height:1.25 !important;color:var(--ink) !important;text-shadow:none !important;max-width:none !important;-webkit-line-clamp:unset !important;overflow:visible !important;display:block !important}
:root[data-theme] #app .dsl-x>span{display:block;margin-top:6px;font-size:12.5px !important;line-height:1.5 !important;color:var(--mut) !important;text-shadow:none !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;max-width:none !important;-webkit-line-clamp:unset !important;-webkit-box-orient:horizontal !important;display:block !important}
:root[data-theme] #app .dsl-s .kbl{font-size:12.5px !important;color:var(--mut) !important}
:root[data-theme] #app .dsl-s .kbh{font-size:10.5px !important}
:root[data-theme] #app .dsl-s.kb .kbg{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 14px;margin-top:4px}
:root[data-theme] #app .dsl-s.kb .kbc{padding:0 !important;margin:0 !important}
:root[data-theme] #app .dsl-s.kb .kbc em{display:block;font-style:normal;font-size:11px !important;font-weight:700;color:var(--gold-lo);letter-spacing:.04em}
:root[data-theme] #app .dsl-s.kb .kbc p{margin:2px 0 0 !important;font-size:12px !important;line-height:1.45 !important;color:var(--mut) !important;display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important}
:root[data-theme] #app .dsl-s.kb .kbh{display:none !important}
:root[data-theme] #app .dsl-s.kb .kbl{display:block;margin-top:2px}
:root[data-theme] #app .dsl-art{display:none}
:root[data-theme] #app .dsl-b{width:28px;height:28px;min-height:28px;font-size:16px;background:rgba(6,12,9,.55);border:1px solid rgba(237,203,122,.35);color:#fff;z-index:2}
:root[data-theme] #app .dsl-b.p{left:10px}
:root[data-theme] #app .dsl-b.n{right:10px}
:root[data-theme] #app .dsl-d{bottom:9px;padding:0 60px;gap:5px}
:root[data-theme] #app .dsl-d button{width:6px;height:6px;background:rgba(255,255,255,.35)}
@media (max-width:600px){:root[data-theme] #app .dsl-s{min-height:0 !important;padding:14px 40px 28px 40px !important}}
@media (max-width:600px){:root[data-theme] #app .dsl-x>b{font-size:17px !important}}
@media (max-width:600px){:root[data-theme] #app .dsl-x>span{font-size:12px !important}}
@media (max-width:600px){:root[data-theme] #app .dsl-s.sc-a .dsl-x{max-width:none !important}}
@media (max-width:600px){:root[data-theme] #app .dsl-b.p{left:6px}}
@media (max-width:600px){:root[data-theme] #app .dsl-b.n{right:6px}}
#app .dh-t h1, #app .ph-t h1{font-weight:700 !important;letter-spacing:-.015em !important;}
#app .dq h2, #app .tk b, #app .film>div>b{font-weight:700 !important}
:root[data-theme] .dsl-s.sc-c{background:var(--tb-bg) !important}
:root[data-theme] .dsl-s.sc-c::before{background:var(--tb-ovl) !important}
:root[data-theme] .dsl-s.sc-c .dsl-x>small{color:var(--tb-gold) !important}
:root[data-theme] .dsl-s.sc-c .dsl-x>b{color:var(--tb-ink) !important;text-shadow:none !important}
:root[data-theme] .dsl-s.sc-c .dsl-x>span{color:var(--tb-sub) !important}
:root[data-theme] .dsl-s.sc-c .dsl-im{border-color:var(--tb-bd) !important}
.aerr{display:inline-flex;align-items:center;gap:8px;margin:2px 0 8px;padding:8px 12px;border-radius:12px; border:1px solid var(--bd2);background:var(--g50);color:var(--ink);font-weight:600;font-size:14px;cursor:pointer;min-height:44px}
.aerr input{width:18px;height:18px;min-height:0;margin:0;accent-color:#c0392b;cursor:pointer}
.aerr:has(input:checked){border-color:var(--err-bd);background:var(--err-bg);color:var(--err-ink)}
.ts-err{background:var(--err-bg);color:var(--err-ink);border:1px solid var(--err-bd);border-radius:999px;padding:2px 9px;font-weight:700;font-size:12px}
.ac-errbox, .dac-alert{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--err-bg);color:var(--err-ink); border:1px solid var(--err-bd);font-weight:600;font-size:14px;line-height:1.5}
.ac-errbox b, .dac-alert b{font-weight:800}
.dac-c.err{border-color:var(--err-bd) !important;background:var(--err-bg) !important;color:var(--err-ink) !important}
.dac-c.err b::after{content:" ⚠";color:var(--err-ink)}
#mchart{background:var(--card) !important;border-color:var(--bd2) !important}
#mchart svg text{font-family:var(--font) !important}
#mchart .ctx{fill:var(--mut) !important;font-weight:600}
#mchart .ctt{fill:var(--ink) !important}
#mchart .cts{fill:var(--txt) !important}
#mchart .cgr{stroke:var(--bd2) !important;opacity:.7}
#mchart .cax{stroke:var(--bd2) !important}
.mlb{color:var(--ink) !important;border-color:var(--bd2) !important;font-weight:600}
.mlb i{box-shadow:0 0 0 1px rgba(128,128,128,.25)}
:root[data-theme] #app .dsl-s{background:var(--ad-bg) !important;border-color:var(--ad-bd) !important}
:root[data-theme] #app .dsl-s.sc-a::before{background:var(--ad-ovl),url("img/auditorium.jpg") center 92%/cover no-repeat !important;}
:root[data-theme] #app .dsl-s .dsl-x>small{color:var(--ad-gold) !important}
:root[data-theme] #app .dsl-s .dsl-x>b{color:var(--ad-ink) !important;text-shadow:none !important}
:root[data-theme] #app .dsl-s .dsl-x>span{color:var(--ad-sub) !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x>small{color:var(--ad-gold) !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x>b{color:var(--ad-ink) !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x>span{color:var(--ad-sub) !important}
:root[data-theme] #app .dsl-s.sc-a .dsl-x{text-shadow:none !important}
:root[data-theme="light"] #app .dsl-s.sc-a .dsl-x{text-shadow:none !important}
.film img, .film .noimg, .tk-poster{object-fit:contain !important;background:var(--poster-bg) !important;padding:4px;box-sizing:border-box; border:1px solid var(--bd2) !important;}
:root[data-theme] #app .dsl-s{background:var(--ad-bg) !important;border-color:var(--ad-bd) !important}
:root[data-theme] #app .dsl-b{background:rgba(6,12,9,.55) !important;border:1px solid rgba(237,203,122,.35) !important;color:#ffffff !important;}
:root[data-theme] #app .dsl-b:hover, :root[data-theme] #app .dsl-b:focus-visible{background:rgba(6,12,9,.8) !important;border-color:var(--ad-gold) !important}
:root[data-theme="glass"] #app .dsl-b{background:rgba(12,9,6,.62) !important;border-color:rgba(246,221,152,.55) !important}
:root[data-theme="light"] #app .dsl-b{background:#fffdf6 !important;border:1px solid var(--accent-bg) !important;color:var(--ink) !important;box-shadow:0 2px 8px rgba(90,60,10,.15)}
:root[data-theme="light"] #app .dsl-b:hover, :root[data-theme="light"] #app .dsl-b:focus-visible{background:#f6edd7 !important;border-color:var(--accent-bg) !important}
:root[data-theme="light"] #app .dsl-d button{background:rgba(11,28,20,.28) !important}
:root[data-theme="glass"] #app .dsl-d button{background:rgba(255,255,255,.4) !important}
html body #app .dsl-s.sc-c{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important; gap:clamp(18px,2.6vw,36px) !important;min-height:0 !important;padding:clamp(20px,2.4vw,30px) clamp(22px,3vw,44px) !important;}
html body #app .dsl-s.sc-c .dsl-im{position:relative !important;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important; transform:none !important;order:2 !important;flex:0 0 auto !important; width:clamp(150px,16vw,210px) !important;height:auto !important;max-height:none !important;aspect-ratio:2/3 !important; object-fit:cover !important;border-radius:14px !important;border:1px solid var(--ad-bd) !important; box-shadow:0 22px 48px -18px rgba(0,0,0,.55) !important;margin:0 !important;}
html body #app .dsl-s.sc-c .dsl-x{order:1 !important;flex:1 1 auto !important;min-width:0 !important;max-width:none !important;width:auto !important;position:relative;z-index:1}
html body #app .dsl-s.sc-c .dsl-x>b{font-size:clamp(22px,2.6vw,34px) !important;line-height:1.15 !important}
@media(max-width:560px){html body #app .dsl-s.sc-c{gap:14px !important;padding:16px 16px 40px !important}}
@media(max-width:560px){html body #app .dsl-s.sc-c .dsl-im{width:118px !important;border-radius:10px !important}}
@media(max-width:560px){html body #app .dsl-s.sc-c .dsl-x>b{font-size:18px !important}}
.filmbar>label[for="frsigfile"]{display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important; white-space:normal !important;line-height:1.25 !important;min-width:0 !important;max-width:100% !important; width:100% !important;box-sizing:border-box !important;padding:10px 12px !important;min-height:44px !important; overflow:hidden !important;overflow-wrap:anywhere !important;}
:root[data-theme="glass"] #app .tk, :root[data-theme="glass"] #app .dstu-card{-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);}
:root[data-theme="glass"] .mch{background:rgba(10,8,6,.78) !important;border:1px solid rgba(246,221,152,.45) !important; -webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.tk .tk-poster{width:clamp(118px,13vw,150px) !important;height:auto !important;aspect-ratio:2/3 !important; flex:0 0 auto !important;object-fit:cover !important;border-radius:12px !important;}
:root[data-theme="glass"] #app .tk, :root[data-theme="glass"] #app .dstu-card{background:rgba(10,8,6,.74) !important;}
:root[data-theme] #app .mdc-kpi, :root[data-theme] #app .mdc-tbl, :root[data-theme] #app .mdc-fs{background: var(--card) !important; background-image: none !important; border: 1px solid var(--bd) !important; border-radius: var(--r-l) !important; box-shadow: none !important;}
:root[data-theme] #app .mdc-kpi small{color: var(--mut); font-size: 12px; font-weight: 500;}
:root[data-theme] #app .mdc-kpi b{color: var(--ink); font-family: var(--display); font-weight: 300; font-size: 30px; letter-spacing: -0.02em;}
:root[data-theme] #app .mdc-tbl table{font-size: 13px;}
:root[data-theme] #app .mdc-tbl th{color: var(--mut); font-size: 12px; font-weight: 500; letter-spacing: .01em; background: var(--card2); border-bottom: 1px solid var(--bd); padding: 10px 14px;}
:root[data-theme] #app .mdc-tbl td{padding: 12px 14px; border-bottom: 1px solid var(--bd);}
:root[data-theme] #app .mdc-tbl tbody tr:hover{background: var(--row2) !important;}
:root[data-theme] #app .mdc-tbl tbody tr:last-child td{border-bottom: 0;}
:root[data-theme] #app .mdc-st{border-radius: var(--r-s); font-size: 12px; font-weight: 500; min-height: 22px; padding: 1px 8px; border: 1px solid transparent;}
:root[data-theme] #app .mdc-st.mdc-selesai, :root[data-theme] #app .mdc-st.mdc-ok, :root[data-theme] #app .mdc-st.mdc-ft-passed, :root[data-theme] #app .mdc-st.mdc-lengkap{background: var(--ok-bg); color: var(--ok);}
:root[data-theme] #app .mdc-st.mdc-bermasalah, :root[data-theme] #app .mdc-st.mdc-bad, :root[data-theme] #app .mdc-st.mdc-ft-failed, :root[data-theme] #app .mdc-st.mdc-rusak{background: var(--red-bg); color: var(--red);}
:root[data-theme] #app .mdc-st.mdc-diproses, :root[data-theme] #app .mdc-st.mdc-warn, :root[data-theme] #app .mdc-st.mdc-ft-retest, :root[data-theme] #app .mdc-st.mdc-tidak-ada{background: var(--warn-bg); color: var(--warn);}
:root[data-theme] #app .mdc-st.mdc-info{background: var(--info-bg); color: var(--info);}
:root[data-theme] #app .mdc-st.mdc-na, :root[data-theme] #app .mdc-st.mdc-tidak-diperlukan{background: var(--card2); color: var(--mut); border-color: var(--bd);}
:root[data-theme] #app .mdc-seg{border: 1px solid var(--bd2); border-radius: var(--r-m); padding: 2px;}
:root[data-theme] #app .mdc-seg span{border-radius: var(--r-s); font-size: 13px; font-weight: 500; color: var(--mut);}
:root[data-theme] #app .mdc-seg input:checked + span{background: var(--accent-bg); color: var(--accent-ink);}
:root[data-theme] #app .mdc-note{color: var(--mut) !important;}
:root[data-theme] #app .mdc-err{color: var(--err-ink) !important;}
:root[data-theme] #app .mdc-empty{color: var(--mut) !important;}
:root[data-theme] #app .mdc-alert{background: var(--warn-bg) !important; color: var(--ink) !important; border: 1px solid var(--gold-100) !important; border-radius: var(--r-m) !important;}
.mdc-top{display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin: 4px 0 16px;}
.mdc-kpis{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; flex: 1; min-width: 0;}
.mdc-kpi{padding: 16px 18px; display: flex; flex-direction: column; gap: 6px;}
.mdc-acts{display: flex; gap: 8px; flex-wrap: wrap;}
.mdc-alert{border-radius: var(--r-m); padding: 14px 16px; margin: 0 0 14px;}
.mdc-alert ul{margin: 8px 0 0; padding-left: 18px;}
.mdc-alert li{margin: 4px 0;}
.mdc-filter{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px;}
.mdc-filter input{flex: 1 1 240px;}
.mdc-filter select{flex: 0 1 180px;}
.mdc-tbl{overflow-x: auto;}
.mdc-tbl table{width: 100%; border-collapse: collapse;}
.mdc-tbl th, .mdc-tbl td{text-align: left; vertical-align: middle;}
.mdc-tbl tbody tr{cursor: pointer;}
.mdc-empty{text-align: center; padding: 28px !important;}
.mdc-mono{font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size: 13px;}
.mdc-st{display: inline-flex; align-items: center;}
.mdc-link{background: none; border: 0; padding: 4px 0; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font: inherit; min-height: 44px;}
.mdc-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px 16px; margin: 12px 0;}
.mdc-grid small{display: block; color: var(--mut); font-size: 12px; margin-bottom: 2px;}
.mdc-grid b{font-weight: 500; word-break: break-word;}
.mdc-chk{list-style: none; padding: 0; margin: 0;}
.mdc-chk li{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--bd);}
.mdc-chk li span{flex: 1 1 160px;}
.mdc-chk em{flex-basis: 100%; color: var(--mut); font-style: normal; font-size: 13px;}
.mdc-tl{padding-left: 18px; margin: 8px 0;}
.mdc-tl li{margin: 6px 0;}
.mdc-ph{display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; margin: 8px 0;}
.mdc-ph figure{margin: 0;}
.mdc-ph img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-s); background: var(--g100); display: block; border: 1px solid var(--bd);}
.mdc-ph figcaption{font-size: 12px; color: var(--mut); margin-top: 4px;}
.mdc-up{display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: var(--r-m); border: 1px dashed var(--bd2); cursor: pointer; margin: 8px 0; color: var(--mut);}
.mdc-up input{position: absolute; width: 1px; height: 1px; opacity: 0;}
.mdc-foot{display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 16px;}
.mdc-form label{display: flex; flex-direction: column; gap: 6px; font-size: 13px; margin-bottom: 12px; color: var(--lbl);}
.mdc-row{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.mdc-fs{padding: 14px; margin: 0 0 14px;}
.mdc-fs legend{padding: 0 6px; font-weight: 500;}
.mdc-kr{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: center; padding: 6px 0;}
.mdc-kr > span{font-weight: 500;}
.mdc-ck{display: grid; grid-template-columns: 1fr; gap: 6px; padding: 8px 0; border-bottom: 1px solid var(--bd);}
.mdc-ck > span{font-size: 14px;}
.mdc-seg{display: inline-flex; padding: 3px; gap: 2px; width: max-content;}
.mdc-seg label{flex-direction: row; margin: 0;}
.mdc-seg input{position: absolute; opacity: 0; width: 1px; height: 1px;}
.mdc-seg span{display: inline-flex; align-items: center; justify-content: center; min-height: 36px; min-width: 56px; padding: 0 12px; cursor: pointer;}
.mdc-seg input:focus-visible + span{outline: 2px solid var(--gold); outline-offset: 2px;}
.mdc-ket{min-height: 36px;}
.mdc-chkbox{flex-direction: row !important; align-items: center; gap: 8px !important;}
.mdc-chkbox input{width: 18px; height: 18px; min-height: 0;}
.mdc-note{color: var(--mut); font-size: 13px; margin: 6px 0 12px;}
.mdc-err{color: var(--err-ink); font-size: 13px; min-height: 1em; margin: 4px 0;}
:root[data-theme] #modal .mdc-form label{gap: 6px; font-size: 12px; font-weight: 500; color: var(--mut) !important; margin-bottom: 14px; letter-spacing: .005em;}
:root[data-theme] #modal .mdc-form input:not([type=checkbox]):not([type=radio]), :root[data-theme] #modal .mdc-form select, :root[data-theme] #modal .mdc-form textarea{font-size: 14px; color: var(--ink) !important;}
:root[data-theme] #modal .mdc-form textarea{min-height: 64px; resize: vertical;}
.mdc-row{gap: 0 14px;}
.mdc-row label{min-width: 0;}
:root[data-theme] #modal .mdc-fs{border: 0 !important; border-top: 1px solid var(--bd) !important; border-radius: 0 !important; background: transparent !important; padding: 14px 0 0 !important; margin: 6px 0 16px !important;}
:root[data-theme] #modal .mdc-fs legend{font-size: 12px; font-weight: 500; color: var(--mut); padding: 0; margin-bottom: 4px; text-transform: none;}
.mdc-ck{grid-template-columns: 1fr auto; align-items: center; gap: 6px 12px; padding: 10px 0; border-bottom: 1px solid var(--bd);}
.mdc-ck:last-child{border-bottom: 0;}
.mdc-ck > span{font-size: 14px; color: var(--ink);}
.mdc-ck .mdc-ket{grid-column: 1 / -1;}
.mdc-seg{gap: 4px; padding: 0; border: 0;}
.mdc-seg span{min-width: 52px; min-height: 32px; font-size: 12px; font-weight: 500; border: 1px solid var(--bd2); border-radius: var(--r-s); color: var(--mut); background: var(--card);}
.mdc-seg input:checked + span{background: var(--accent-bg) !important; color: var(--accent-ink) !important; border-color: var(--accent-bg) !important;}
.mdc-kr{grid-template-columns: 1fr 120px; gap: 6px 12px; padding: 10px 0; border-bottom: 1px solid var(--bd);}
.mdc-kr:last-child{border-bottom: 0;}
.mdc-kr > span{font-size: 14px; font-weight: 400; color: var(--ink);}
.mdc-kr input{grid-column: 1 / -1;}
.mdc-chkbox{font-size: 13px; color: var(--lbl); margin: 4px 0 12px;}
.mdc-note{font-size: 12px; margin: 0 0 12px;}
.mdc-foot{margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--bd);}
@media (max-width: 640px){.mdc-row{grid-template-columns: 1fr;}}
@media (max-width: 640px){.mdc-kr{grid-template-columns: 1fr;}}
#modal .mdc-sec{display: block; font-size: 13px; font-weight: 600; color: var(--ink); margin: 22px 0 12px; padding-bottom: 6px; border-bottom: 1px solid var(--bd);}
#modal .mdc-sec:first-of-type{margin-top: 0;}
:root[data-theme] #modal .mdc-form input[type=file]{min-height: 0; padding: 10px 12px; border: 1px dashed var(--bd2) !important; background: var(--card2) !important; font-size: 13px; color: var(--mut) !important; cursor: pointer; width: 100%;}
:root[data-theme] #modal .mdc-form input[type=file]::file-selector-button{margin-right: 12px; padding: 6px 12px; border: 1px solid var(--bd2); border-radius: var(--r-s); background: var(--card); color: var(--ink); font: inherit; font-size: 13px; cursor: pointer;}
:root[data-theme] #app .mdc-tg{display: inline-flex; padding: 3px; gap: 2px; border: 1px solid var(--bd2); border-radius: 999px; background: var(--card2);}
:root[data-theme] #app .mdc-tg label{position: relative; margin: 0;}
:root[data-theme] #app .mdc-tg input{position: absolute; opacity: 0; width: 1px; height: 1px;}
:root[data-theme] #app .mdc-tg span{display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; border-radius: 999px; font-size: 13px; font-weight: 500; color: var(--mut); cursor: pointer; margin: 0;}
:root[data-theme] #app .mdc-tg input:checked + span{background: var(--accent-bg); color: var(--accent-ink);}
:root[data-theme] #app .mdc-tg input:focus-visible + span{outline: 2px solid var(--gold); outline-offset: 2px;}
@media (max-width: 640px){.mdc-top{flex-direction: column; align-items: stretch;}}
@media (max-width: 640px){.mdc-acts{width: 100%;}}
@media (max-width: 640px){.mdc-kpis{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 640px){.mdc-kpi b{font-size: 24px;}}
@media (max-width: 640px){.mdc-row, .mdc-kr{grid-template-columns: 1fr;}}
@media (max-width: 640px){.mdc-filter select{flex: 1 1 140px;}}
@media (max-width: 640px){.mdc-tbl th:nth-child(5), .mdc-tbl td:nth-child(5), .mdc-tbl th:nth-child(6), .mdc-tbl td:nth-child(6){display: none;}}
@media (max-width: 640px){.mdc-tbl.ft th:nth-child(4), .mdc-tbl.ft td:nth-child(4), .mdc-tbl.ft th:nth-child(5), .mdc-tbl.ft td:nth-child(5){display: none;}}
@media print{.mdc-acts, .mdc-filter{display: none !important;}}
@media print{.mdc-kpi, .mdc-tbl, .mdc-fs{border-color: #999 !important; background: #fff !important; box-shadow: none !important;}}
@media print{.mdc-kpi b{color: #000 !important;}}
:root[data-theme] #app .mdc-top{flex-direction: column; align-items: stretch;}
:root[data-theme] #app .mdc-acts{width: 100%; justify-content: flex-start;}
:root[data-theme] #modal .mdc-ph{margin-top: 4px;}
:root[data-theme] #app .mdc-kpis{flex: none;}
:root[data-theme] #app .mdc-top{flex: none; height: auto; align-items: stretch;}
:root[data-theme] #app .mdc-kpis{flex: none; height: auto; align-content: start; align-items: start;}
:root[data-theme] #app .mdc-kpi{align-self: start; min-height: 0; height: auto;}
:root[data-theme] #app .mdc-top{display: block;}
:root[data-theme] #app .mdc-acts{margin: 14px 0 0;}
:root[data-theme] #modal .mdc-form label.mdc-cbx{flex-direction: row; align-items: center; gap: 8px; margin: 0; font-size: 14px; color: var(--ink); cursor: pointer;}
:root[data-theme] #modal .mdc-form label.mdc-cbx input[type=checkbox]{width: 20px; height: 20px; min-height: 20px; margin: 0; flex: 0 0 auto; accent-color: var(--accent-bg);}
:root[data-theme] #modal .mdc-kr{grid-template-columns: 1fr; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--bd);}
:root[data-theme] #modal .mdc-kr:last-child{border-bottom: 0;}
:root[data-theme] #modal .mdc-ck{grid-template-columns: 1fr auto; align-items: center; gap: 8px 12px; padding: 10px 0; border-bottom: 1px solid var(--bd);}
:root[data-theme] #modal .mdc-ck:last-child{border-bottom: 0;}
:root[data-theme] #modal .mdc-ck > span{font-size: 14px; color: var(--ink);}
:root[data-theme] #modal .mdc-cb{display: flex; gap: 14px; flex-wrap: wrap; justify-content: flex-end;}
:root[data-theme] #modal .mdc-ck .mdc-ket{grid-column: 1 / -1;}
@media (max-width: 480px){:root[data-theme] #modal .mdc-ck{grid-template-columns: 1fr;}}
@media (max-width: 480px){:root[data-theme] #modal .mdc-cb{justify-content: flex-start;}}
:root[data-theme] #app #view .mdc-top{position: relative; z-index: 5;}
html:root[data-theme] #app .mdc-tbl{width: 100%;}
html:root[data-theme] #app .mdc-tbl table{min-width: 0;}
.pel-filter{flex-wrap: wrap; align-items: flex-end;}
.pel-filter .pel-date{display: grid; gap: 4px; font-size: 12px; color: var(--mut);}
.pel-filter .pel-date input{min-width: 150px;}
.pel-sum{margin: 10px 0 4px; padding: 10px 12px; border: 1px solid var(--bd); border-radius: 8px; background: var(--dis); font-size: 14px; color: var(--ink);}
.pel-tl{position: relative; margin: 14px 0 6px; padding-left: 28px;}
.pel-tl::before{content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: var(--bd);}
.pel-node{position: relative; margin: 0 0 14px;}
.pel-dot{position: absolute; left: -28px; top: 16px; width: 16px; height: 16px; border-radius: 50%; background: var(--card); border: 2px solid var(--mut); box-sizing: border-box;}
.pel-node.in .pel-dot{border-color: var(--ok);}
.pel-node.out .pel-dot{border-color: var(--gold);}
.pel-card{background: var(--card); border: 1px solid var(--bd); border-radius: 10px; padding: 12px 14px; min-width: 0;}
.pel-head{display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; justify-content: space-between; margin: 0; padding: 0; border: 0;}
.pel-jenis{font-size: 12px; letter-spacing: .06em; font-weight: 600; color: var(--mut); overflow-wrap: anywhere;}
.pel-card h4{margin: 8px 0; font-size: 15px; line-height: 1.4; font-weight: 600; color: var(--ink); overflow-wrap: anywhere;}
.pel-dl{display: grid; grid-template-columns: minmax(0, max-content) minmax(0, 1fr); gap: 4px 14px; margin: 0; font-size: 13px;}
.pel-dl dt{color: var(--mut);}
.pel-dl dd{margin: 0; color: var(--ink); overflow-wrap: anywhere;}
.pel-ph{display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 6px; margin-top: 10px;}
.pel-ph img{width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; border: 1px solid var(--bd); background: var(--dis);}
.pel-acts{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;}
.pel-lain{display: grid; gap: 4px; margin-top: 8px;}
.pel-auto{display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 8px 0; font-size: 12px; color: var(--mut);}
@media (max-width: 560px){.pel-dl{grid-template-columns: 1fr; gap: 2px 0;}}
@media (max-width: 560px){.pel-dl dt{margin-top: 6px;}}
.pel-kel{margin: 0; padding: 0; list-style: none; display: grid; gap: 3px;}
.pel-kel li{font-size: 13px; color: var(--ink); overflow-wrap: anywhere;}
.pel-kelnote{color: var(--mut);}
.pel-loc{display: grid; gap: 4px; align-content: start; font-size: 14px;}
.pel-loc span{font-size: 13px; opacity: .75;}
.pel-loc b{font-weight: 600;}
#modal .mdc-form .pel-jlist{display: flex; flex-direction: column; gap: 10px; margin: 6px 0 12px;}
#modal .mdc-form .pel-jlist label.mdc-cbx input[type=radio]{width: 20px; height: 20px; min-height: 20px; margin: 0; flex: 0 0 auto; accent-color: var(--accent-bg);}
#modal .mdc-form .pel-jlist small{color: var(--muted, #6b6b6b);}
@media (max-width:768px){#dslc button, #dq, #dac{min-height:44px !important}}
@media (max-width:768px){#dsld button{position:relative}}
@media (max-width:768px){#dsld button::before{content:"";position:absolute;inset:-19px -10px}}
@media (max-width:768px){#dsld button{box-sizing:content-box !important;padding:19px 0 !important;background-clip:content-box !important;min-width:0 !important}}
@media (max-width:768px){.dsl-b{box-sizing:content-box !important;padding:8px !important;background-clip:content-box !important;min-width:0 !important;min-height:0 !important}}