@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Wittgenstein:ital,wght@0,400..900;1,400..900&display=swap);@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.18.6"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.katex-newline{display:block}.katex .katex-base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .katex-base,.katex .katex-strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .katex-vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .katex-thinbox{display:inline-flex;flex-direction:row;max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline,.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-rule,.katex .katex-underline .underline-line,.katex .mfrac .frac-line{min-height:1px}.katex .mspace{display:inline-block}.katex .katex-smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.katex-inner,.katex .llap>.katex-inner,.katex .rlap>.katex-inner{position:absolute}.katex .clap>.katex-fix,.katex .llap>.katex-fix,.katex .rlap>.katex-fix{display:inline-block}.katex .llap>.katex-inner{right:0}.katex .clap>.katex-inner,.katex .rlap>.katex-inner{left:0}.katex .clap>.katex-inner>span{margin-left:-50%;margin-right:50%}.katex .katex-rule{border:0 solid;display:inline-block;position:relative}.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.katex-root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .katex-sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .katex-sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .katex-sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .katex-sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .katex-sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .katex-sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .katex-sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .katex-sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .katex-sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .katex-sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .katex-sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .katex-sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .katex-sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .katex-sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .katex-sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .katex-sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .katex-sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .katex-sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .katex-sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .katex-sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .katex-sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .katex-sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .katex-sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .katex-sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .katex-sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .katex-sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .katex-sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .katex-sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .katex-sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .katex-sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .katex-sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .katex-sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .katex-sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .katex-sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .katex-sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .katex-sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .katex-sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .katex-sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .katex-sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .katex-sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .katex-sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .katex-sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .katex-sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .katex-sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .katex-sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .katex-sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .katex-sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .katex-sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .katex-sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .katex-sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .katex-sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .katex-sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .katex-sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .katex-sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .katex-sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .katex-sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .katex-sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .katex-sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .katex-sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .katex-sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .katex-sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .katex-sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .katex-sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .katex-sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .katex-sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .katex-sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .katex-sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .katex-sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .katex-sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .katex-sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .katex-sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .katex-sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .katex-sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .katex-sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .katex-sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .katex-sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .katex-sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .katex-sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .katex-sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .katex-sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .katex-sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .katex-sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .katex-sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .katex-sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .katex-sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .katex-sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .katex-sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .katex-sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .katex-sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .katex-sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .katex-sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .katex-sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .katex-sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .katex-sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .katex-sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .katex-sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .katex-sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .katex-sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .katex-sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .katex-sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .katex-sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .katex-sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .katex-sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .katex-sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .katex-sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .katex-sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .katex-sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .katex-sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .katex-sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .katex-sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .katex-sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .katex-sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .katex-sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .katex-sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .katex-sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .katex-sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .katex-sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .katex-sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .katex-sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .katex-sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .katex-sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .katex-accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .katex-accent .accent-body{position:relative}.katex .katex-accent .accent-body:not(.accent-full){width:0}.katex .katex-overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .katex-stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .katex-stretchy:after,.katex .katex-stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .katex-sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.katex-tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.katex-tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.w-full{width:100%}.max-w-sm{max-width:24rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-\[\#212C34\]{--tw-bg-opacity:1;background-color:rgb(33 44 52/var(--tw-bg-opacity))}.bg-\[\#2D3B45\]{--tw-bg-opacity:1;background-color:rgb(45 59 69/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--primary:#0158f5;--primary-hover:#0046c7;--primary-light:#0158f514;--primary-border:#0158f533;--secondary-blue:#0158f5;--secondary-blue-hover:#0046c7;--bg-main:#f8fafc;--surface-white:#fff;--text-main:#0f172b;--text-muted:#475569;--border-color:#cbd5e1;--accent-gold:#d97706;--accent-emerald:#059669;--shadow-sm:0 1px 2px 0 #0f172b0d;--shadow-md:0 4px 6px -1px #0f172b12,0 2px 4px -2px #0f172b0d;--shadow-lg:0 10px 15px -3px #0f172b14,0 4px 6px -4px #0f172b0a;--shadow-xl:0 20px 25px -5px #0f172b1a,0 8px 10px -6px #0f172b0a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-main);color:#0f172b;color:var(--text-main);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.font-heading,h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.02em}.font-heading,button,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{color:#0f172b;color:var(--text-main)}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #cbd5e1;border:1px solid var(--border-color)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.btn-primary{align-items:center;background-color:#0158f5;background-color:var(--primary);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0158f540;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-batch-tab.active,.btn-batch-tab.active *,.btn-export-excel,.btn-export-excel *,.btn-filter-session:hover,.btn-filter-session:hover *,.btn-open-exam,.btn-open-exam *,.btn-primary,.btn-primary *,.btn-save-profile,.btn-save-profile *,.btn-submit-test,.btn-submit-test *,.nav-badge-pill,.start-tka-btn,.start-tka-btn *,.user-avatar-circle,button[style*="0158F5"],button[style*="0158F5"] *,button[style*="rgb(1, 88, 245)"],button[style*="rgb(1, 88, 245)"] *{color:#fff!important}.btn-primary:hover{background-color:#0046c7;background-color:var(--primary-hover);box-shadow:0 6px 16px #0158f559;transform:translateY(-1px)}.btn-secondary{align-items:center;background-color:#f1f5f9;border:1px solid #cbd5e1;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);color:var(--text-main);display:inline-flex;font-size:.95rem;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background-color:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.btn-outline{align-items:center;background-color:initial;border:1.5px solid #0158f5;border:1.5px solid var(--primary);border-radius:10px;border-radius:var(--radius-md);color:#0158f5;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:11px 22px;transition:all .2s ease}.btn-outline:hover{background-color:#0158f514;background-color:var(--primary-light);transform:translateY(-1px)}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}::-webkit-scrollbar{width:10px}-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#2d3b45a9;border-radius:5px}-webkit-scrollbar-thumb:hover{background-color:#555}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:440px;pointer-events:none;position:fixed;right:24px;top:24px;width:calc(100vw - 32px);z-index:99999}.toast-card{align-items:center;animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 10px 25px -5px #0f172b1f,0 8px 10px -6px #0f172b14;display:flex;justify-content:space-between;overflow:hidden;padding:14px 18px;pointer-events:auto;position:relative;transition:transform .2s ease,opacity .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(100%) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-content{align-items:center;display:flex;flex:1 1;gap:12px}.toast-badge-tag{border-radius:6px;flex-shrink:0;font-size:.725rem;font-weight:900;letter-spacing:.05em;padding:3px 8px}.toast-success .toast-badge-tag{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.toast-error .toast-badge-tag{background:#0158f514;border:1px solid #cbd5e1;color:#0158f5}.toast-warning .toast-badge-tag{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.toast-info .toast-badge-tag{background:#eff6ff;border:1px solid #bfdbfe;color:#0158f5}.toast-message{color:#0f172b;font-size:.9rem;font-weight:700;line-height:1.4}.toast-success{border-left:5px solid #059669}.toast-error{border-left:5px solid #0158f5}.toast-warning{border-left:5px solid #d97706}.toast-info{border-left:5px solid #0158f5}.toast-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;justify-content:center;margin-left:8px;padding:4px 8px;transition:all .15s ease}.toast-close:hover{background:#f1f5f9;color:#0f172b}.toast-progress{animation:progressLinear linear forwards;background:#cbd5e1;bottom:0;height:3px;left:0;position:absolute;width:100%}.toast-success .toast-progress{background:#059669}.toast-error .toast-progress{background:#0158f5}.toast-warning .toast-progress{background:#d97706}.toast-info .toast-progress{background:#0158f5}@keyframes progressLinear{0%{width:100%}to{width:0}}.auth-page-wrapper{align-items:center;background:radial-gradient(circle at 10% 20%,#0158f50a 0,#0000 40%),radial-gradient(circle at 90% 80%,#0158f50a 0,#0000 40%),#f8fafc;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.auth-card-box{background:#fff;border:2px solid #cbd5e1;border-radius:20px;box-shadow:0 10px 30px -5px #0f172b12;display:flex;flex-direction:column;max-width:540px;padding:36px 36px 40px;width:100%}.auth-back-home-btn{align-self:flex-start;background:#0000;border:none;color:#475569;cursor:pointer;font-size:.875rem;font-weight:700;margin-bottom:20px;padding:4px 0;transition:color .15s ease}.auth-back-home-btn:hover{color:#0158f5}.auth-brand-logo{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.auth-official-logo{filter:drop-shadow(0 2px 8px rgba(15,23,43,.1));height:64px;object-fit:contain;width:auto}.auth-campus-tag{color:#0158f5;font-size:.775rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.auth-tabs-toggle{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.auth-tab-btn{align-items:center;border:none!important;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:800;justify-content:center;outline:none;padding:13px 18px;transition:all .15s ease}.auth-tab-login{background:#1e3a8a!important;border:none!important;box-shadow:0 4px 12px #1e3a8a40}.auth-tab-login,.auth-tab-login *,.auth-tab-login span{color:#fff!important}.auth-tab-login:hover{background:#172554!important;box-shadow:0 6px 16px #1e3a8a66;color:#fff!important;transform:translateY(-2px)}.auth-tab-login:active{transform:translateY(0)}.auth-tab-register{background:#059669!important;border:none!important;box-shadow:0 4px 12px #05966940}.auth-tab-register,.auth-tab-register *,.auth-tab-register span{color:#fff!important}.auth-tab-register:hover{background:#047857!important;box-shadow:0 6px 16px #05966966;color:#fff!important;transform:translateY(-2px)}.auth-tab-register:active{transform:translateY(0)}.auth-heading{color:#0f172b;font-size:1.65rem;font-weight:900;margin:0 0 6px;text-align:center}.auth-subheading{color:#475569;font-size:.9rem;line-height:1.5;margin:0 0 24px;text-align:center}.auth-form-fields{display:flex;flex-direction:column;gap:16px}.auth-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-group label{color:#0f172b;font-size:.85rem;font-weight:800}.label-row-between{align-items:center;display:flex;justify-content:space-between}.forgot-pass-link{color:#0158f5;cursor:pointer;font-size:.8rem;font-weight:700}.forgot-pass-link:hover{text-decoration:underline}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap input,.auth-select-input{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#0f172b;font-size:.95rem;font-weight:600;outline:none;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.auth-input-wrap input:focus,.auth-select-input:focus{border-color:#0158f5;box-shadow:0 0 0 3px #0158f51f}.auth-select-input{cursor:pointer}.password-strength-box{margin-top:4px}.auth-submit-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1.05rem;font-weight:800;justify-content:center;margin-top:10px;padding:14px;transition:all .15s ease;width:100%}.auth-submit-login{background:#1e3a8a!important;box-shadow:0 4px 14px #1e3a8a4d}.auth-submit-login,.auth-submit-login *,.auth-submit-login span{color:#fff!important}.auth-submit-login:hover:not(:disabled){background:#172554!important;box-shadow:0 6px 18px #1e3a8a66;color:#fff!important;transform:translateY(-2px)}.auth-submit-register{background:#059669!important;box-shadow:0 4px 14px #0596694d;color:#fff!important}.auth-submit-register *,.auth-submit-register span{color:#fff!important}.auth-submit-register:hover:not(:disabled){background:#047857!important;box-shadow:0 6px 18px #05966966;color:#fff!important;transform:translateY(-2px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:600px){.auth-card-box{padding:24px 20px}.auth-grid-2{grid-template-columns:1fr}}.reg-closed-box{align-items:center;animation:fadeIn .25s ease-out;display:flex;flex-direction:column;padding:10px 0 6px;text-align:center}.reg-closed-badge{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:999px;color:#b91c1c;display:inline-flex;font-size:.75rem;font-weight:800;gap:6px;letter-spacing:.04em;margin-bottom:16px;padding:5px 14px;text-transform:uppercase}.reg-closed-icon-wrap{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:50%;box-shadow:0 4px 14px #ef444426;display:flex;font-size:1.85rem;height:64px;justify-content:center;margin-bottom:16px;width:64px}.reg-closed-title{color:#0f172a;font-size:1.35rem;font-weight:900;line-height:1.3;margin:0 0 10px}.reg-closed-period-banner{background:#fff7ed;border:1.5px solid #fed7aa;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;margin:12px 0 16px;padding:14px 16px;text-align:center;width:100%}.period-badge-lbl{color:#9a3412;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.period-badge-val{color:#c2410c;font-size:.88rem;font-weight:800;line-height:1.4}.reg-closed-desc{color:#475569;font-size:.88rem;line-height:1.55;margin:0 0 20px;text-align:center}.reg-closed-actions{display:flex;flex-direction:column;gap:10px;width:100%}.btn-reg-closed-login,.btn-reg-closed-login *,.btn-reg-closed-login span{fill:#fff!important;color:#fff!important}.btn-reg-closed-login{align-items:center;background:#1e3a8a!important;border:none;border-radius:10px;box-shadow:0 4px 14px #1e3a8a40;color:#fff!important;cursor:pointer;display:flex;font-size:.95rem;font-weight:800;justify-content:center;padding:13px 20px;text-decoration:none;transition:all .15s ease}.btn-reg-closed-login:hover{background:#172554!important;box-shadow:0 6px 18px #1e3a8a59;transform:translateY(-2px)}.btn-reg-closed-home{background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:.9rem;font-weight:700;padding:12px 20px;transition:all .15s ease}.btn-reg-closed-home:hover{background:#e2e8f0;border-color:#94a3b8;color:#0f172a}.reg-closed-helpdesk{border-top:1px dashed #cbd5e1;color:#64748b;font-size:.78rem;margin-top:18px;padding-top:14px;width:100%}.reg-closed-helpdesk strong{color:#0f172a}.navbar-wrapper{background:#fff;border-bottom:2px solid #cbd5e1;box-shadow:0 2px 8px #0f172b0a;left:0;position:fixed;right:0;top:0;z-index:100}.navbar-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1240px;padding:10px 24px}.navbar-brand-link{align-items:center;display:flex;gap:14px;text-decoration:none;transition:opacity .15s ease}.navbar-brand-link:hover{opacity:.9}.navbar-brand-logo{height:48px;object-fit:contain;width:auto}.navbar-brand-text{display:flex;flex-direction:column}.navbar-brand-name{color:#0158f5;font-size:1.15rem;font-weight:900;letter-spacing:.02em;line-height:1.15}.navbar-brand-sub{color:#0f172b;font-size:.775rem;font-weight:700;letter-spacing:.04em}.navbar-nav-links{align-items:center;display:flex;gap:12px}.nav-link-item{align-items:center;background:#0000;border:none;color:#0f172b;display:inline-flex;font-size:.95rem;font-weight:700;padding:6px 10px;position:relative;text-decoration:none;transition:color .15s ease}.nav-link-item:hover{background:#0000;color:#0158f5}.nav-link-item.is-active{background:#0000!important;border:none!important;box-shadow:none!important;color:#0158f5!important;font-weight:800!important}.navbar-auth-actions{align-items:center;display:flex;gap:12px;margin-left:16px}.nav-btn-sm{border-radius:8px!important;font-size:.9rem!important;padding:8px 18px!important}.navbar-mobile-toggle{background:#0000;border:1.5px solid #cbd5e1;border-radius:8px;color:#0f172b;cursor:pointer;display:none;font-size:.85rem;font-weight:800;padding:7px 14px;transition:all .15s ease}.navbar-mobile-toggle:hover{background:#0000;border-color:#0158f5;color:#0158f5}.navbar-mobile-dropdown{background:#fff;border-bottom:2px solid #cbd5e1;display:flex;flex-direction:column;gap:8px;padding:16px 24px}.mobile-nav-link-item{background:#0000;border:none;color:#0f172b;font-size:1rem;font-weight:700;padding:8px 0;text-decoration:none;transition:color .15s ease}.mobile-nav-link-item:hover{background:#0000;color:#0158f5}.mobile-nav-link-item.is-active{background:#0000!important;border:none!important;color:#0158f5!important;font-weight:800!important}.navbar-mobile-actions{display:flex;gap:10px;margin-top:6px}@media (max-width:900px){.navbar-nav-links{display:none}.navbar-mobile-toggle{display:block}}.untag-cbt-footer{background:#0f172a;border-top:1px solid #1e293b;color:#94a3b8;font-family:inherit;margin-top:auto;position:relative;z-index:10}.footer-top-container{grid-gap:36px;display:grid;gap:36px;grid-template-columns:1.4fr 1fr 1fr 1.1fr;margin:0 auto;max-width:1240px;padding:56px 24px 40px}.footer-col-brand{display:flex;flex-direction:column;gap:16px}.footer-brand-header{align-items:center;display:flex;gap:12px}.footer-brand-logo{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;height:48px;object-fit:contain;padding:5px;width:auto}.footer-brand-text{display:flex;flex-direction:column}.footer-brand-name{color:#fff;font-size:1.15rem;font-weight:900;letter-spacing:-.01em}.footer-brand-sub{color:#38bdf8;font-size:.725rem;font-weight:700;letter-spacing:.05em}.footer-brand-desc{color:#94a3b8;font-size:.875rem;line-height:1.6;margin:0}.footer-secretariat-box{align-items:flex-start;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;display:flex;gap:10px;margin-top:4px;padding:12px 14px}.footer-secretariat-icon{flex-shrink:0;font-size:1.05rem;line-height:1.3;margin-top:1px}.footer-secretariat-info{display:flex;flex-direction:column;gap:3px}.footer-secretariat-label{color:#fff!important;font-size:.85rem;font-weight:700;letter-spacing:.01em}.footer-secretariat-address{color:#fff!important;font-size:.825rem;font-weight:400;line-height:1.5}.footer-campus-addresses{background:#1e293b;border:1px solid #334155;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:.8rem;gap:6px;margin-top:4px;padding:12px 14px}.footer-campus-addresses p{color:#fff;line-height:1.45;margin:0}.footer-campus-addresses strong{color:#fff}.footer-heading{color:#f8fafc;font-size:.95rem;font-weight:800;margin:0 0 16px;padding-bottom:8px;position:relative}.footer-heading:after{background:#0158f5;border-radius:2px;bottom:0;content:"";height:2.5px;left:0;position:absolute;width:28px}.footer-links-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer-links-list li a{align-items:center;color:#94a3b8;display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;text-decoration:none;transition:all .15s ease}.footer-links-list li a:hover{color:#38bdf8;transform:translateX(3px)}.footer-contact-box{display:flex;flex-direction:column;gap:6px;margin-top:18px}.footer-contact-title{color:#94a3b8;font-size:.775rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.footer-wa-btn{align-items:center;background:#065f46;border:1px solid #059669;border-radius:8px;color:#fff!important;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-wa-btn:hover{background:#059669;box-shadow:0 4px 12px #05966959;color:#fff!important;transform:translateY(-1px)}.footer-social-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.footer-social-link{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#cbd5e1;font-size:.775rem;font-weight:600;padding:5px 10px;text-decoration:none;transition:all .15s ease}.footer-social-link:hover{background:#0158f5;border-color:#0158f5;color:#fff}.footer-bottom-bar{background:#090e1a;border-top:1px solid #1e293b;padding:18px 24px}.footer-bottom-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1240px}.footer-copyright-text{color:#94a3b8;font-size:.825rem;margin:0}.footer-accreditation-text{color:#64748b;font-size:.8rem;margin:0}@media (max-width:1024px){.footer-top-container{gap:32px;grid-template-columns:1fr 1fr;padding:44px 20px 32px}}@media (max-width:640px){.footer-top-container{gap:28px;grid-template-columns:1fr;padding:36px 16px 28px}.footer-bottom-inner{flex-direction:column;gap:8px;text-align:center}}.home-wrapper{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.cinematic-hero-section{align-items:center;background-color:#0f172b;display:flex;justify-content:center;min-height:620px;overflow:hidden;padding:130px 24px 80px;position:relative}.cinematic-carousel-bg{inset:0;overflow:hidden;position:absolute;z-index:1}.cinematic-slide{background-position:50%;background-size:cover;inset:0;opacity:0;position:absolute;transform:scale(1.05);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 6.5s cubic-bezier(.2,0,.2,1)}.cinematic-slide.active{opacity:1;transform:scale(1)}.cinematic-overlay{background:linear-gradient(90deg,#081c3ed1,#08234eb3 45%,#0a26524d 75%,#0a26521a),linear-gradient(180deg,#06142c40,#06142c1a 50%,#06142c8c);inset:0;position:absolute;z-index:2}.cinematic-hero-content{align-items:flex-start;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:1240px;position:relative;text-align:left;width:100%;z-index:10}.hero-organizer-pill{align-items:center;background:#fff;border-radius:28px;box-shadow:0 8px 28px #00000059;display:inline-flex;gap:20px;margin-bottom:26px;padding:8px 24px;transition:transform .2s ease,box-shadow .2s ease}.hero-organizer-pill:hover{box-shadow:0 12px 32px #0006;transform:translateY(-2px)}.organizer-col{display:flex;flex-direction:column;gap:3px}.organizer-badge-tag{color:#64748b;font-size:.65rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.organizer-brand-wrap{align-items:center;display:flex;gap:10px}.organizer-logo-img{display:block;height:38px;object-fit:contain;width:auto}.organizer-brand-titles{display:flex;flex-direction:column}.organizer-main-name{color:#0245a3;font-size:1.05rem;font-weight:900;letter-spacing:-.01em;line-height:1.1}.organizer-sub-name{color:#475569;font-size:.72rem;font-weight:600;line-height:1.2}.organizer-pill-divider{color:#0284c7;font-size:1.15rem;font-weight:400;justify-content:center;padding:0 4px;-webkit-user-select:none;user-select:none}.collaborator-brand-wrap,.organizer-pill-divider{align-items:center;display:flex}.collaborator-logo-img{display:block;height:36px;object-fit:contain;width:auto}.hero-split-grid{grid-gap:40px;align-items:flex-end;display:grid;gap:40px;grid-template-columns:1.45fr 1fr;width:100%}.hero-main-content{align-items:flex-start;display:flex;flex-direction:column}.hero-title-main{color:#fff;font-size:3.6rem;font-weight:900;letter-spacing:-.02em;line-height:1.08;margin:0;text-shadow:0 4px 20px #00000080}.hero-title-yellow{color:#ffd200;text-shadow:0 0 24px #ffd20066}.hero-tagline-text{color:#fff;font-size:1.45rem;font-weight:800;letter-spacing:-.01em;margin:12px 0 6px;text-shadow:0 2px 10px #0006}.hero-desc-text{color:#ffffffe6;font-size:1.05rem;line-height:1.5;margin:0 0 22px;max-width:620px;text-shadow:0 2px 8px #0006}.hero-pills-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.hero-pill{align-items:center;border-radius:9999px;box-shadow:0 4px 14px #0003;display:inline-flex;font-size:.85rem;font-weight:800;gap:8px;letter-spacing:.02em;padding:8px 18px;transition:transform .2s ease}.hero-pill:hover{transform:translateY(-2px)}.hero-pill-yellow{background:#ffd200;border:none;color:#0f172a;font-weight:900}.hero-pill-glass{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0a1934bf!important;border:1px solid #38bdf899!important;color:#fff!important}.hero-pill-glass span{color:#fff!important;font-weight:800!important}.pill-svg-icon{color:#38bdf8!important;display:block}.hero-cta-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.btn-hero-cta-red{align-items:center;background-color:#e11d48!important;border:none!important;border-radius:9999px;box-shadow:0 6px 20px #e11d4873;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:800;gap:10px;padding:14px 28px;transition:all .2s ease}.btn-hero-cta-red,.btn-hero-cta-red span{color:#fff!important}.btn-hero-cta-red:hover{background-color:#be123c!important;box-shadow:0 8px 26px #e11d4899;transform:translateY(-2px)}.cta-icon{font-size:1.15rem}.btn-hero-cta-glass{align-items:center;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0a1934bf!important;border:1px solid #38bdf899!important;border-radius:9999px;box-shadow:0 4px 16px #00000059;color:#fff!important;cursor:pointer;display:inline-flex;font-size:1.025rem;font-weight:700;gap:10px;padding:14px 26px;transition:all .2s ease}.btn-hero-cta-glass span{color:#fff!important;font-weight:700!important}.btn-hero-cta-glass:hover{background:#0f2346e6!important;border-color:#38bdf8e6!important;box-shadow:0 6px 20px #00000073;transform:translateY(-2px)}.cta-calendar-svg{color:#38bdf8!important;display:block}.hero-schedule-card-wrap{display:flex;justify-content:flex-end;width:100%}.hero-live-schedule-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1934c7;border:1.5px solid #38bdf873;border-radius:20px;box-shadow:0 12px 40px #0000008c,0 0 20px #38bdf826;max-width:380px;padding:18px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.hero-live-schedule-card:hover{box-shadow:0 16px 48px #000000a6,0 0 28px #38bdf840;transform:translateY(-3px)}.schedule-card-status-box{background:#064e3b73;border:1px solid #34d39973;border-radius:12px;margin-bottom:14px;padding:12px 16px}.status-live-header{align-items:center;display:flex;gap:8px}.status-normal-dot{background:#94a3b8;height:8px;width:8px}.status-green-dot,.status-normal-dot{border-radius:50%;display:inline-block}.status-green-dot{animation:pulseGreenDot 1.8s infinite;background:#10b981;box-shadow:0 0 10px #10b981;height:10px;width:10px}@keyframes pulseGreenDot{0%,to{box-shadow:0 0 10px #10b981;opacity:1;transform:scale(1)}50%{box-shadow:0 0 18px #34d399;opacity:.7;transform:scale(1.25)}}.status-live-text{color:#94a3b8;font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.status-batch-subtitle{color:#cbd5e1;font-size:.95rem;font-weight:700;letter-spacing:.01em;margin-top:2px;padding-left:16px}.status-extended-divider{background:#ffffff2e;height:1px;margin:10px 0}.status-extended-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-extended-dot{animation:pulseGoldDot 1.8s infinite;background:#f59e0b;border-radius:50%;box-shadow:0 0 10px #f59e0b;display:inline-block;height:10px;width:10px}@keyframes pulseGoldDot{0%,to{box-shadow:0 0 10px #f59e0b;opacity:1;transform:scale(1)}50%{box-shadow:0 0 18px #fbbf24;opacity:.75;transform:scale(1.3)}}.status-extended-text{color:#fbbf24;font-size:.82rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.status-extended-pill{background:#f59e0b40;border:1px solid #f59e0b;border-radius:4px;color:#fde68a;font-size:.65rem;font-weight:900;letter-spacing:.04em;padding:1px 6px;text-transform:uppercase}.status-extended-date{color:#fff;font-size:1.15rem;font-weight:900;letter-spacing:.02em;margin-top:3px;padding-left:18px;text-shadow:0 0 12px #f59e0b59}.schedule-card-details-box{align-items:flex-start;display:flex;gap:12px;padding:8px 6px 4px}.schedule-calendar-icon-wrap{align-items:center;background:#38bdf826;border:1px solid #38bdf859;border-radius:10px;color:#38bdf8;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:2px;width:40px}.schedule-details-content{display:flex;flex-direction:column;gap:6px;width:100%}.schedule-next-label{color:#38bdf8;font-size:.82rem;font-weight:800;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.schedule-batch-row{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:4px;line-height:1.3}.schedule-batch-tag{color:#ffd200;font-weight:800;letter-spacing:.02em}.schedule-batch-val{color:#f1f5f9;font-weight:700}@media (max-width:1024px){.hero-split-grid{gap:32px;grid-template-columns:1fr}.hero-schedule-card-wrap{justify-content:flex-start}.hero-live-schedule-card{max-width:100%}}@media (max-width:768px){.cinematic-hero-section{padding:100px 16px 60px}.hero-organizer-pill{border-radius:24px;flex-direction:column;gap:16px;justify-content:center;margin:0 auto 26px;max-width:440px;padding:20px 18px}.hero-organizer-pill,.organizer-col{align-items:center;text-align:center;width:100%}.organizer-col{gap:6px}.organizer-badge-tag{font-size:.78rem;letter-spacing:.06em;text-align:center}.organizer-brand-wrap{align-items:center;flex-direction:column;gap:8px;text-align:center;width:100%}.organizer-logo-img{height:54px;margin:2px auto}.organizer-brand-titles{align-items:center;gap:2px;text-align:center}.organizer-main-name{font-size:1.25rem;text-align:center}.organizer-sub-name{font-size:.86rem;text-align:center}.organizer-pill-divider{background:#e2e8f0;display:block;font-size:0;height:1px;line-height:0;margin:2px auto;padding:0;width:80%}.organizer-pill-divider span{display:none}.collaborator-brand-wrap{align-items:center;justify-content:center;width:100%}.collaborator-logo-img{height:48px;margin:2px auto 0}.hero-title-main{font-size:2.5rem}.hero-tagline-text{font-size:1.2rem}.hero-desc-text{font-size:.95rem}.hero-pills-row{gap:8px}.hero-pill{font-size:.78rem;padding:6px 14px}.hero-cta-group{flex-direction:column;width:100%}.btn-hero-cta-glass,.btn-hero-cta-red{justify-content:center;width:100%}}.cinematic-metric-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;gap:3px;padding:14px 20px;text-align:center}.cinematic-metric-card strong{color:#fff;font-size:1.05rem;font-weight:900}.cinematic-metric-card span{color:#ffffffb8;font-size:.8rem;font-weight:600}.cinematic-slide-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172bbf;border:1px solid #fff3;border-radius:9999px;bottom:24px;color:#fff;display:inline-flex;font-size:.775rem;font-weight:700;gap:8px;left:28px;padding:6px 16px;position:absolute;white-space:nowrap;z-index:10}.cinematic-badge-dot{animation:pulseDot 2s ease-in-out infinite;background:#38bdf8;border-radius:50%;display:inline-block;height:7px;width:7px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.cinematic-badge-label{color:#fff}.cinematic-badge-sep{color:#fff;opacity:.4}.cinematic-badge-caption{color:#fff;font-weight:500;opacity:.8}.cinematic-dash-pagination{align-items:center;bottom:28px;display:flex;gap:8px;position:absolute;right:28px;z-index:10}.cinematic-dash-item{background:#ffffff59;border:none;border-radius:2px;cursor:pointer;height:4px;padding:0;transition:all .4s ease;width:20px}.cinematic-dash-item.active{background:#38bdf8;width:44px}.cinematic-arrow-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172b66;border:1px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:42px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:42px;z-index:10}.cinematic-arrow-btn:hover{background:#0158f5;border-color:#0158f5;transform:translateY(-50%) scale(1.1)}.cinematic-arrow-prev{left:20px}.cinematic-arrow-next{right:20px}.features-section{gap:48px;margin:0 auto;max-width:1140px;padding:80px 24px 60px}.features-section,.section-header{display:flex;flex-direction:column}.section-header{align-items:center;gap:10px;text-align:center}.section-pill{color:#0158f5;font-size:.9rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-title{color:#0f172b;font-size:2.25rem;font-weight:900;margin:0}.section-subtitle{color:#475569;font-size:1.05rem;line-height:1.5;margin:0;max-width:700px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border:2px solid #cbd5e1;border-radius:18px;box-shadow:0 4px 12px #0f172b08;display:flex;flex-direction:column;padding:32px 28px;transition:all .25s ease}.feature-card:hover{border-color:#0158f5;box-shadow:0 12px 24px -4px #0158f51a;transform:translateY(-4px)}.feature-card.highlight-card{background:#fffdfd;border-color:#0158f5}.card-top-tag{color:#0158f5;font-size:.775rem;font-weight:800;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.blue-tag{color:#0158f5}.feature-card h3{color:#0f172b;font-size:1.35rem;font-weight:900;margin:0 0 12px}.feature-card p{color:#475569;flex:1 1;font-size:.95rem;line-height:1.6;margin:0 0 20px}.card-badge-row{margin-top:auto}.mini-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#0158f5;font-size:.8rem;font-weight:800;padding:5px 12px}.scholarship-section{margin:0 auto;max-width:1140px;padding:0 24px 60px;width:100%}.scholarship-card-box{grid-gap:36px;background:#fff;border:2px solid #cbd5e1;border-radius:20px;box-shadow:0 10px 25px -5px #0f172b0d;display:grid;gap:36px;grid-template-columns:1.2fr .8fr;padding:40px}.scholarship-left{display:flex;flex-direction:column;gap:14px}.scholarship-tag{color:#d97706;font-size:.85rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.scholarship-left h2{color:#0f172b;font-size:1.95rem;font-weight:900;margin:0}.scholarship-left p{color:#475569;font-size:1rem;line-height:1.6;margin:0}.scholarship-numbered-list{display:flex;flex-direction:column;gap:12px;margin:12px 0 0;padding:0}.scholarship-numbered-item{align-items:flex-start;color:#0f172b;display:flex;font-size:.95rem;font-weight:700;gap:8px;line-height:1.6}.scholarship-num{color:#0f172b;flex-shrink:0;font-weight:700;min-width:18px}.scholarship-text{color:#0f172b;flex:1 1;font-weight:700}.hotline-card{align-items:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:28px;text-align:center}.hotline-card h4{color:#0f172b;font-size:1.15rem;font-weight:900;margin:0}.hotline-card p{color:#475569;font-size:.875rem;margin:0 0 6px}.hotline-number-link{align-items:center;background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;box-shadow:0 2px 8px #22c55e26;color:#15803d;display:inline-flex;font-size:1.15rem;font-weight:800;gap:10px;margin:2px 0;padding:8px 18px;text-decoration:none;transition:all .25s ease}.hotline-number-link span{color:inherit;transition:color .25s ease}.hotline-number-link .whatsapp-icon{fill:currentColor;flex-shrink:0;height:22px;transition:fill .25s ease;width:22px}.hotline-number-link:hover{background:#22c55e;border-color:#22c55e;box-shadow:0 6px 18px #22c55e59;color:#fff!important;transform:translateY(-2px)}.hotline-number-link:hover span{color:#fff!important}.hotline-number-link:hover .whatsapp-icon{fill:#fff!important}.hotline-note{color:#64748b;font-size:.8rem;font-weight:600}.cta-banner-section{margin:0 auto;max-width:1140px;padding:0 24px 80px;width:100%}.cta-banner-box{align-items:center;background:#0f172b;border-radius:20px;border-top:6px solid #0158f5;color:#fff;display:flex;flex-direction:column;gap:18px;overflow:hidden;padding:48px 32px;position:relative;text-align:center}.cta-banner-box h2{color:#fff!important;font-size:2.1rem;font-weight:900;margin:0}.cta-banner-box p{color:#cbd5e1!important;font-size:1.05rem;line-height:1.6;margin:0;max-width:650px}.btn-cta-large{border-radius:12px;font-size:1.1rem;margin-top:6px;padding:14px 36px}.registered-participants-section{display:flex;flex-direction:column;gap:36px;margin:0 auto;max-width:1140px;padding:30px 24px 70px;width:100%}.nisn-portal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px -2px #0f172a0d,0 2px 6px -1px #0f172a08;overflow:hidden;width:100%}.nisn-portal-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:28px 32px 18px;text-align:center}.nisn-header-title{color:#0f172b;font-size:1.3rem;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;text-align:center}.nisn-header-sub{color:#64748b;font-size:.9rem;font-weight:500;line-height:1.5;margin:0 auto;max-width:600px;text-align:center}.nisn-tabs-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px 32px 0;text-align:center}.nisn-tabs-heading{background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;color:#034ea2;display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:4px 14px;text-align:center;text-transform:uppercase}.nisn-tabs-nav{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;display:inline-flex;gap:6px;margin:0 auto;max-width:100%;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nisn-tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nisn-tab-btn:hover{color:#0f172b}.nisn-tab-btn.active{background:#fff;box-shadow:0 3px 10px #0f172a14;color:#0158f5;font-weight:800}.nisn-search-form{background:#fff;padding:22px 32px 32px}.nisn-validation-alert{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:.875rem;font-weight:600;gap:10px;justify-content:center;margin:0 auto 20px;max-width:520px;padding:11px 16px}.nisn-form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:22px}.nisn-form-group{display:flex;flex-direction:column;gap:7px}.nisn-form-group.full-width{grid-column:1/-1;margin:0 auto;max-width:480px;text-align:center;width:100%}.nisn-form-group.full-width label{justify-content:center}.nisn-form-group.full-width .nisn-input-hint{text-align:center}.nisn-form-group label{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:700;gap:4px}.req-star{color:#dc2626;font-weight:800}.opt-tag{color:#94a3b8;font-size:.775rem;font-weight:500}.nisn-input-wrapper{position:relative;width:100%}.nisn-input-control{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;color:#0f172b;font-family:inherit;font-size:.925rem;padding:11px 16px;transition:all .2s ease;width:100%}.nisn-input-control:focus{background:#fff;border-color:#0158f5;box-shadow:0 0 0 3.5px #0158f51a;outline:none}.nisn-clear-btn{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:.7rem;height:22px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .15s ease;width:22px}.nisn-clear-btn:hover{background:#cbd5e1;color:#0f172b}.nisn-input-hint{color:#64748b;font-size:.8rem;font-weight:500;line-height:1.4;margin-top:3px}.nisn-form-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-nisn-search,.nisn-form-actions{align-items:center;justify-content:center}.btn-nisn-search{background:#0158f5;border:none;border-radius:10px;box-shadow:0 4px 14px #0158f533;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;padding:12px 28px;transition:all .2s ease}.btn-nisn-search,.btn-nisn-search span{color:#fff!important}.btn-nisn-search:hover:not(:disabled){background:#0046c7;box-shadow:0 6px 18px #0158f547;transform:translateY(-1px)}.btn-nisn-search:disabled{cursor:not-allowed;opacity:.7}.btn-nisn-reset{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;padding:11px 20px;transition:all .2s ease}.btn-nisn-reset:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172b}.nisn-privacy-banner{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:.85rem;gap:14px;line-height:1.5;padding:16px 32px}.nisn-privacy-icon{flex-shrink:0;font-size:1.35rem}.nisn-results-container{display:flex;flex-direction:column;gap:24px}.nisn-loading-card{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:16px;color:#475569;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:16px;padding:48px 24px;text-align:center}.nisn-spinner{border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.nisn-spinner,.nisn-spinner-large{animation:spin .8s linear infinite}.nisn-spinner-large{border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0158f5;height:42px;width:42px}.nisn-notfound-card{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;box-shadow:0 4px 20px #0f172a08;display:flex;flex-direction:column;gap:14px;padding:48px 32px;text-align:center}.nisn-notfound-icon{font-size:3rem;margin-bottom:4px}.nisn-notfound-card h3{color:#0f172b;font-size:1.35rem;font-weight:900;margin:0}.nisn-notfound-card p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0;max-width:540px}.nisn-notfound-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.nisn-multiple-results-card{background:#fff;border:1.5px solid #cbd5e1;border-radius:20px;box-shadow:0 4px 20px #0f172a0a;padding:28px}.multiple-header{border-bottom:1.5px solid #e2e8f0;margin-bottom:20px;padding-bottom:16px}.multiple-header h3{color:#0f172b;font-size:1.25rem;font-weight:800;margin:0 0 4px}.multiple-header p{color:#64748b;font-size:.875rem;margin:0}.multiple-cards-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.multiple-item-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:20px;transition:all .2s ease}.multiple-item-card:hover{background:#fff;border-color:#0158f5;box-shadow:0 6px 20px #0158f514;transform:translateY(-2px)}.item-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.item-nomor{color:#0158f5;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:800}.item-sesi-pill{background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#1e40af;font-size:.75rem;font-weight:700;padding:2px 8px}.item-name{color:#0f172b;font-size:1.05rem;font-weight:800;margin:0}.item-major,.item-school{color:#475569;font-size:.85rem;margin:0}.btn-select-participant{align-items:center;background:#0158f5;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;justify-content:center;margin-top:6px;padding:9px 16px;text-align:center;transition:all .2s ease;width:100%}.btn-select-participant span{color:#fff!important}.btn-select-participant:hover{background:#0046c7}.nisn-verified-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px -2px #0f172a0f,0 2px 6px -1px #0f172a0a;overflow:hidden;position:relative;width:100%}.card-official-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;padding:24px 28px 20px}.card-header-text h4{color:#0158f5;font-size:.8rem;font-weight:800;letter-spacing:.05em;margin:0 0 4px;text-transform:uppercase}.card-header-text h3{color:#0f172b;font-size:1.3rem;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.card-header-text p{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.card-body-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:28px}.card-biodata-box,.card-schedule-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:22px}.box-title{border-bottom:1.5px solid #cbd5e1;color:#0f172b;font-size:1rem;font-weight:800;letter-spacing:.03em;margin:0 0 4px;padding-bottom:8px;text-transform:uppercase}.bio-detail-table{display:flex;flex-direction:column;gap:10px}.bio-row{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:135px 1fr;padding:9px 14px;text-align:left}.bio-row.highlight-row{background:#eff6ff;border-color:#bfdbfe}.bio-label{color:#475569;font-size:.825rem}.bio-label,.bio-val{font-weight:700;text-align:left}.bio-val{color:#0f172b;font-size:.925rem;word-break:break-word}.bio-val.bio-name{color:#0f172b;font-weight:800;text-align:left}.bio-val.bio-number{color:#0158f5;font-family:SFMono-Regular,Consolas,monospace;font-size:.95rem;font-weight:900;text-align:left}.bio-val-wrapper{align-items:center;display:flex;gap:10px;justify-content:flex-start;text-align:left}.btn-copy-mini{background:#fff;border:1px solid #93c5fd;border-radius:6px;color:#0158f5;cursor:pointer;font-size:.75rem;font-weight:800;padding:3px 8px;transition:all .15s ease}.btn-copy-mini:hover{background:#0158f5;color:#fff}.schedule-detail-table{display:flex;flex-direction:column;gap:10px}.sched-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:8px 12px}.sched-row.highlight-row{background:#f0fdf4;border-color:#86efac}.sched-label{color:#475569;font-size:.825rem;font-weight:700}.sched-val{color:#0f172b;font-size:.9rem;font-weight:800;text-align:right}.batch-val,.session-val{color:#1e40af}.session-val{background:#eff6ff;border-radius:4px;padding:2px 8px}.date-val,.time-val{color:#15803d}.time-val{background:#dcfce7;border-radius:4px;padding:2px 6px}.seat-val,.time-val{font-family:SFMono-Regular,Consolas,monospace}.seat-val{color:#dc2626;font-size:.95rem}.loc-val{color:#475569;font-size:.8rem;font-weight:600;max-width:60%}.card-instruction-box{background:#fef3c7;border:1.5px solid #fcd34d;border-radius:12px;color:#92400e;margin:0 28px 20px;padding:16px 20px}.card-instruction-box h6{color:#78350f;font-size:.875rem;font-weight:900;margin:0 0 6px}.card-instruction-box ul{font-size:.825rem;font-weight:600;line-height:1.55;margin:0;padding-left:20px}.card-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:18px 28px 28px}.btn-print-card{background:#16a34a}.btn-login-cbt,.btn-print-card{align-items:center;border:none;border-radius:10px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.925rem;font-weight:800;gap:8px;padding:12px 22px;transition:all .2s ease}.btn-login-cbt{background:#0158f5}.btn-login-cbt span{color:#fff!important}.btn-login-cbt:hover{background:#0046c7;box-shadow:0 4px 14px #0158f54d;transform:translateY(-2px)}.btn-back-multi{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:.875rem;font-weight:700;padding:11px 18px;transition:all .15s ease}.btn-back-multi:hover{background:#e2e8f0;color:#0f172b}.btn-search-other{background:#0000;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:700;margin-left:auto;padding:11px 18px;transition:all .15s ease}.btn-search-other:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172b}@media print{body *{visibility:hidden}.print-card-target,.print-card-target *{visibility:visible}.print-card-target{border:2px solid #000!important;border-radius:0!important;box-shadow:none!important;left:0;position:absolute;top:0;width:100%!important}.no-print{display:none!important}}@media (max-width:860px){.card-body-grid{grid-template-columns:1fr}.nisn-tabs-wrapper{padding:18px 16px 0;width:100%}.nisn-tabs-nav{grid-gap:4px;border-radius:12px;display:grid;gap:4px;grid-template-columns:1fr 1fr;max-width:100%;padding:4px;width:100%}.nisn-tab-btn{border-radius:8px;font-size:.8rem;font-weight:700;gap:6px;line-height:1.25;padding:10px 8px;text-align:center;white-space:normal}.nisn-tab-btn svg{flex-shrink:0;height:16px;width:16px}.nisn-tab-btn span{text-align:center}.nisn-search-form{padding:18px 16px 24px}.nisn-portal-header{padding:20px 16px 14px}.card-official-header{padding:18px 20px}.card-action-bar{padding:16px 20px}.btn-search-other{margin-left:0;width:100%}}@media (max-width:460px){.nisn-tabs-nav{gap:5px;grid-template-columns:1fr;padding:5px}.nisn-tab-btn{font-size:.825rem;justify-content:center;padding:11px 14px}}.home-footer{background:#fff;border-top:2px solid #cbd5e1;padding:32px 24px}.footer-inner{margin:0 auto;max-width:1140px;text-align:center}.footer-inner p{color:#0f172b;font-size:.925rem;font-weight:700;margin:0 0 4px}.footer-sub{color:#64748b;font-size:.85rem;font-weight:500}@media (max-width:960px){.cinematic-hero-section{min-height:560px;padding:100px 20px 60px}.cinematic-hero-title{font-size:2.35rem}.cinematic-hero-desc{font-size:1rem}.cinematic-metrics-bar{grid-template-columns:1fr;max-width:480px}.cinematic-arrow-btn{font-size:1.2rem;height:36px;width:36px}.cinematic-arrow-prev{left:10px}.cinematic-arrow-next{right:10px}.cinematic-slide-badge{bottom:14px;font-size:.725rem;left:14px;max-width:60%;overflow:hidden;text-overflow:ellipsis}.cinematic-dash-pagination{bottom:18px;right:14px}.features-grid,.scholarship-card-box{grid-template-columns:1fr}}@media (max-width:768px){.public-participants-table .col-sekolah,.public-participants-table .col-sesi{display:none}.public-participants-table td.col-no,.public-participants-table th.col-no{padding:10px 4px;text-align:center;width:40px}.public-participants-table td,.public-participants-table th{padding:10px 8px}.public-participants-table .col-nama{font-size:.875rem}.public-participants-table .col-tanggal{font-size:.82rem;line-height:1.35}.public-participants-table .col-waktu{font-size:.8rem}.waktu-badge-pill{font-size:.75rem;padding:2px 6px}.participants-table-card{border-radius:14px;padding:16px}.participants-table-toolbar{gap:10px}.participants-table-toolbar,.participants-toolbar-left{align-items:stretch;flex-direction:column}.participants-search-box{max-width:100%;min-width:0}.participants-filter-select{width:100%}.table-pagination-footer{align-items:stretch;flex-direction:column;gap:14px}.pagination-info{align-items:flex-start;flex-direction:column;gap:8px}.pagination-nav{flex-wrap:wrap;justify-content:center}}@media (max-width:640px){.cinematic-hero-title{font-size:1.85rem}.cinematic-hero-actions{flex-direction:column;width:100%}.btn-cinematic-cta,.btn-cinematic-secondary{width:100%}.cinematic-slide-badge{display:none}}.layout-container{background-color:#f8fafc;display:flex;min-height:100vh}.mobile-header{align-items:center;background:#fff;border-bottom:2px solid #cbd5e1;display:none;gap:12px;height:60px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:99}.mobile-menu-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#0f172b;cursor:pointer;font-size:.85rem;font-weight:800;padding:6px 12px}.mobile-brand{align-items:center;color:#0158f5;cursor:pointer;display:flex;font-size:1rem;font-weight:900;gap:10px}.main-sidebar{background:#fff;border-right:2px solid #cbd5e1;display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:transform .25s ease;width:280px;z-index:100}.sidebar-brand-box{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:24px 20px 18px}.brand-logo-wrap{align-items:center;display:flex;gap:14px}.sidebar-brand-logo-img{flex-shrink:0;height:48px;object-fit:contain;width:auto}.brand-titles{display:flex;flex-direction:column}.brand-name{color:#0158f5;font-size:1.1rem;font-weight:900;letter-spacing:.02em;line-height:1.15}.brand-tagline{color:#0f172b;font-size:.75rem;font-weight:700}.sidebar-user-card{align-items:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin:16px 16px 14px;padding:12px 14px;transition:all .15s ease}.sidebar-user-card:hover{background:#0158f514;border-color:#0158f5}.user-avatar-circle{align-items:center;background:#0158f5;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:900;height:40px;justify-content:center;width:40px}.user-info-text{display:flex;flex-direction:column;overflow:hidden}.user-name-label{color:#0f172b;font-size:.9rem;font-weight:800}.user-name-label,.user-school-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-school-label{color:#475569;font-size:.775rem;font-weight:600}.sidebar-nav-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:8px 16px}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .15s ease}.sidebar-nav-item:hover{background:#f8fafc;color:#0f172b}.sidebar-nav-item.active{background:#0158f514;color:#0158f5;font-weight:800}.sidebar-nav-item.active:before{background:#0158f5;border-radius:0 4px 4px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:4px}.nav-label{flex:1 1}.nav-badge-pill{background:#0158f5;border-radius:6px;color:#fff;font-size:.725rem;font-weight:800;padding:3px 8px}.sidebar-footer{border-top:1px solid #f1f5f9;padding:16px}.sidebar-logout-btn{align-items:center;background:#0158f514;border:1.5px solid #cbd5e1;border-radius:10px;color:#0158f5;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;justify-content:center;padding:12px 16px;transition:background .15s ease;width:100%}.sidebar-logout-btn:hover{background:#0158f51f}.main-content-body{flex:1 1;overflow-y:auto;padding:36px 40px}@media (max-width:900px){.mobile-header{display:flex}.main-sidebar{bottom:0;box-shadow:0 10px 25px #00000026;left:0;position:fixed;top:0;transform:translateX(-100%)}.main-sidebar.open{transform:translateX(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172b80;inset:0;position:fixed;z-index:99}.main-content-body{padding:80px 16px 32px}}.dash-overview-wrap{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:1200px}.dash-welcome-card{align-items:center;background:#0f172b;border-radius:20px;border-top:6px solid #0158f5;color:#fff;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:36px 40px}.welcome-left{display:flex;flex-direction:column;gap:8px;max-width:700px}.welcome-tag{color:#60a5fa;font-size:.8rem;font-weight:900;letter-spacing:.08em}.welcome-left h1{color:#fff;font-size:2.1rem;font-weight:900;line-height:1.2;margin:0}.welcome-left p{color:#cbd5e1;font-size:.95rem;margin:0}.start-tka-btn{border-radius:12px;font-size:1rem;padding:14px 28px}.dash-metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.dash-metric-card{background:#fff;border:2px solid #cbd5e1;border-radius:18px;box-shadow:0 4px 12px #0f172b08;display:flex;flex-direction:column;gap:6px;padding:24px 28px}.metric-title{font-size:.85rem;font-weight:800;letter-spacing:.04em}.metric-number{color:#0f172b;font-size:2.25rem;font-weight:900}.metric-number.highlight-red{color:#0158f5}.metric-status-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:900;margin-top:4px;padding:6px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.metric-status-badge.eligible{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.metric-status-badge.standard{background:#eff6ff;border:1px solid #bfdbfe;color:#0158f5}.metric-sub{font-size:.8rem;font-weight:600}.dash-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.3fr .7fr}.dash-card-box{background:#fff;border:2px solid #cbd5e1;border-radius:18px;display:flex;flex-direction:column;gap:20px;padding:28px}.card-box-header{align-items:center;display:flex;justify-content:space-between}.card-box-header h2{color:#0f172b;font-size:1.25rem;font-weight:900;margin:0}.btn-sm{font-size:.85rem;padding:6px 14px}.dash-results-list{display:flex;flex-direction:column;gap:12px}.dash-result-item{align-items:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;display:flex;justify-content:space-between;padding:14px 18px}.res-item-left h4{color:#0f172b;font-size:1rem;font-weight:800;margin:0 0 4px}.res-date{color:#64748b;font-size:.775rem}.res-item-right{align-items:center;display:flex;gap:12px}.res-score-pill{color:#0158f5;font-size:1.15rem;font-weight:900}.dash-empty-state{align-items:center;color:#64748b;gap:12px;padding:32px 16px;text-align:center}.dash-empty-state,.dash-info-body{display:flex;flex-direction:column}.dash-info-body{color:#475569;font-size:.95rem;gap:16px;line-height:1.6}.dash-hotline-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px 20px}.dash-hotline-box strong{color:#0f172b;font-size:.95rem}.dash-hotline-box span{color:#475569;font-size:.85rem}.hotline-phone,.hotline-phone-link{align-items:center;color:#15803d;display:inline-flex;font-size:.95rem!important;font-weight:800;gap:6px;margin-top:4px;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hotline-phone-link:hover{color:#16a34a;text-decoration:underline}.dash-announcement-card{animation:fadeIn .4s ease-out;background:#fffbeb;border:2px solid #f59e0b;border-left:8px solid #d97706;border-radius:18px;box-shadow:0 8px 24px #d9770614;display:flex;flex-direction:column;gap:18px;padding:28px 32px}.announcement-header{display:flex;flex-direction:column;gap:10px}.announcement-badge-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.announcement-pill-badge{background:#fef3c7;border:1.5px solid #fde68a;border-radius:999px;color:#92400e;font-size:.8rem;font-weight:800;letter-spacing:.03em;padding:4px 12px}.announcement-priority-badge{background:#dc2626;border-radius:6px;color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.announcement-title{color:#78350f;font-size:1.35rem;font-weight:900;line-height:1.3;margin:0}.announcement-body{display:flex;flex-direction:column;gap:14px}.announcement-salutation{color:#92400e;font-size:1rem;font-weight:700;margin:0}.announcement-main-text{color:#451a03;font-size:1.05rem;line-height:1.65;margin:0}.announcement-main-text strong{color:#78350f}.announcement-schedule-comparison{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin:8px 0}.schedule-box{border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:16px 20px}.schedule-box.old-schedule{background:#fef2f2;border:1.5px dashed #f87171}.schedule-box.old-schedule .sched-box-label{color:#991b1b;font-size:.8rem;font-weight:800;text-transform:uppercase}.schedule-box.old-schedule .sched-box-val{color:#dc2626;font-size:1.1rem;font-weight:900;text-decoration:line-through}.schedule-box.old-schedule .sched-box-sub{color:#b91c1c;font-size:.8rem;font-weight:700}.schedule-arrow{color:#d97706;font-size:1.8rem;font-weight:900;text-align:center}.schedule-box.new-schedule{background:#ecfdf5;border:2px solid #10b981;box-shadow:0 4px 12px #10b9811a}.schedule-box.new-schedule .sched-box-label{color:#065f46;font-size:.8rem;font-weight:800;text-transform:uppercase}.schedule-box.new-schedule .sched-box-val{color:#047857;font-size:1.15rem;font-weight:900}.schedule-box.new-schedule .sched-box-sub{color:#059669;font-size:.8rem;font-weight:700}.announcement-footer-note{align-items:flex-start;background:#ffffffb3;border:1px solid #fde68a;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.note-icon{font-size:1.2rem;line-height:1}.note-text span{color:#78350f;font-size:.875rem;font-weight:600;line-height:1.5}@media (max-width:900px){.dash-content-grid,.dash-metrics-grid{grid-template-columns:1fr}.announcement-schedule-comparison{gap:10px;grid-template-columns:1fr}.schedule-arrow{transform:rotate(90deg)}}.loader-container{align-items:center;animation:fadeIn .3s ease;background-color:#f8fafc;display:flex;flex-direction:column;height:100vh;justify-content:center}.loader-logo{animation:pulseLogo 2s ease-in-out infinite;height:90px;margin-bottom:20px;object-fit:contain;width:90px}@keyframes pulseLogo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.96)}}.loading-text{color:#0f172b;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800;margin-bottom:16px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #cbd5e1;border-radius:50%;border-top-color:#0158f5;height:36px;width:36px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ktpu-card-wrapper{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0f172a0d;margin-bottom:24px;overflow:hidden;transition:all .25s ease}.ktpu-card-wrapper:hover{border-color:#cbd5e1;box-shadow:0 8px 30px #1e3a8a14}.ktpu-header-banner{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#0284c7);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.ktpu-header-banner:after{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:250px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:250px}.ktpu-header-left{align-items:center;display:flex;gap:16px;z-index:1}.ktpu-institution-logo-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000026;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.ktpu-institution-logo-box img{height:40px;object-fit:contain;width:40px}.ktpu-header-titles{display:flex;flex-direction:column}.ktpu-univ-name{color:#93c5fd;font-size:.8rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.ktpu-doc-title{color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:2px 0 0}.ktpu-doc-subtitle{color:#e2e8f0;font-size:.8rem;margin:0;opacity:.9}.ktpu-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;z-index:1}.ktpu-number-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #fff6;border-radius:8px;padding:6px 14px;text-align:right}.ktpu-number-label{color:#bfdbfe;display:block;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ktpu-number-code{color:#fff;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:1.1rem;font-weight:800;letter-spacing:.5px}.ktpu-body-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr 1fr;padding:24px}.ktpu-bio-section{display:flex;flex-direction:column;gap:14px}.ktpu-section-title{align-items:center;color:#64748b;display:flex;font-size:.85rem;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.ktpu-info-row{border-bottom:1px dashed #f1f5f9;display:grid;font-size:.9rem;grid-template-columns:140px 1fr;line-height:1.4;padding:4px 0}.ktpu-info-row:last-child{border-bottom:none}.ktpu-info-label{color:#64748b;font-weight:500}.ktpu-info-value{color:#0f172a;font-weight:600}.ktpu-info-value.highlight-major{color:#1e3a8a;font-weight:700}.ktpu-schedule-card{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:18px;position:relative}.ktpu-schedule-top{align-items:center;display:flex;justify-content:space-between}.ktpu-batch-badge{background:#1e3a8a;text-transform:uppercase}.ktpu-batch-badge,.ktpu-session-badge{border-radius:6px;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.5px;padding:4px 10px}.ktpu-session-badge{background:#0284c7}.ktpu-schedule-time-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.time-box-date{color:#0f172a;font-size:.95rem;font-weight:700}.time-box-date,.time-box-hours{align-items:center;display:flex;gap:6px}.time-box-hours{color:#0369a1;font-family:SFMono-Regular,Consolas,monospace;font-size:1.25rem;font-weight:800}.ktpu-seat-box{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 12px}.seat-number-pill{background:#e0e7ff;border-radius:4px;color:#1e3a8a;font-weight:800;padding:2px 8px}.ktpu-session-status-banner{align-items:center;border-radius:8px;display:flex;font-size:.82rem;font-weight:600;gap:8px;margin-top:4px;padding:10px 12px}.status-upcoming{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.status-live{animation:pulseGreen 2s infinite;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.status-ended{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}@keyframes pulseGreen{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.ktpu-card-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 24px}.ktpu-notice-text{align-items:flex-start;color:#64748b;display:flex;font-size:.8rem;gap:6px;line-height:1.5;max-width:540px}.ktpu-notice-label{color:#334155;flex-shrink:0;font-weight:700}.ktpu-notice-content{color:#64748b;flex:1 1}.ktpu-actions-buttons{align-items:center;display:flex;gap:10px}.btn-print-ktpu{align-items:center;background:#fff;border:1.5px solid #1e3a8a;border-radius:8px;color:#1e3a8a;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-print-ktpu:hover{background:#1e3a8a;box-shadow:0 4px 10px #1e3a8a33;color:#fff}.btn-open-exam{align-items:center;background:#0284c7;border:1.5px solid #0284c7;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 18px;transition:all .2s ease}.btn-open-exam,.btn-open-exam *,.btn-open-exam span{color:#fff!important}.btn-open-exam:hover{background:#0369a1;border-color:#0369a1;box-shadow:0 4px 10px #0284c74d;color:#fff!important}.btn-open-exam:hover *,.btn-open-exam:hover span{color:#fff!important}@media print{body *{visibility:hidden}.ktpu-card-wrapper,.ktpu-card-wrapper *{visibility:visible}.ktpu-card-wrapper{border:2px solid #000;box-shadow:none!important;left:0;margin:0;position:absolute;top:0;width:100%}.ktpu-actions-buttons{display:none!important}.ktpu-header-banner{background:#1e3a8a!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:768px){.ktpu-header-banner{align-items:flex-start;flex-direction:column;gap:12px}.ktpu-header-right{align-items:flex-start;width:100%}.ktpu-number-badge{text-align:left;width:100%}.ktpu-body-grid{grid-template-columns:1fr}.ktpu-info-row{grid-template-columns:120px 1fr}}.admin-dash-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1280px;width:100%}.admin-dash-hero{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);border-top:6px solid var(--primary);box-shadow:var(--shadow-sm);padding:32px 36px}.admin-hero-badge{background:#0158f514;border:1px solid #0158f533;border-radius:var(--radius-sm);color:var(--primary);display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.06em;margin-bottom:12px;padding:5px 12px}.admin-hero-title{color:#0f172b;font-size:2rem;font-weight:900;letter-spacing:-.02em;margin:0 0 8px}.admin-hero-sub{color:#475569;font-size:1rem;margin:0 0 24px}.admin-hero-stats{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:28px;padding-top:20px}.hero-stat-item{display:flex;flex-direction:column;gap:4px}.hero-stat-num{color:var(--primary);font-size:1.75rem;font-weight:900;line-height:1}.hero-stat-lbl{color:#64748b;font-size:.75rem;font-weight:800;letter-spacing:.05em}.hero-stat-divider{background-color:var(--border-color);height:36px;width:1px}@media (max-width:768px){.hero-stat-divider{display:none}}.admin-feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.admin-feature-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:24px 28px;transition:transform .2s ease,box-shadow .2s ease}.admin-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card-header{margin-bottom:12px}.feature-role-tag{background:#0158f514;border-radius:4px;color:var(--primary);display:inline-block;font-size:.75rem;font-weight:800;margin-bottom:8px;padding:3px 8px}.feature-card-header h3{color:#0f172b;font-size:1.3rem;font-weight:800;margin:0}.feature-card-desc{color:#475569;flex-grow:1;font-size:.92rem;line-height:1.5;margin:0 0 16px}.feature-card-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);color:#0f172b;font-size:.9rem;margin-bottom:16px;padding:10px 14px}.feature-card-stat strong{color:var(--primary);font-size:1.1rem}.admin-quick-row{display:flex;flex-direction:column}.quick-info-box{background:#fff;border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px 24px}.quick-info-box h4{color:#0f172b;font-size:1.05rem;font-weight:800;margin:0 0 8px}.quick-info-box p{color:#475569;font-size:.92rem;line-height:1.6;margin:0}.schedule-monitoring-wrapper{display:flex;flex-direction:column;gap:24px}.schedule-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sched-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:4px;padding:18px 20px;transition:all .2s ease}.sched-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.sched-stat-icon-box{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.icon-blue{background:#eff6ff;color:#1e40af}.icon-emerald{background:#ecfdf5;color:#047857}.icon-amber{background:#fffbeb;color:#b45309}.icon-purple{background:#faf5ff;color:#7e22ce}.sched-stat-info{display:flex;flex-direction:column}.sched-stat-label{color:#64748b;font-size:.8rem;font-weight:600}.sched-stat-value{color:#0f172a;font-size:1.4rem;font-weight:800}.sched-stat-sub{color:#94a3b8;font-size:.75rem}.schedule-batches-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0f172a08;display:flex;flex-direction:column;gap:20px;padding:24px}.schedule-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.schedule-main-title{color:#0f172a;font-size:1.25rem;font-weight:800;margin:0}.schedule-main-subtitle{color:#64748b;font-size:.85rem;margin:2px 0 0}.schedule-batch-tabs{background:#f1f5f9;border-radius:10px;display:flex;gap:8px;padding:4px}.btn-batch-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-batch-tab:hover{color:#0f172a}.btn-batch-tab.active,.btn-batch-tab.active *,.btn-batch-tab.active span{background:#1e3a8a;box-shadow:0 2px 6px #1e3a8a33;color:#fff!important}.btn-batch-tab.active:hover,.btn-batch-tab.active:hover *,.btn-batch-tab.active:hover span{color:#fff!important}.batch-days-wrapper{display:flex;flex-direction:column;gap:24px}.day-block-card{border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden}.day-block-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 18px}.day-block-header,.day-title{align-items:center;display:flex}.day-title{color:#1e293b;font-size:.95rem;font-weight:800;gap:8px}.day-session-count{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.78rem;font-weight:600;padding:3px 8px}.sessions-grid-5col{grid-gap:12px;background:#fff;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.session-stat-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px;transition:all .2s ease}.session-stat-card:hover{border-color:#93c5fd;box-shadow:0 4px 12px #0f172a0f;transform:translateY(-2px)}.session-stat-card.session-is-full{background:#f8fafc;border-color:#cbd5e1}.session-stat-card.session-is-active{background:#f0fdf4;border-color:#10b981}.session-card-top{align-items:center;display:flex;justify-content:space-between}.session-label-badge{color:#1e3a8a;font-size:.85rem;font-weight:800}.session-status-tag{border-radius:4px;font-size:.68rem;font-weight:800;letter-spacing:.4px;padding:2px 6px;text-transform:uppercase}.tag-full{background:#fee2e2;color:#991b1b}.tag-active{background:#dcfce7;color:#166534}.tag-upcoming{background:#f1f5f9;color:#64748b}.session-time-text{color:#0f172a;font-family:SFMono-Regular,Consolas,monospace;font-size:.95rem;font-weight:800}.session-progress-box{display:flex;flex-direction:column;gap:4px}.progress-label-row{font-size:.74rem;font-weight:600}.session-progress-track{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.session-progress-fill{border-radius:999px;height:100%;transition:width .3s ease}.fill-emerald{background:#10b981}.fill-blue{background:#0284c7}.fill-gray{background:#94a3b8}.btn-filter-session{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e3a8a;cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:700;gap:4px;justify-content:center;padding:6px 10px;transition:all .15s ease}.btn-filter-session *,.btn-filter-session span{color:#1e3a8a;transition:color .15s ease}.btn-filter-session:hover{background:#1e3a8a!important;border-color:#1e3a8a!important}.btn-filter-session:hover,.btn-filter-session:hover *,.btn-filter-session:hover span{color:#fff!important}.session-roster-modal-overlay{align-items:center;animation:fadeInRosterModal .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172ba6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes fadeInRosterModal{0%{opacity:0}to{opacity:1}}.session-roster-modal-box{animation:slideUpRosterModal .25s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 20px 40px #0f172a40;display:flex;flex-direction:column;max-height:85vh;max-width:960px;overflow:hidden;width:100%}@keyframes slideUpRosterModal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.roster-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 24px}.roster-title-box h3{color:#0f172a;font-size:1.15rem;font-weight:800;margin:0}.roster-title-box p{color:#64748b;font-size:.82rem;margin:2px 0 0}.roster-actions-row{align-items:center;display:flex;gap:10px}.btn-export-csv,.btn-export-excel{align-items:center;background:#107c41;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:6px;padding:8px 16px;transition:all .15s ease}.btn-export-csv *,.btn-export-csv span,.btn-export-excel *,.btn-export-excel span{color:#fff!important}.btn-export-csv:hover:not(:disabled),.btn-export-excel:hover:not(:disabled){background:#0b5c30;color:#fff!important}.btn-export-csv:disabled,.btn-export-excel:disabled{cursor:not-allowed;opacity:.5}.btn-close-roster{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:34px;justify-content:center;transition:all .15s ease;width:34px}.btn-close-roster:hover{background:#e2e8f0;color:#0f172a}.roster-modal-body{max-height:calc(85vh - 85px);overflow-y:auto;padding:20px 24px}.roster-empty-state{color:#64748b;font-size:.95rem;padding:40px 20px;text-align:center}.roster-table-responsive{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.roster-table{border-collapse:collapse;font-size:.85rem;text-align:left;width:100%}.roster-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:700;padding:12px 14px;white-space:nowrap}.roster-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px 14px}.roster-table tr:hover td{background:#f8fafc}.roster-student-name{color:#0f172a;font-weight:700}.participant-badge{background:#eff6ff;border-radius:6px;color:#1e3a8a;display:inline-block;font-family:SFMono-Regular,Consolas,monospace;font-weight:800;padding:3px 8px}@media (max-width:768px){.schedule-header-row{align-items:flex-start;flex-direction:column}.schedule-batch-tabs{width:100%}.btn-batch-tab{flex:1 1;justify-content:center}}.panitia-dash-wrap{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:1200px}.panitia-welcome-card{align-items:center;background:#0f172b;border-radius:20px;border-top:6px solid #0158f5;box-shadow:0 10px 25px #0f172b14;color:#fff;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:36px 40px}.panitia-welcome-left{display:flex;flex-direction:column;gap:8px;max-width:700px}.panitia-welcome-tag{color:#60a5fa;font-size:.8rem;font-weight:900;letter-spacing:.08em}.panitia-welcome-left h1{color:#fff;font-size:2rem;font-weight:900;line-height:1.2;margin:0}.panitia-welcome-left p{color:#cbd5e1;font-size:.95rem;line-height:1.5;margin:0}.panitia-welcome-actions{display:flex;flex-wrap:wrap;gap:12px}.panitia-welcome-actions .btn-primary{border-radius:10px;font-size:.95rem;padding:12px 22px}.panitia-welcome-actions .btn-outline{background:#ffffff0d;border-color:#64748b;border-radius:10px;color:#fff;font-size:.95rem;padding:12px 20px}.panitia-welcome-actions .btn-outline:hover{background:#ffffff26;border-color:#fff}.panitia-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.panitia-metric-card{background:#fff;border:1.5px solid #cbd5e1;border-radius:16px;box-shadow:0 4px 12px #0f172b08;display:flex;flex-direction:column;gap:6px;padding:22px 24px;transition:transform .15s ease,border-color .15s ease}.panitia-metric-card:hover{border-color:#0158f5;transform:translateY(-2px)}.panitia-metric-label{color:#64748b;font-size:.775rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.panitia-metric-val{color:#0f172b;font-size:2.2rem;font-weight:900;line-height:1.1}.panitia-metric-val.highlight-blue{color:#0158f5}.panitia-metric-desc{color:#94a3b8;font-size:.8rem;font-weight:600}.panitia-quick-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.panitia-quick-card{background:#fff;border:1.5px solid #cbd5e1;border-radius:16px;box-shadow:0 4px 12px #0f172b05;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding:24px;transition:all .2s ease}.panitia-quick-card:hover{border-color:#0158f5;box-shadow:0 8px 20px #0158f514;transform:translateY(-2px)}.quick-card-top{display:flex;flex-direction:column;gap:8px}.quick-card-tag{background:#0158f514;border-radius:6px;color:#0158f5;font-size:.75rem;font-weight:800;letter-spacing:.03em;padding:4px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.quick-card-top h3{color:#0f172b;font-size:1.15rem;font-weight:900;margin:0}.quick-card-top p{color:#475569;font-size:.88rem;line-height:1.5;margin:0}.quick-card-action{align-items:center;color:#0158f5;display:flex;font-size:.88rem;font-weight:800;gap:4px}.panitia-card-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:18px;box-shadow:0 4px 12px #0f172b05;display:flex;flex-direction:column;gap:20px;padding:28px}.panitia-box-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.panitia-box-header h2{color:#0f172b;font-size:1.25rem;font-weight:900;margin:0}.panitia-table-wrap{overflow-x:auto;width:100%}.panitia-table{border-collapse:collapse;font-size:.9rem;text-align:left;width:100%}.panitia-table th{background:#f8fafc;border-bottom:1px solid #cbd5e1;color:#475569;font-size:.78rem;font-weight:800;letter-spacing:.05em;padding:12px 16px;text-transform:uppercase;white-space:nowrap}.panitia-table td{border-bottom:1px solid #f1f5f9;color:#0f172b;padding:14px 16px;vertical-align:middle}.panitia-table tbody tr:hover{background-color:#f8fafc}.quiz-title-cell{display:flex;flex-direction:column;gap:2px}.quiz-main-title{color:#0f172b;font-weight:800}.quiz-id-tag{color:#64748b;font-family:monospace;font-size:.78rem}.category-badge{background:#0158f514;border:1px solid #0158f533;border-radius:6px;color:#0158f5;display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.03em;padding:4px 10px}.category-badge.saintek{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.category-badge.soshum{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.panitia-actions-cell{display:flex;gap:8px}.panitia-btn-sm{border-radius:6px;font-size:.8rem;font-weight:700;padding:6px 12px}.panitia-empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}@media (max-width:1024px){.panitia-metrics-grid{grid-template-columns:repeat(2,1fr)}.panitia-quick-grid{grid-template-columns:1fr}}@media (max-width:640px){.panitia-metrics-grid{grid-template-columns:1fr}}.confirm-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.confirm-modal-box{animation:modalZoomIn .25s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0f172a33,0 10px 10px -5px #0f172a0a;max-width:440px;padding:24px;position:relative;width:100%}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:18px;top:18px;transition:all .15s ease}.confirm-modal-close:hover{background:#f1f5f9;color:#0f172a}.confirm-modal-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.confirm-modal-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.confirm-modal-icon-wrap.icon-danger{background:#0158f514;color:#0158f5}.confirm-modal-icon-wrap.icon-primary{background:#eff6ff;color:#3b82f6}.confirm-modal-title{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0 0 6px}.confirm-modal-message{color:#64748b;font-size:.925rem;line-height:1.5;margin:0}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border:none;border-radius:10px;cursor:pointer;font-size:.925rem;font-weight:600;padding:10px 18px;transition:all .15s ease}.modal-btn-cancel{background:#f1f5f9}.modal-btn-cancel:hover{background:#e2e8f0;color:#0f172a}.modal-btn-danger{background:#0158f5;color:#fff}.modal-btn-danger:hover{background:#0158f5;box-shadow:0 4px 12px #ef44444d}.modal-btn-primary{background:#1e3a8a!important}.modal-btn-primary,.modal-btn-primary *{color:#fff!important}.modal-btn-primary:hover{background:#172554!important;box-shadow:0 4px 12px #1e3a8a59;color:#fff!important}.admin-mgmt-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1280px;width:100%}.admin-mgmt-header{align-items:flex-start;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 28px}.admin-portal-badge{background:#0158f514;border:1px solid #0158f533;border-radius:var(--radius-sm);color:var(--primary);display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.05em;margin-bottom:8px;padding:4px 10px}.admin-mgmt-title{color:#0f172b;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.admin-mgmt-sub{color:#475569;font-size:.95rem;margin:0}.admin-header-actions{display:flex;gap:12px}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-stat-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);border-top:4px solid var(--primary);box-shadow:var(--shadow-sm);padding:20px 24px}.stat-card-label{color:#64748b;display:block;font-size:.75rem;font-weight:800;letter-spacing:.06em;margin-bottom:8px}.stat-card-value{color:#0f172b;font-size:2.25rem;font-weight:900;line-height:1;margin-bottom:6px}.stat-card-desc{color:#64748b;font-size:.82rem;margin:0}.admin-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid var(--border-color);gap:16px;justify-content:space-between;padding:16px 24px}.admin-tabs,.admin-toolbar{display:flex;flex-wrap:wrap}.admin-tabs{gap:8px}.admin-tab-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:#64748b;cursor:pointer;font-size:.88rem;font-weight:700;padding:8px 16px;transition:all .2s ease}.admin-tab-btn:hover{background:#f1f5f9;color:#0f172b}.admin-tab-btn.active{background:#fff;border-color:var(--border-color);box-shadow:var(--shadow-sm);color:var(--primary)}.admin-search-wrap{min-width:280px}.admin-search-input{background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:#0f172b;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s ease;width:100%}.admin-search-input:focus{border-color:var(--primary)}.admin-table{border-collapse:collapse;font-size:.9rem;text-align:left;width:100%}.admin-table th{background:#f8fafc;border-bottom:1px solid var(--border-color);color:#475569;font-size:.78rem;font-weight:800;letter-spacing:.05em;padding:14px 18px;text-transform:uppercase;white-space:nowrap}.admin-table td{border-bottom:1px solid #f1f5f9;color:#0f172b;padding:14px 18px;vertical-align:middle}.admin-table tbody tr:hover{background-color:#f8fafc}.user-name-cell{display:flex;flex-direction:column;gap:2px}.user-fullname{color:#0f172b;font-weight:700}.user-username{color:#64748b;font-size:.8rem}.user-email{display:block;font-weight:600}.user-phone{color:#64748b;display:block;font-size:.78rem}.role-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.04em;padding:4px 10px;white-space:nowrap}.role-admin{background:#0f172b;color:#fff}.role-panitia{background:#0158f51a;border:1px solid #0158f540;color:var(--primary)}.role-student{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.user-school{display:block;font-weight:600}.user-city{color:#64748b;display:block;font-size:.8rem}.user-major{color:#334155;font-size:.85rem;font-weight:500}.admin-actions-cell{display:flex;gap:8px}.admin-actions-cell,.user-row-btn{align-items:center;justify-content:center}.user-row-btn{border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;height:32px;outline:none;padding:0;transition:all .2s ease;width:32px}.user-row-btn svg{stroke:currentColor!important;pointer-events:none;transition:stroke .2s ease}.user-row-btn.user-row-btn-edit{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e40af!important}.user-row-btn.user-row-btn-edit:hover{background:#0158f5!important;border-color:#0158f5!important;box-shadow:0 3px 8px #0158f540;color:#fff!important;transform:translateY(-1px)}.user-row-btn.user-row-btn-reset{background:#fef3c7!important;border-color:#fde68a!important;color:#92400e!important}.user-row-btn.user-row-btn-reset:hover{background:#d97706!important;border-color:#d97706!important;box-shadow:0 3px 8px #d9770640;color:#fff!important;transform:translateY(-1px)}.user-row-btn.user-row-btn-delete{background:#fee2e2!important;border-color:#fecaca!important;color:#dc2626!important}.user-row-btn.user-row-btn-delete:hover{background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 3px 8px #dc262640;color:#fff!important;transform:translateY(-1px)}.table-pagination-footer{align-items:center;background:#fafafa;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.pagination-info{align-items:center;color:#475569;display:flex;font-size:.88rem;gap:20px}.pagination-info strong{color:#0f172b}.page-size-selector{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:8px}.page-size-dropdown{background:#fff;border:1.5px solid var(--border-color);border-radius:6px;color:#0f172b;cursor:pointer;font-size:.85rem;font-weight:700;outline:none;padding:4px 8px}.page-size-dropdown:focus{border-color:var(--primary)}.pagination-nav{align-items:center;display:flex;gap:6px}.btn-page-nav{align-items:center;background:#fff;border:1.5px solid var(--border-color);border-radius:6px;color:#0f172b;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:800;height:32px;justify-content:center;transition:all .15s ease;width:32px}.btn-page-nav:hover:not(:disabled){background:#0158f50d;border-color:var(--primary);color:var(--primary)}.btn-page-nav:disabled{cursor:not-allowed;opacity:.4}.btn-page-num{align-items:center;background:#fff;border:1.5px solid var(--border-color);border-radius:6px;color:#0f172b;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 6px;transition:all .15s ease}.btn-page-num:hover{background:#0158f50d;border-color:var(--primary);color:var(--primary)}.btn-page-num.active{background:var(--primary);border-color:var(--primary);color:#fff!important;font-weight:800}.page-ellipsis{font-weight:700;padding:0 2px}.admin-empty-state{padding:60px 24px;text-align:center}.admin-empty-state h3{color:#0f172b;font-size:1.25rem;font-weight:800;margin:0 0 8px}.admin-empty-state p{color:#64748b;margin:0}.admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172b99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.admin-modal-box{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:640px;overflow-y:auto;width:100%}.admin-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.admin-modal-header h3{color:#0f172b;font-size:1.2rem;font-weight:800;margin:0}.btn-modal-close{background:#0000;color:#64748b;font-size:1.2rem}.btn-modal-close:hover{color:#0f172b}.admin-modal-form{display:flex;flex-direction:column;gap:16px;padding:24px}.admin-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.admin-form-grid{grid-template-columns:1fr}}.form-group label{font-size:.85rem}.admin-form-input{background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:#0f172b;font-size:.9rem;outline:none;padding:10px 14px;width:100%}.admin-form-input:focus{border-color:var(--primary)}.admin-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:12px;padding-top:16px}.my-tests-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px}.my-tests-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.my-tests-role-tag{color:#0158f5;display:block;font-size:.775rem;font-weight:900;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.page-sub-title{color:#64748b}.create-quiz-btn{font-size:.925rem;padding:10px 20px}.my-tests-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.search-input-box{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 1px 3px #0f172a08;display:flex;gap:10px;padding:10px 16px;transition:all .15s ease}.search-input-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.search-icon{color:#64748b}.search-input-box input{background:#0000;border:none;color:#0f172a;font-size:.925rem}.search-input-box input::placeholder{color:#94a3b8}.total-quiz-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e3a8a;font-size:.875rem;font-weight:500;padding:8px 16px}.quiz-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.quiz-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;display:flex;flex-direction:column;padding:22px;position:relative;transition:all .25s ease}.quiz-card-item:hover{border-color:#cbd5e1;box-shadow:0 10px 20px -4px #0f172a14;transform:translateY(-3px)}.quiz-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.quiz-badge-time{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e3a8a;display:inline-flex;font-size:.775rem;font-weight:700;gap:5px;padding:4px 10px}.quiz-card-quick-actions{align-items:center;display:flex;gap:6px}.icon-action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.icon-action-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.btn-delete-icon:hover{background:#0158f514;border-color:#fecaca;color:#0158f5}.quiz-card-title{color:#0f172a;cursor:pointer;font-size:1.15rem;font-weight:700;line-height:1.35;margin:0 0 10px;transition:color .15s ease}.quiz-card-title:hover{color:#3b82f6}.quiz-card-id-row{align-items:center;align-self:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:inline-flex;gap:6px;margin-bottom:16px;padding:4px 10px;transition:all .15s ease}.quiz-card-id-row:hover{background:#eff6ff;border-color:#bfdbfe}.id-label{color:#64748b;font-size:.75rem;font-weight:600}.id-code{color:#1e3a8a;font-family:monospace;font-size:.775rem;font-weight:700}.copy-icon{color:#94a3b8}.quiz-card-stats{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;margin-bottom:20px}.stat-pill{align-items:center;background:#f1f5f9;border-radius:6px;color:#64748b;display:flex;font-size:.8rem;gap:5px;padding:4px 10px}.stat-pill strong{color:#0f172a}.quiz-card-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;padding-top:14px}.card-btn-details{align-items:center;background:#1e3a8a!important;border:none;border-radius:8px;box-shadow:0 2px 4px #1e3a8a33;color:#fff!important;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:9px 14px;transition:all .15s ease}.card-btn-details *,.card-btn-details i,.card-btn-details span,.card-btn-details strong,.card-btn-details svg{fill:#fff!important;color:#fff!important}.card-btn-details:hover{background:#172554!important;box-shadow:0 4px 8px #1e3a8a59;color:#fff!important}.card-btn-details:hover *,.card-btn-details:hover span,.card-btn-details:hover strong{color:#fff!important}.card-btn-stats{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:600;padding:9px 14px;transition:all .15s ease}.card-btn-stats:hover{background:#dbeafe;color:#1e3a8a}.my-tests-empty{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;padding:60px 24px;text-align:center}.empty-graphic{color:#94a3b8;margin-bottom:16px}.my-tests-empty h3{color:#0f172a;font-size:1.35rem;font-weight:700;margin:0 0 8px}.my-tests-empty p{color:#64748b;margin:0 0 24px;max-width:420px}.my-results-container{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1240px;padding-bottom:40px}.my-results-header{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:20px;box-shadow:0 4px 16px #0f172b0a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:28px 32px}.header-left{flex:1 1;min-width:280px}.inst-badge{background:#0158f514;border:1px solid #0158f533;border-radius:6px;color:#0158f5;display:inline-block;font-size:.725rem;font-weight:800;letter-spacing:.06em;margin-bottom:8px;padding:4px 10px}.page-main-title{color:#0f172b;font-size:1.85rem;font-weight:900;line-height:1.25;margin:0 0 6px}.page-sub-title{color:#475569;font-size:.95rem;line-height:1.5;margin:0;max-width:720px}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.cluster-scores-section{display:flex;flex-direction:column;gap:18px}.section-title-bar{display:flex;flex-direction:column;gap:6px}.title-with-pill{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.section-title-bar h2{color:#0f172b;font-size:1.35rem;font-weight:900;margin:0}.total-indicator-pill{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:30px;color:#0158f5;font-size:.85rem;font-weight:700;padding:6px 14px}.total-indicator-pill strong{color:#0158f5;font-weight:900}.section-sub-text{color:#64748b;font-size:.875rem;margin:0}.cluster-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cluster-score-card{background:#fff;border:2px solid #cbd5e1;border-radius:18px;box-shadow:0 4px 14px #0f172b08;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:22px;position:relative;transition:all .22s ease-in-out}.cluster-score-card:hover{border-color:#0158f5;box-shadow:0 10px 24px -4px #0158f51f;transform:translateY(-3px)}.cluster-score-card.active-filter{background:#f8fafc;border-color:#0158f5;box-shadow:0 0 0 3px #0158f526,0 8px 20px #0158f514}.cluster-score-card:before{background:#0158f5;content:"";height:4px;left:0;position:absolute;right:0;top:0}.cluster-score-card.theme-emerald:before{background:#059669}.cluster-score-card.theme-amber:before{background:#d97706}.cluster-score-card.theme-purple:before{background:#7c3aed}.cluster-score-card.theme-blue:before{background:#0158f5}.card-top-row{align-items:flex-start}.cluster-name-block{display:flex;flex-direction:column}.cluster-title{color:#0f172b;font-size:1.05rem;font-weight:900;line-height:1.3;margin:0}.cluster-subtitle{color:#64748b;font-size:.75rem;font-weight:600;margin-top:2px}.card-score-body{align-items:baseline;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:12px 14px}.score-main-display{align-items:baseline;display:flex;gap:4px}.score-number-highlight{color:#0158f5;font-size:1.75rem;font-weight:900;line-height:1}.score-max-divider{color:#475569;font-size:.95rem;font-weight:800}.score-accuracy-pill{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;font-size:.8rem;font-weight:700;padding:3px 8px}.score-accuracy-pill strong{color:#0158f5}.cluster-progress-wrapper{display:flex;flex-direction:column;gap:6px}.progress-label-row{color:#64748b;display:flex;font-size:.775rem;justify-content:space-between}.progress-label-row strong{color:#0f172b;font-weight:800}.cluster-progress-track{background:#e2e8f0;border-radius:10px;height:8px;overflow:hidden;width:100%}.cluster-progress-fill{background:linear-gradient(90deg,#0158f5,#00c49f);border-radius:10px;height:100%;transition:width .4s ease}.card-footer-actions{align-items:center;border-top:1px dashed #e2e8f0;display:flex;gap:8px;justify-content:flex-end;margin-top:4px;padding-top:10px}.btn-quick-complete{background:#0158f5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:800;padding:5px 12px;transition:background .18s ease}.btn-quick-complete:hover{background:#0045c7}.individual-results-section{display:flex;flex-direction:column;gap:20px}.my-results-controls{display:flex;flex-direction:column;gap:16px}.category-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab-chip{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:30px;color:#334155;cursor:pointer;display:flex;font-size:.85rem;font-weight:800;gap:6px;padding:8px 16px;transition:all .18s ease}.filter-tab-chip:hover{background:#f8fafc;border-color:#0158f5;color:#0158f5}.filter-tab-chip.active{background:#0158f5;border-color:#0158f5;box-shadow:0 4px 12px #0158f533;color:#fff}.search-and-count{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.search-input-box{flex:1 1;max-width:440px}.search-input-box input{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;color:#0f172b;font-size:.95rem;outline:none;padding:12px 18px;transition:border .2s ease;width:100%}.search-input-box input:focus{border-color:#0158f5;box-shadow:0 0 0 3px #0158f51a}.total-results-badge{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;color:#0f172b;font-size:.875rem;font-weight:700;padding:10px 18px}.total-results-badge strong{color:#0158f5}.results-cards-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.result-card-item{background:#fff;border:2px solid #cbd5e1;border-radius:18px;box-shadow:0 4px 12px #0f172b08;display:flex;flex-direction:column;padding:24px;transition:all .2s ease}.result-card-item:hover{border-color:#0158f5;box-shadow:0 10px 24px -4px #0158f51a;transform:translateY(-3px)}.result-card-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.score-badge{border-radius:6px;font-size:.85rem;font-weight:900;padding:5px 12px}.score-scholarship{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.score-passed{background:#eff6ff;border:1px solid #bfdbfe;color:#0158f5}.score-low{background:#0158f514;border:1px solid #cbd5e1;color:#0158f5}.cluster-mini-pill{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:.75rem;font-weight:800;padding:4px 10px}.result-card-title{color:#0f172b;font-size:1.2rem;font-weight:900;line-height:1.35;margin:0 0 14px}.result-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.meta-pill{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;font-size:.8rem;font-weight:700;padding:4px 10px}.meta-score-pill{background:#eff6ff;border-color:#bfdbfe;color:#0158f5}.meta-score-pill strong{color:#0158f5}.meta-pill-date{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;font-size:.775rem;font-weight:600;padding:4px 10px}.result-card-footer-buttons{display:flex;gap:10px;margin-top:auto}.result-card-footer-buttons button{flex:1 1}.btn-cert-quick,.btn-stats-details{font-size:.875rem;padding:10px}.btn-stats-details{text-align:center}.my-results-empty{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:18px;display:flex;flex-direction:column;gap:14px;padding:56px 24px;text-align:center}.my-results-empty h3{color:#0f172b;font-size:1.35rem;font-weight:900;margin:0}.my-results-empty p{color:#475569;line-height:1.5;margin:0;max-width:520px}@media (max-width:768px){.my-results-header{align-items:flex-start;flex-direction:column;padding:20px 22px}.header-actions{width:100%}.header-actions button{flex:1 1}.cluster-cards-grid,.results-cards-grid{grid-template-columns:1fr}.search-and-count{align-items:stretch;flex-direction:column}.search-input-box{max-width:100%}}.cert-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172bcc;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;z-index:1000}.cert-modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000059;display:flex;flex-direction:column;max-width:900px;overflow:hidden;width:100%}.cert-modal-header{align-items:center;background:#f8fafc;border-bottom:2px solid #cbd5e1;display:flex;justify-content:space-between;padding:16px 24px}.cert-header-title h3{color:#0f172b;font-size:1.15rem;font-weight:900;margin:0}.cert-id-badge{color:#0158f5;font-size:.775rem;font-weight:800}.cert-modal-actions{display:flex;gap:10px}.cert-print-btn{font-size:.9rem;padding:8px 18px}.cert-close-btn{font-size:.9rem;padding:8px 16px}.cert-paper{background:#fff;padding:24px}.cert-border-outer{background:#fffdfd;border:4px solid #0f172b;padding:6px}.cert-border-inner{border:2px solid #0158f5;padding:32px 36px 28px;position:relative;text-align:center}.cert-top-header{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:14px}.cert-untag-logo{height:72px;object-fit:contain;width:auto}.cert-header-text{text-align:left}.cert-inst-name{color:#0158f5;font-size:1.2rem;font-weight:900;letter-spacing:.04em;margin:0 0 2px}.cert-inst-address{color:#475569;font-size:.8rem;line-height:1.3;margin:0 0 4px}.cert-decree{color:#0158f5;font-size:.75rem;font-weight:800;text-transform:uppercase}.cert-gold-divider{background:linear-gradient(90deg,#0158f5,#0158f5,#0158f5);border-radius:2px;height:3px;margin:14px 0 20px;width:100%}.cert-main-title{color:#0f172b;font-size:2.1rem;font-weight:900;letter-spacing:.08em;margin:0 0 4px}.cert-subtitle{color:#0158f5;font-size:.85rem;font-weight:800;letter-spacing:.05em;margin:0 0 20px}.cert-recipient-block{margin-bottom:18px}.cert-given-to{color:#64748b;font-size:.9rem;margin:0 0 6px}.cert-student-name{color:#0f172b;font-size:1.85rem;font-weight:900;letter-spacing:.02em;margin:0 0 6px;text-transform:uppercase}.cert-school-info{color:#475569;font-size:.95rem}.cert-body-block{margin-bottom:24px}.cert-statement{color:#475569;font-size:.9rem;margin:0 0 6px}.cert-package-name{color:#0158f5;font-size:1.25rem;font-weight:900;margin:0 0 16px}.cert-score-display-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;display:inline-flex;gap:32px;margin-bottom:16px;padding:12px 28px}.cert-score-item{align-items:center;display:flex;flex-direction:column}.score-label{color:#64748b;font-size:.75rem;font-weight:800;text-transform:uppercase}.score-value{color:#0158f5;font-size:1.6rem;font-weight:900}.score-status{border-radius:6px;font-size:.875rem;font-weight:900;padding:4px 10px}.score-status.eligible{background:#ecfdf5;color:#059669}.score-status.passed{background:#eff6ff;color:#0158f5}.cert-scholarship-note{background:#0158f514;border:1px solid #cbd5e1;border-radius:8px;color:#991b1b;font-size:.85rem;line-height:1.5;margin:0 auto;max-width:680px;padding:10px 16px;text-align:center}.cert-scholarship-note.general-note{background:#f8fafc;border-color:#cbd5e1;color:#475569}.cert-signatures-grid{display:flex;justify-content:space-between;margin-top:24px;padding:0 20px}.cert-sig-box{min-width:220px;text-align:center}.sig-city{color:#64748b;font-size:.8rem;margin:0 0 2px}.sig-role{color:#0f172b;font-size:.85rem;font-weight:800;margin:0 0 8px}.sig-space{align-items:center;display:flex;height:52px;justify-content:center}.sig-stamp{border:2px dashed #0158f5;border-radius:6px;color:#0158f5;font-size:.725rem;font-weight:900;letter-spacing:.05em;padding:4px 10px}.sig-stamp.gold-stamp{border-color:#0158f5;color:#0158f5}.sig-name{color:#0f172b;font-size:.9rem;font-weight:900;margin:0;text-decoration:underline}.sig-nip{color:#64748b;font-size:.75rem}.cert-bottom-verify{border-top:1px dashed #cbd5e1;color:#94a3b8;font-size:.725rem;margin-top:20px;padding-top:10px}@media print{@page{size:A4 portrait;margin:4mm 6mm}body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden}.no-print{display:none!important}.cert-modal-overlay{background:#0000!important;display:block!important;margin:0!important;overflow:visible!important;padding:0!important;position:static!important}.cert-paper,.cert-paper *{visibility:visible!important}.cert-paper{box-sizing:border-box!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;top:0!important;width:100%!important}}.create-test-wrapper{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:900px}.create-test-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.create-header-left{flex:1 1;min-width:280px}.create-header-right{align-items:center;display:flex;margin-top:8px}.btn-preview-student-view{align-items:center;background:#eff6ff;border:1.5px solid #3b82f6;border-radius:12px;box-shadow:0 2px 8px #3b82f61f;color:#0158f5;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-preview-student-view:hover{background:#0158f5;box-shadow:0 4px 14px #0158f540;color:#fff;transform:translateY(-1px)}.btn-preview-footer-action{background:#eff6ff!important;border-color:#93c5fd!important;color:#0158f5!important}.btn-preview-footer-action:hover{background:#0158f5!important;color:#fff!important}.back-btn{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;margin-bottom:8px;padding:0;transition:color .15s ease}.back-btn:hover{color:#1e3a8a}.create-test-form{display:flex;flex-direction:column;gap:24px}.form-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;padding:24px}.section-title{color:#0f172a;font-size:1.2rem;font-weight:700;margin:0 0 16px}.settings-grid-full{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.settings-grid-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.settings-grid-3col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.settings-grid-2col,.settings-grid-3col{grid-template-columns:1fr}}.form-field label{font-size:.875rem;font-weight:600}.req{color:#0158f5}.form-field input[type=number],.form-field input[type=text],.form-select,.form-textarea{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-family:inherit;font-size:.95rem;outline:none;padding:10px 14px;transition:all .15s ease}.form-select{cursor:pointer}.form-textarea{min-height:60px;resize:vertical}.form-field input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.input-with-icon{align-items:center;display:flex;position:relative}.field-icon{color:#64748b;left:12px;pointer-events:none;position:absolute}.input-with-icon input{padding-left:38px!important;width:100%}.questions-section{display:flex;flex-direction:column;gap:16px}.questions-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.section-hint{color:#64748b;font-size:.825rem}.questions-list{display:flex;flex-direction:column;gap:20px}.question-builder-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;display:flex;flex-direction:column;gap:18px;padding:24px}.question-builder-top{align-items:center;display:flex;justify-content:space-between}.question-number-badge{background:#eff6ff;border-radius:8px;color:#1e3a8a;font-size:.875rem;font-weight:700}.btn-remove-question,.question-number-badge{align-items:center;display:inline-flex;gap:6px;padding:6px 12px}.btn-remove-question{background:#0158f514;border:1px solid #fecaca;border-radius:8px;color:#0158f5;cursor:pointer;font-size:.825rem;font-weight:600;transition:all .15s ease}.btn-remove-question:hover{background:#0158f5;color:#fff}.question-text-field input{font-size:1.05rem!important;font-weight:500;padding:12px 16px!important}.options-builder-list{display:flex;flex-direction:column;gap:10px}.options-header-label{color:#64748b;font-size:.85rem;font-weight:600}.option-row-box{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;display:flex;gap:10px;padding:8px 12px;transition:all .15s ease}.option-row-box.option-is-correct{background:#ecfdf5;border-color:#10b981}.correct-radio-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .15s ease}.correct-radio-btn.active,.correct-radio-btn:hover{color:#10b981}.option-letter{color:#64748b;font-size:.85rem;font-weight:700;text-align:center;width:18px}.option-row-box input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:.925rem;min-width:120px;outline:none}.option-math-live-preview{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e3a8a;display:inline-flex;font-size:.85rem;max-width:45%;overflow-x:auto;padding:3px 8px}.btn-remove-opt{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s ease}.btn-remove-opt:hover{background:#0158f51f;color:#0158f5}.option-actions-row{display:flex;margin-top:4px}.btn-add-opt{align-items:center;background:#0000;border:1.5px dashed #cbd5e1;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s ease}.btn-add-opt:hover{background:#eff6ff;border-color:#3b82f6}.btn-add-question-block{align-items:center;background:#fff;border:2px dashed #93c5fd;border-radius:16px;color:#1e3a8a;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;padding:16px;transition:all .2s ease}.btn-add-question-block:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px)}.form-submit-footer{align-items:center;display:flex;gap:14px;justify-content:flex-end;padding:16px 0 32px}.btn-save-quiz{font-size:1rem;padding:12px 28px}.schedule-settings-card{border-left:4px solid #0158f5}.schedule-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:16px}.schedule-section-desc{color:#64748b;font-size:.85rem;line-height:1.45;margin:4px 0 0}.schedule-toggle-box{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;cursor:pointer;display:inline-flex;gap:10px;padding:6px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.schedule-toggle-box:hover{background:#e2e8f0}.schedule-checkbox{accent-color:#0158f5;cursor:pointer;height:17px;width:17px}.schedule-toggle-badge{color:#0f172a;font-size:.825rem;font-weight:700}.schedule-inputs-grid{margin-top:14px}.form-datetime{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-family:inherit;font-size:.95rem;outline:none;padding:10px 14px;transition:all .15s ease}.form-datetime:focus{border-color:#0158f5;box-shadow:0 0 0 3px #0158f526}.field-hint-note{color:#64748b;font-size:.775rem;margin-top:2px}.question-input-label{color:#334155;font-size:.875rem;font-weight:600;margin-bottom:2px}.hidden-file-input{display:none!important}.question-image-section{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px 16px;transition:all .2s ease}.question-image-section:hover{border-color:#93c5fd}.image-attach-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.btn-attach-image,.btn-attach-url{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e3a8a;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-attach-image:hover,.btn-attach-url:hover{background:#eff6ff;border-color:#3b82f6;color:#0158f5}.attach-icon{font-size:1rem}.url-input-inline-bar{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:8px;padding-top:8px;width:100%}.url-text-input{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;color:#0f172a!important;flex:1 1;font-size:.875rem!important;outline:none;padding:7px 12px!important}.url-text-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f626!important}.btn-url-apply{background:#0158f5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.825rem;font-weight:600;padding:7px 14px;transition:background .15s ease}.btn-url-apply:hover{background:#1d4ed8}.btn-url-cancel{background:#0000;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:.825rem;font-weight:600;padding:6px 12px;transition:all .15s ease}.btn-url-cancel:hover{background:#f1f5f9;color:#334155}.image-preview-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;padding:10px 14px}.image-preview-thumbnail-wrap{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:110px}.image-preview-thumbnail{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.thumbnail-zoom-overlay{align-items:center;background:#0f172aa6;color:#fff;display:flex;font-size:.7rem;font-weight:600;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.image-preview-thumbnail-wrap:hover .thumbnail-zoom-overlay{opacity:1}.image-preview-thumbnail-wrap:hover .image-preview-thumbnail{transform:scale(1.05)}.image-preview-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:220px}.image-preview-meta{display:flex;flex-direction:column;gap:2px}.image-attached-badge{align-items:center;background:#ecfdf5;border-radius:6px;color:#065f46;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;padding:3px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.image-preview-hint{color:#64748b;font-size:.775rem}.image-preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.btn-preview-action{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;font-size:.775rem;font-weight:600;gap:4px;padding:5px 10px;transition:all .15s ease}.btn-preview-action:hover{background:#e2e8f0;color:#0f172a}.btn-change-img{color:#1e3a8a}.btn-change-img:hover{background:#eff6ff;border-color:#3b82f6;color:#0158f5}.btn-delete-img{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-delete-img:hover{background:#dc2626;border-color:#dc2626;color:#fff}.image-lightbox-modal-overlay{align-items:center;animation:fadeInModal .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.image-lightbox-modal-card{background:#0f172a;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.image-lightbox-close-btn{align-items:center;background:#0009;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .15s ease;width:36px;z-index:10}.image-lightbox-close-btn:hover{background:#dc2626;border-color:#dc2626}.image-lightbox-body{align-items:center;display:flex;justify-content:center;overflow:auto;padding:24px}.image-lightbox-img{border-radius:8px;box-shadow:0 4px 16px #0000004d;max-height:80vh;max-width:100%;object-fit:contain}@media (max-width:640px){.settings-grid{grid-template-columns:1fr}.image-preview-card{align-items:flex-start;flex-direction:column}.image-preview-thumbnail-wrap{height:140px;width:100%}}.math-renderer-content{color:inherit;display:inline-block;line-height:1.65;width:100%;word-break:break-word}.math-renderer-content p{margin:0 0 8px}.math-renderer-content p:last-child{margin-bottom:0}.rich-bold{color:inherit;font-weight:700}.rich-italic{font-style:italic}.rich-underline{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.rich-strikethrough{opacity:.75;text-decoration:line-through}.rich-sup{vertical-align:super}.rich-sub,.rich-sup{font-size:.78em;font-weight:600;line-height:0}.rich-sub{vertical-align:sub}.rich-highlight{background:#fef08aa6;border-bottom:1.5px solid #eab30899;border-radius:4px;color:#78350f;font-weight:600;padding:1px 5px}.rich-code{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;color:#0f172a;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.88em;padding:2px 6px}.cbt-wacana-box{background:#f8fafc;border-left:4px solid #1e3a8a;border-radius:8px;box-shadow:inset 0 1px 3px #00000008,0 1px 2px #0000000a;margin:10px 0 14px;padding:12px 16px}.cbt-wacana-badge{align-items:center;background:#e0e7ff;border-radius:4px;color:#1e3a8a;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;padding:3px 8px;text-transform:uppercase}.cbt-wacana-content{color:#334155;font-size:.96rem;font-style:italic;line-height:1.65}.cbt-statement-line{color:#1e293b;display:block;font-size:.98rem;padding:3px 0 3px 6px}.cbt-bullet-line{display:block;padding:2px 0 2px 12px;position:relative}.cbt-bullet-line:before{color:#1e3a8a;content:"•";font-weight:700;left:0;position:absolute}.katex-rendered-math{padding:0 2px}.katex-display-block{margin:10px 0;padding:8px 0}.katex-fallback-text{background:#fee2e2;border-radius:3px;color:#991b1b;font-family:monospace;font-size:.85em;padding:1px 4px}.math-toolbar-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:6px 0 12px;padding:10px 14px;transition:all .2s ease}.math-toolbar-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.btn-toggle-math-toolbar{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e3a8a;cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:700;gap:8px;padding:6px 12px;transition:all .15s ease}.btn-toggle-math-toolbar.active,.btn-toggle-math-toolbar:hover{background:#eff6ff;border-color:#3b82f6;color:#0158f5}.math-icon-badge{align-items:center;background:#0158f5;border-radius:4px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:800;height:20px;justify-content:center;width:20px}.math-toggle-arrow{color:#64748b;font-size:.7rem}.math-toolbar-hint{color:#64748b;font-size:.775rem}.math-toolbar-hint code{background:#e2e8f0;border-radius:4px;color:#0f172a;font-family:monospace;font-weight:600;padding:2px 6px}.math-toolbar-panel{animation:fadeInDown .2s ease-out;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.math-target-selector-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:6px 10px}.target-selector-label{color:#475569;font-size:.775rem;font-weight:700}.target-selector-buttons{display:flex;flex-wrap:wrap;gap:6px}.btn-target-pill{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:.75rem;font-weight:600;padding:3px 8px;transition:all .15s ease}.btn-target-pill:hover{background:#e2e8f0;color:#0f172a}.btn-target-pill.active{background:#0158f5;border-color:#0158f5;color:#fff}.math-category-tabs{display:flex;flex-wrap:wrap;gap:6px}.math-cat-tab{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.775rem;font-weight:600;padding:4px 10px;transition:all .15s ease}.math-cat-tab:hover{background:#f1f5f9;color:#0f172a}.math-cat-tab.active{background:#1e3a8a;border-color:#1e3a8a;color:#fff}.math-snippets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.btn-math-snippet{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;padding:6px 8px;transition:all .15s ease}.btn-math-snippet:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f626;transform:translateY(-1px)}.snippet-symbol{color:#0f172a;font-family:Times New Roman,serif;font-size:1rem;font-weight:700}.snippet-name{color:#64748b;font-size:.675rem;font-weight:500}.math-toolbar-quick-examples{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:8px 12px}.examples-title{color:#334155;font-size:.75rem;font-weight:700}.example-chips-list{display:flex;flex-wrap:wrap;gap:6px}.example-chip{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:.725rem;padding:4px 8px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.example-chip:hover{background:#eff6ff;border-color:#3b82f6;color:#0158f5}.example-chip code{color:#1e3a8a;font-family:monospace;font-weight:600}.math-live-preview-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:6px;padding:8px 12px}.math-preview-label{color:#166534;font-size:.725rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.math-preview-rendered{color:#0f172a;font-size:.975rem;line-height:1.5}.katex-rendered-math{display:inline-block;vertical-align:middle}.katex-display-block{display:block;margin:12px 0;overflow-x:auto;overflow-y:hidden;padding:6px 0;text-align:center}.katex-inline-math{padding:0 2px}.katex{font-size:1.1em!important;text-rendering:auto}.question-rich-editor-container{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;margin-bottom:8px;margin-top:6px;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);width:100%}.question-rich-editor-container:focus-within{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1f,0 2px 6px #0000000f}.rich-editor-toolbar{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px}.rich-toolbar-group{align-items:center;border-right:1px solid #e2e8f0;display:flex;gap:2px;padding-right:6px}.rich-toolbar-group:last-of-type{border-right:none}.rich-toolbar-badges-right{align-items:center;color:#64748b;display:flex;font-size:.76rem;gap:6px;margin-left:auto}.char-count-badge{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-weight:600;padding:2px 8px}.math-active-badge{background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-weight:700;padding:2px 8px}.btn-format-tool{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;height:28px;justify-content:center;min-width:30px;padding:0 6px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-format-tool:hover{background:#e2e8f0;border-color:#94a3b8;color:#0f172a;transform:translateY(-1px)}.btn-format-tool:active{transform:translateY(0)}.btn-format-tool.active{background:#1e3a8a;border-color:#1e3a8a;color:#fff}.btn-format-tool.btn-math-toggle{background:#f0fdf4;border-color:#bbf7d0;color:#15803d;font-weight:700}.btn-format-tool.btn-math-toggle:hover{background:#dcfce7;color:#166534}.btn-format-tool.btn-math-toggle.active{background:#15803d;border-color:#15803d;color:#fff}.rich-editor-body{background:#fff;min-height:110px;position:relative}.rich-editor-textarea{background:#fff;border:none;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.95rem;line-height:1.6;min-height:110px;outline:none;padding:12px 14px;resize:vertical;width:100%}.rich-editor-textarea::placeholder{color:#94a3b8}.rich-math-palette-panel{animation:slideDownFade .2s cubic-bezier(.16,1,.3,1);background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.palette-category-tabs{display:flex;gap:4px;margin-bottom:8px;overflow-x:auto;padding-bottom:2px}.btn-palette-cat{background:#e2e8f0;border:none;border-radius:4px;color:#475569;cursor:pointer;font-size:.74rem;font-weight:600;padding:2px 8px;white-space:nowrap}.btn-palette-cat.active{background:#1e3a8a;color:#fff}.palette-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));max-height:160px;overflow-y:auto;padding-right:4px}.btn-math-chip{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:6px 4px;transition:all .15s ease}.btn-math-chip:hover{background:#f0fdf4;border-color:#15803d;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.chip-symbol{color:#0f172a;font-size:.95rem;font-weight:700}.chip-label{color:#64748b;font-size:.65rem;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rich-editor-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;color:#64748b;display:flex;flex-wrap:wrap;font-size:.74rem;gap:6px;justify-content:space-between;padding:5px 12px}.footer-shortcuts{align-items:center;display:flex;gap:8px}.footer-shortcuts kbd{background:#fff;border:1px solid #cbd5e1;border-radius:3px;box-shadow:0 1px 0 #0000001a;font-family:monospace;font-size:.7rem;padding:1px 4px}@media (max-width:768px){.footer-shortcuts,.rich-toolbar-badges-right{display:none}}.exam-preview-modal-overlay{align-items:center;animation:fadeInModal .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ae0;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99990}.exam-preview-modal-wrapper{animation:scaleInModal .25s cubic-bezier(.16,1,.3,1);background:#f8fafc;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 60px #00000073;display:flex;flex-direction:column;height:94vh;max-width:1280px;overflow:hidden;width:100%}@keyframes scaleInModal{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-player-topbar{background:#0f172a;border-bottom:1px solid #1e293b;color:#fff;flex-shrink:0}.preview-topbar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 24px}.preview-topbar-left{display:flex;flex-direction:column;gap:2px}.preview-simulation-badge{align-items:center;background:#fbbf2426;border-radius:4px;color:#fbbf24;display:inline-flex;font-size:.725rem;font-weight:800;gap:6px;letter-spacing:.04em;padding:2px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.preview-quiz-title{color:#f8fafc;font-size:1.1rem;font-weight:700;margin:0;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-countdown-box,.preview-topbar-center{align-items:center;display:flex}.preview-countdown-box{background:#1e293b;border:1px solid #334155;border-radius:10px;gap:8px;padding:6px 14px}.preview-countdown-label{color:#94a3b8;font-size:.775rem;font-weight:600}.preview-countdown-text{color:#38bdf8;font-family:monospace;font-size:1.15rem;font-weight:800}.preview-topbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.preview-key-toggle-label{align-items:center;background:#10b9811f;border:1px solid #10b98159;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;padding:6px 12px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.preview-key-toggle-label:hover{background:#10b98138}.preview-key-checkbox{accent-color:#10b981;cursor:pointer;height:15px;width:15px}.preview-key-toggle-text{color:#34d399;font-size:.8rem;font-weight:700}.btn-preview-reset{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 12px;transition:all .15s ease}.btn-preview-reset:hover{background:#334155;color:#fff}.btn-close-preview{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:7px 16px;transition:all .15s ease}.btn-close-preview:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.preview-progress-track{background:#1e293b;height:4px;width:100%}.preview-progress-fill{background:#0158f5;height:100%;transition:width .3s ease}.preview-player-body{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 310px;overflow-y:auto;padding:24px}.preview-question-card,.preview-question-main{display:flex;flex-direction:column}.preview-question-card{border-radius:18px;box-shadow:0 4px 16px #0f172a0a;gap:20px;padding:28px}.preview-card-top-row{align-items:center;display:flex;justify-content:space-between}.preview-current-q-pill{background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;color:#0158f5;font-size:.85rem;font-weight:800;padding:5px 12px}.preview-answered-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;font-size:.8rem;font-weight:700;padding:4px 10px}.preview-answered-badge.is-answered{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.preview-question-prompt{color:#1e293b;font-size:1.025rem;font-weight:600;line-height:1.65;margin:0}.preview-illustration-container{align-items:center;display:flex;justify-content:center;margin:6px 0}.preview-illustration-wrapper{align-items:stretch;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 2px 8px #0f172a0a;cursor:pointer;display:inline-flex;flex-direction:column;max-width:100%;overflow:hidden;position:relative;transition:all .2s ease}.preview-illustration-wrapper:hover{border-color:#0158f5;box-shadow:0 4px 16px #0158f526;transform:translateY(-1px)}.preview-illustration-img{display:block;height:auto;margin:0 auto;max-height:300px;max-width:100%;object-fit:contain;padding:8px 12px;width:auto}.preview-zoom-badge{background:#f1f5f9;border-radius:0;border-top:1px solid #e2e8f0;color:#475569!important;font-size:.75rem;font-weight:700;padding:6px 12px;pointer-events:none;position:static;text-align:center;transition:all .2s ease;width:100%}.preview-zoom-badge *,.preview-zoom-badge span{color:#475569!important;transition:color .2s ease}.preview-illustration-wrapper:hover .preview-zoom-badge{background:#0158f5}.preview-illustration-wrapper:hover .preview-zoom-badge *,.preview-illustration-wrapper:hover .preview-zoom-badge span{color:#fff!important}.preview-options-list{display:flex;flex-direction:column;gap:12px}.preview-option-play-card{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 18px;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.preview-option-play-card:hover{background:#eff6ff;border-color:#93c5fd}.preview-option-play-card.option-selected{background:#eff6ff;border-color:#0158f5;box-shadow:0 0 0 1px #0158f5}.preview-option-play-card.option-key-highlight{background:#ecfdf5!important;border-color:#10b981!important}.preview-option-badge-letter{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;color:#475569;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:32px;justify-content:center;transition:all .15s ease;width:32px}.preview-option-play-card.option-selected .preview-option-badge-letter{background:#0158f5;border-color:#0158f5;color:#fff}.preview-option-play-card.option-key-highlight .preview-option-badge-letter{background:#10b981;border-color:#10b981;color:#fff}.preview-option-text-content{color:#1e293b;flex:1 1;font-size:1rem;line-height:1.45}.preview-correct-key-tag{background:#d1fae5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;font-size:.75rem;font-weight:800;padding:4px 10px}.preview-question-nav-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:10px;padding-top:18px}.btn-preview-nav-next,.btn-preview-nav-prev{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#1e293b;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 20px;transition:all .15s ease}.btn-preview-nav-next:hover,.btn-preview-nav-prev:hover:not(:disabled){background:#eff6ff;border-color:#0158f5;color:#0158f5}.btn-preview-nav-prev:disabled{cursor:not-allowed;opacity:.45}.btn-preview-nav-finish{background:#0158f5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 24px;transition:all .15s ease}.btn-preview-nav-finish:hover{background:#1d4ed8}.preview-grid-sidebar,.preview-sidebar-card{display:flex;flex-direction:column}.preview-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 16px #0f172a0a;gap:16px;padding:24px}.preview-sidebar-title{color:#0f172a;font-size:1.1rem;font-weight:800;margin:0}.preview-grid-stats-summary{color:#475569;display:flex;flex-direction:column;font-size:.85rem;gap:8px}.preview-grid-legend{display:flex;gap:12px}.preview-grid-legend .legend-item{align-items:center;display:inline-flex;font-size:.775rem;gap:6px}.preview-grid-legend .legend-dot{border-radius:50%;height:10px;width:10px}.preview-grid-legend .legend-dot.answered{background:#0158f5}.preview-grid-legend .legend-dot.unanswered{background:#e2e8f0;border:1px solid #cbd5e1}.preview-navigator-number-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);max-height:280px;overflow-y:auto;padding:6px}.preview-nav-number-btn{align-items:center;aspect-ratio:1;background:#fff;border:1.5px solid #cbd5e1;border-radius:9px;color:#334155;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:center;position:relative;transition:all .15s ease}.preview-nav-number-btn.btn-answered{background:#0158f5;border-color:#0158f5;color:#fff}.preview-nav-number-btn.btn-unanswered{background:#fff;border-color:#cbd5e1;color:#334155}.preview-nav-number-btn.btn-current{border:2px solid #f59e0b!important;box-shadow:0 0 0 3px #f59e0b59;font-weight:800;z-index:2}.preview-nav-number-btn.btn-answered.btn-current{background:#0158f5!important;border:2px solid #f59e0b!important;box-shadow:0 0 0 3px #f59e0b73;color:#fff!important}.preview-nav-number-btn:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-1px);z-index:3}.preview-sidebar-note{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#1e3a8a;font-size:.775rem;line-height:1.4;margin-top:8px;padding:10px 12px}.preview-sidebar-note p{margin:0}@media (max-width:900px){.preview-player-body{grid-template-columns:1fr}}.take-test-container{margin:0 auto;max-width:900px}.search-quiz-card,.take-test-container,.take-test-content-grid{display:flex;flex-direction:column;gap:24px}.search-quiz-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;padding:32px}.search-label{color:#0f172a;display:block;font-size:.95rem;font-weight:700;margin-bottom:10px}.search-bar-wrap{display:flex;flex-wrap:wrap;gap:12px}.search-bar-wrap input{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;color:#0f172a;flex:1 1;font-size:1rem;min-width:260px;outline:none;padding:12px 18px;transition:all .15s ease}.search-bar-wrap input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.search-submit-btn{font-size:1rem;padding:12px 24px}.quiz-id-help-box{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:18px}.help-icon-wrap{color:#3b82f6;flex-shrink:0;margin-top:2px}.help-content h4{color:#0f172a;font-size:.9rem;font-weight:700;margin:0 0 4px}.help-content p{color:#64748b;font-size:.85rem;line-height:1.5;margin:0}.found-quiz-card{animation:slideUp .3s ease-out;background:#fff;border:2px solid #bfdbfe;border-radius:20px;box-shadow:0 10px 25px -5px #3b82f626;display:flex;flex-direction:column;gap:20px;padding:32px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.found-badge{align-self:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#1e3a8a;display:inline-flex;font-size:.8rem;font-weight:700;padding:4px 12px}.found-title{color:#0f172a;font-size:1.85rem;font-weight:800;margin:0}.found-meta-grid{grid-gap:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:18px}.found-meta-item{align-items:center;color:#475569;display:flex;font-size:.875rem;gap:8px}.found-meta-item svg{color:#3b82f6;flex-shrink:0}.found-action-row{margin-top:10px}.btn-start-quiz{font-size:1.05rem;justify-content:center;padding:14px 24px;width:100%}.profile-page-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1080px}.profile-page-header{display:flex;flex-direction:column;gap:6px}.profile-role-tag{color:#0158f5;font-size:.775rem;font-weight:900;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.profile-page-header h1{color:#0f172b;font-size:1.85rem;font-weight:900;line-height:1.25;margin:0}.profile-page-header p{color:#64748b;font-size:.95rem;line-height:1.5;margin:0}.profile-overview-card{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:20px;box-shadow:0 4px 16px #0f172b08;display:flex;gap:24px;padding:30px}.profile-overview-card.role-banner-admin{border-left:6px solid #0f172b}.profile-overview-card.role-banner-panitia,.profile-overview-card.role-banner-student{border-left:6px solid #0158f5}.profile-avatar-large{align-items:center;border-radius:20px;box-shadow:0 6px 16px #0f172b1f;color:#fff;display:flex;flex-shrink:0;font-size:2.2rem;font-weight:900;height:80px;justify-content:center;width:80px}.profile-avatar-large.avatar-admin{background:#0f172b}.profile-avatar-large.avatar-panitia,.profile-avatar-large.avatar-student{background:#0158f5}.profile-overview-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.profile-overview-info h2{color:#0f172b;font-size:1.55rem;font-weight:900;margin:0}.user-email-text{color:#475569;font-size:.95rem;font-weight:500;margin:0}.profile-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.profile-chip{align-items:center;border-radius:6px;display:inline-flex;font-size:.775rem;font-weight:800;gap:6px;letter-spacing:.03em;padding:5px 12px}.chip-admin{background:#0f172b;color:#fff}.chip-panitia{background:#0158f51a;border:1px solid #0158f54d;color:#0158f5}.chip-student{background:#0158f514;border:1px solid #0158f540;color:#0158f5}.chip-major{background:#f8fafc;border:1px solid #cbd5e1;color:#334155}.chip-info{background:#f1f5f9;color:#475569}.chip-static{background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-family:monospace}.profile-forms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.profile-form-card{background:#fff;border:1.5px solid #cbd5e1;border-radius:18px;box-shadow:0 4px 16px #0f172b05;display:flex;flex-direction:column;gap:20px;padding:28px}.card-header-box{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;padding-bottom:14px}.card-header-box h3{color:#0f172b;font-size:1.2rem;font-weight:900;margin:0}.card-header-box p{color:#64748b;font-size:.88rem;line-height:1.45;margin:0}.profile-form{display:flex;flex-direction:column;gap:16px}.profile-input-group{display:flex;flex-direction:column;gap:6px}.profile-input-group label{color:#0f172b;font-size:.85rem;font-weight:700}.profile-input-wrap{align-items:center;display:flex;position:relative}.profile-input-wrap input{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#0f172b;font-size:.925rem;outline:none;padding:11px 14px;transition:all .15s ease;width:100%}.profile-input-wrap input:focus{background:#fff;border-color:#0158f5;box-shadow:0 0 0 3px #0158f51f}.profile-input-wrap input.readonly-input,.profile-input-wrap input:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}.profile-select-input{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#0f172b;cursor:pointer;font-size:.925rem;outline:none;padding:11px 14px;width:100%}.profile-select-input:focus{background:#fff;border-color:#0158f5;box-shadow:0 0 0 3px #0158f51f}.strength-bar-box{margin-top:6px}.btn-save-profile{border-radius:10px;font-size:.95rem;font-weight:800;margin-top:8px;padding:12px 20px;width:100%}.profile-form-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:900px){.profile-forms-grid{grid-template-columns:1fr}.profile-overview-card{flex-direction:column;text-align:center}.profile-badge-row{justify-content:center}.profile-form-grid-2{grid-template-columns:1fr}}.userguide-wrapper{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1000px;padding:40px 24px 80px}.userguide-header{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.userguide-badge{align-items:center;background:#0158f514;border:1.5px solid #cbd5e1;border-radius:9999px;color:#0158f5;display:inline-flex;font-size:.85rem;font-weight:800;padding:6px 18px}.userguide-header h1{color:#0f172b;font-size:2.35rem;font-weight:900;margin:0}.userguide-header p{color:#475569;font-size:1rem;line-height:1.6;margin:0;max-width:700px}.toc-card{background:#fff;border:2px solid #cbd5e1;border-radius:18px;box-shadow:0 4px 12px #0f172b08;padding:24px 28px}.toc-card h3{color:#0f172b;font-size:1.15rem;font-weight:900;margin:0 0 16px}.toc-links-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.toc-links-grid button{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;color:#0f172b;cursor:pointer;font-size:.875rem;font-weight:800;padding:10px 14px;text-align:left;transition:all .15s ease}.toc-links-grid button:hover{background:#0158f514;border-color:#0158f5;color:#0158f5}.guide-section-card{background:#fff;border:2px solid #cbd5e1;border-radius:18px;box-shadow:0 4px 12px #0f172b08;display:flex;flex-direction:column;gap:16px;padding:32px}.guide-section-title{align-items:center;display:flex;gap:14px}.step-num-badge{align-items:center;background:#0158f5;border-radius:10px;color:#fff;display:flex;font-size:1.1rem;font-weight:900;height:36px;justify-content:center;width:36px}.guide-section-title h2{color:#0f172b;font-size:1.45rem;font-weight:900;margin:0}.guide-section-card p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.guide-features-list,.guide-steps-list{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:20px}.guide-features-list li,.guide-steps-list li{color:#0f172b;font-size:.95rem;line-height:1.5}.guide-features-list strong,.guide-steps-list strong{color:#0f172b}.quiz-details-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:960px}.quiz-overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 16px #0f172a0a;display:flex;flex-direction:column;gap:24px;padding:32px}.overview-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.quiz-id-chip{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#1e3a8a;cursor:pointer;display:inline-flex;font-family:monospace;font-size:.85rem;font-weight:700;gap:8px;padding:6px 14px;transition:all .15s ease}.quiz-id-chip:hover{background:#eff6ff;border-color:#3b82f6}.quiz-overview-title{color:#0f172a;font-size:2rem;font-weight:800;line-height:1.25;margin:0 0 16px}.quiz-meta-pills{display:flex;flex-wrap:wrap;gap:12px}.meta-pill{align-items:center;background:#f1f5f9;border-radius:8px;color:#475569;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 14px}.meta-pill svg{color:#3b82f6}.overview-actions-bar{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;padding-top:20px}.btn-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .15s ease}.btn-action-primary{background:#1e3a8a!important;box-shadow:0 2px 6px #1e3a8a40}.btn-action-primary *,.btn-action-primary span,.btn-action-primary strong{color:#fff!important}.btn-action-primary:hover{background:#172554!important;box-shadow:0 4px 10px #1e3a8a59;color:#fff!important;transform:translateY(-1px)}.btn-action-preview-cbt{background:#0158f5!important;box-shadow:0 2px 8px #0158f540;color:#fff!important}.btn-action-preview-cbt *,.btn-action-preview-cbt span{color:#fff!important}.btn-action-preview-cbt:hover{background:#1d4ed8!important;box-shadow:0 4px 12px #0158f559;transform:translateY(-1px)}.btn-action-share{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.btn-action-share:hover{background:#dbeafe}.btn-action-stats{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.btn-action-stats:hover{background:#dcfce7}.btn-action-delete{background:#0158f514;border:1px solid #fecaca;color:#0158f5;margin-left:auto}.btn-action-delete:hover{background:#0158f51f}.quiz-questions-preview-section{display:flex;flex-direction:column;gap:16px}.preview-section-title{color:#0f172a;font-size:1.35rem;font-weight:700;margin:0}.preview-questions-list{display:flex;flex-direction:column;gap:16px}.preview-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;padding:24px}.preview-question-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:18px}.question-idx-pill{background:#eff6ff;border-radius:6px;color:#1e3a8a;flex-shrink:0;font-size:.8rem;font-weight:700;padding:4px 10px}.question-prompt-text{color:#1e293b;font-size:1.025rem;font-weight:600;line-height:1.6;margin:0}.preview-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.preview-option-pill{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;display:flex;font-size:.925rem;gap:10px;padding:10px 14px;position:relative}.preview-option-correct{background:#ecfdf5;border-color:#10b981;color:#065f46;font-weight:600}.preview-opt-letter{color:#64748b;font-size:.85rem;font-weight:700;width:16px}.preview-option-correct .preview-opt-letter{color:#059669}.preview-opt-text{flex:1 1}.correct-tag{align-items:center;background:#d1fae5;border-radius:6px;color:#059669;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;padding:2px 8px}.quiz-details-empty{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:48px;text-align:center}.preview-question-img-container{display:flex;justify-content:flex-start;margin:12px 0 16px}.preview-question-img-wrapper{align-items:stretch;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 2px 8px #0f172a0a;cursor:pointer;display:inline-flex;flex-direction:column;max-width:100%;overflow:hidden;position:relative;transition:all .2s ease}.preview-question-img-wrapper:hover{border-color:#0158f5;box-shadow:0 4px 16px #0158f526;transform:translateY(-1px)}.preview-question-img{display:block;margin:0 auto;max-height:280px;max-width:100%;object-fit:contain;padding:8px 12px}.preview-img-zoom-badge{background:#f1f5f9;border-radius:0;border-top:1px solid #e2e8f0;color:#475569!important;font-size:.75rem;font-weight:700;padding:6px 12px;pointer-events:none;position:static;text-align:center;transition:all .2s ease;width:100%}.preview-img-zoom-badge *,.preview-img-zoom-badge span{color:#475569!important;transition:color .2s ease}.preview-question-img-wrapper:hover .preview-img-zoom-badge{background:#0158f5}.preview-question-img-wrapper:hover .preview-img-zoom-badge *,.preview-question-img-wrapper:hover .preview-img-zoom-badge span{color:#fff!important}.admin-livechat-container{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;height:calc(100vh - 110px);min-height:580px;width:100%}.admin-livechat-metrics-bar{grid-gap:12px;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));width:100%}.metric-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0a;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s cubic-bezier(.16,1,.3,1)}.metric-box:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f;transform:translateY(-1px)}.metric-box-info{display:flex;flex-direction:column;gap:3px}.metric-box-label{color:#64748b;font-size:.725rem;font-weight:700;letter-spacing:.02em}.metric-box-value{color:#0f172b;font-size:1.5rem;font-weight:800;line-height:1.1}.metric-box-pill{border-radius:6px;font-size:.7rem;font-weight:700;padding:4px 10px;transition:all .15s ease;white-space:nowrap}.waiting-box{background:#fff}.waiting-box .metric-box-pill{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.waiting-box:hover{border-color:#f59e0b}.waiting-box.active-filter{background:#fffdf7;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33,0 4px 12px #f59e0b0f}.my-box .metric-box-pill{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.my-box:hover{border-color:#0158f5}.my-box.active-filter{background:#f8faff;border-color:#0158f5;box-shadow:0 0 0 2px #0158f533,0 4px 12px #0158f50f}.active-box .metric-box-pill{background:#f5f3ff;border:1px solid #ddd6fe;color:#6d28d9}.active-box:hover{border-color:#8b5cf6}.active-box.active-filter{background:#faf5ff;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633,0 4px 12px #8b5cf60f}.resolved-box .metric-box-pill{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.resolved-box:hover{border-color:#10b981}.resolved-box.active-filter{background:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 2px #10b98133,0 4px 12px #10b9810f}.workload-box .metric-box-pill{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.workload-box:hover{border-color:#64748b;box-shadow:0 4px 12px #64748b14}.admin-livechat-workspace{background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;box-shadow:0 4px 20px #0f172a0a;display:grid;flex:1 1;grid-template-columns:320px 1fr;min-height:0;overflow:hidden}.admin-livechat-left-col{background:#f8fafc;border-right:1.5px solid #e2e8f0;display:flex;flex-direction:column;height:100%;max-width:320px;min-width:320px;overflow:hidden;width:320px}.admin-livechat-tabs{grid-gap:5px;background:#fff;border-bottom:1.5px solid #e2e8f0;display:grid;flex-shrink:0;gap:5px;grid-template-columns:repeat(6,1fr);padding:8px}.livechat-tab-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#475569;cursor:pointer;display:inline-flex;font-size:.775rem;font-weight:800;gap:6px;justify-content:center;padding:7px 6px;text-align:center;transition:all .15s ease;white-space:nowrap}.livechat-tab-btn:first-child,.livechat-tab-btn:nth-child(2){grid-column:span 3}.livechat-tab-btn:nth-child(3),.livechat-tab-btn:nth-child(4),.livechat-tab-btn:nth-child(5){grid-column:span 2}.livechat-tab-btn:hover{background:#e2e8f0;color:#0f172b}.livechat-tab-btn.active{background:#0158f5!important;border-color:#0158f5!important;color:#fff!important}.tab-badge-red{background:#ef4444;color:#fff}.tab-badge-blue,.tab-badge-red{border-radius:9999px;display:inline-block;font-size:.65rem;font-weight:900;line-height:1.2;padding:1px 6px}.tab-badge-blue{background:#38bdf8;color:#0f172b}.livechat-tab-btn.active .tab-badge-red{background:#fff;color:#dc2626}.livechat-tab-btn.active .tab-badge-blue{background:#fff;color:#0158f5}.admin-livechat-search{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:8px 10px;position:relative}.admin-livechat-search input{border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;font-size:.8rem;outline:none;padding:7px 10px;width:100%}.admin-livechat-search input:focus{border-color:#0158f5}.search-clear-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.75rem;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.admin-livechat-list{flex:1 1;min-height:0;overflow-y:auto;padding:8px}.admin-livechat-list,.livechat-list-empty{display:flex;flex-direction:column;gap:6px}.livechat-list-empty{align-items:center;color:#64748b;font-size:.825rem;padding:30px 12px;text-align:center}.livechat-list-empty .empty-icon{font-size:1.75rem}.livechat-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 12px;transition:all .15s ease}.livechat-card-item:hover{border-color:#93c5fd;box-shadow:0 2px 8px #0f172a0a}.livechat-card-item.selected{background:#eff6ff;border-color:#0158f5}.card-item-top{gap:8px}.card-avatar,.card-item-top{align-items:center;display:flex}.card-avatar{background:#0f172b;border-radius:50%;color:#fff;flex-shrink:0;font-size:.8rem;font-weight:800;height:30px;justify-content:center;width:30px}.card-header-info{flex:1 1;min-width:0}.card-name-row{align-items:center;display:flex;gap:4px;justify-content:space-between}.card-student-name{color:#0f172b;font-size:.825rem;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-unread-badge{background:#ef4444;border-radius:9999px;color:#fff;flex-shrink:0;font-size:.625rem;font-weight:900;padding:1px 5px}.card-school-text{color:#64748b;display:block;font-size:.7rem}.card-last-message,.card-school-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-last-message{color:#475569;font-size:.775rem;margin:2px 0 0}.card-item-footer{align-items:center;border-top:1px dashed #e2e8f0;display:flex;gap:4px;justify-content:space-between;margin-top:4px;padding-top:4px}.status-pill{border-radius:9999px;font-size:.65rem;padding:2px 6px}.status-pill.status-waiting{background:#fef9c3;color:#854d0e}.status-pill.status-active{background:#dbeafe;color:#1e40af}.status-pill.status-resolved{background:#d1fae5;color:#065f46}.status-pill.status-closed{background:#f1f5f9;color:#64748b}.card-staff-tag{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#475569;font-size:.675rem;font-weight:700;max-width:140px;overflow:hidden;padding:2px 5px;text-overflow:ellipsis;white-space:nowrap}.btn-quick-take{background:#0158f5!important;border:none!important;border-radius:5px;color:#fff!important;cursor:pointer;font-size:.7rem;font-weight:800;padding:3px 8px;transition:background .15s}.btn-quick-take:hover{background:#0046c7!important}.admin-livechat-right-col{background:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.livechat-right-empty{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:30px;text-align:center}.empty-untag-logo{height:52px;opacity:.8}.livechat-right-empty h3{color:#0f172b;font-size:1.15rem;font-weight:800;margin:0}.livechat-right-empty p{font-size:.875rem;margin:0;max-width:400px}.livechat-pane-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.livechat-pane-header{align-items:center;background:#fff;border-bottom:1.5px solid #e2e8f0;display:flex;flex-shrink:0;gap:14px;justify-content:space-between;padding:12px 20px}.pane-student-profile{align-items:center;display:flex;gap:12px;min-width:0}.pane-avatar{align-items:center;background:#0f172b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.05rem;font-weight:900;height:40px;justify-content:center;width:40px}.pane-profile-details{display:flex;flex-direction:column;gap:2px;min-width:0}.pane-name-row{align-items:center;display:flex;gap:8px}.pane-name-row h3{color:#0f172b;font-size:1.05rem;font-weight:900;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{font-size:.675rem;font-weight:800;padding:2px 7px;white-space:nowrap}.status-badge.status-waiting{background:#fef9c3;color:#854d0e}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-resolved{background:#dbeafe;color:#1e40af}.pane-meta-row{align-items:center;color:#64748b;display:flex;font-size:.775rem;gap:8px}.pane-school-badge{color:#475569;font-weight:700}.pane-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.btn-action-primary{background:#0158f5!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.825rem;font-weight:800;padding:8px 16px;transition:background .15s ease;white-space:nowrap}.btn-action-primary:hover:not(:disabled){background:#0046c7!important}.btn-action-secondary{background:#334155!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.825rem;font-weight:800;padding:8px 16px;transition:background .15s ease;white-space:nowrap}.btn-action-secondary:hover:not(:disabled){background:#1e293b!important}.btn-action-warning{background:#d97706!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.825rem;font-weight:800;padding:8px 16px;transition:background .15s ease;white-space:nowrap}.btn-action-warning:hover:not(:disabled){background:#b45309!important}.btn-action-success{background:#16a34a!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.825rem;font-weight:800;padding:8px 16px;transition:background .15s ease;white-space:nowrap}.btn-action-success:hover:not(:disabled){background:#15803d!important}.btn-action-outline{background:#fff!important;border:1.5px solid #0158f5!important;border-radius:8px;color:#0158f5!important;cursor:pointer;font-size:.825rem;font-weight:800;padding:7px 16px;transition:all .15s ease;white-space:nowrap}.btn-action-outline:hover{background:#eff6ff!important}.live-chat-panel .btn-action-history,.live-chat-panel .btn-action-icon{align-items:center;background:#0f172b!important;border:none!important;border-radius:8px;box-shadow:0 1px 3px #0f172a26;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:800;justify-content:center;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.live-chat-panel .btn-action-history:hover,.live-chat-panel .btn-action-icon:hover{background:#1e293b!important;transform:translateY(-1px)}.live-chat-panel .btn-action-history.active,.live-chat-panel .btn-action-icon.active{background:#0158f5!important;box-shadow:0 0 0 2px #0158f559}.pane-assignment-banner{border-bottom:1px solid #e2e8f0;flex-shrink:0;font-size:.75rem;font-weight:600;padding:6px 18px}.pane-assignment-banner.waiting{background:#fef9c3;border-color:#fde047;color:#854d0e}.pane-assignment-banner.mine{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.pane-assignment-banner.other{background:#f8fafc;border-color:#e2e8f0;color:#475569}.livechat-pane-messages{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:16px 20px}.pane-empty-messages{color:#94a3b8;font-size:.85rem;padding:30px;text-align:center}.livechat-sys-message{align-items:center;display:flex;flex-direction:column;gap:2px;margin:4px 0}.sys-message-bubble{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:9999px;color:#334155;font-size:.725rem;font-weight:700;max-width:85%;padding:4px 14px;text-align:center}.sys-message-time{color:#94a3b8;font-size:.65rem}.pane-msg-row{display:flex;max-width:75%}.pane-msg-row.student{align-self:flex-start}.pane-msg-row.staff{align-self:flex-end;flex-direction:row-reverse}.pane-msg-bubble-wrap{display:flex;flex-direction:column;gap:3px}.pane-msg-row.staff .pane-msg-bubble-wrap{align-items:flex-end}.pane-msg-sender-name{color:#64748b;font-size:.7rem;font-weight:800;padding:0 4px}.pane-msg-bubble{border-radius:14px;font-size:.875rem;line-height:1.5;padding:10px 14px;word-break:break-word}.pane-msg-bubble p{margin:0;white-space:pre-line}.student-bubble{background:#fff;border:1.5px solid #e2e8f0;border-bottom-left-radius:3px;box-shadow:0 2px 6px #0f172a08;color:#0f172b}.staff-bubble{background:#1e293b;border-bottom-right-radius:3px}.staff-bubble,.staff-bubble p{color:#fff!important}.pane-msg-time{color:#94a3b8;font-size:.65rem;padding:0 4px}.pane-history-drawer{background:#fff;border-bottom:1.5px solid #e2e8f0;border-top:1.5px solid #e2e8f0;flex-shrink:0;max-height:180px;overflow-y:auto;padding:12px 18px}.history-drawer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-drawer-header h4{color:#0f172b;font-size:.875rem;font-weight:800;margin:0}.drawer-close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:.9rem}.history-timeline{display:flex;flex-direction:column;gap:8px;padding-left:6px}.timeline-item{display:flex;gap:10px}.timeline-dot{background:#0158f5;border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.timeline-content{display:flex;flex-direction:column;gap:1px}.timeline-title-row{align-items:center;display:flex;gap:6px}.timeline-title-row strong{color:#0f172b;font-size:.8rem}.asg-status-tag{border-radius:4px;font-size:.625rem;font-weight:800;padding:1px 5px;text-transform:uppercase}.asg-status-tag.active{background:#d1fae5;color:#065f46}.asg-status-tag.transferred{background:#fef08a;color:#854d0e}.asg-status-tag.closed{background:#e2e8f0;color:#475569}.timeline-date{color:#64748b;font-size:.675rem}.timeline-notes{color:#334155;font-size:.725rem;font-style:italic;margin:1px 0 0}.timeline-assigner{color:#94a3b8;font-size:.65rem}.no-history-text{color:#94a3b8;font-size:.75rem;margin:0}.livechat-pane-footer{background:#fff;border-top:1.5px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 18px}.canned-responses-row{align-items:center;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.canned-responses-row::-webkit-scrollbar{display:none}.canned-label{color:#64748b;font-weight:800}.btn-canned-chip,.canned-label{font-size:.7rem;white-space:nowrap}.btn-canned-chip{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;color:#334155;cursor:pointer;font-weight:700;padding:3px 8px;transition:all .15s}.btn-canned-chip:hover{background:#eff6ff;border-color:#0158f5;color:#0158f5}.pane-reply-form{align-items:flex-end;display:flex;gap:10px}.pane-reply-input{border:1.5px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172b;flex:1 1;font-family:inherit;font-size:.85rem;max-height:100px;min-height:44px;outline:none;padding:8px 12px;resize:vertical}.pane-reply-input:focus{border-color:#0158f5}.btn-reply-send{background:#0158f5!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.85rem;font-weight:800;height:44px;padding:10px 18px;white-space:nowrap}.btn-reply-send:hover:not(:disabled){background:#0046c7!important}.pane-locked-warning{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:.8rem;gap:10px;justify-content:space-between;padding:8px 14px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.modal-box{background:#fff;border-radius:14px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}.modal-header{align-items:center;padding:14px 18px}.modal-header h3{color:#0f172b;font-size:1.05rem;font-weight:800;margin:0}.modal-close-btn{background:none}.modal-body{gap:14px;padding:16px 18px}.modal-desc{color:#475569;font-size:.825rem;line-height:1.5;margin:0}.form-group{gap:4px}.form-group label{color:#0f172b;font-size:.775rem}.modal-select,.modal-textarea{border:1.5px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172b;font-family:inherit;font-size:.825rem;outline:none;padding:8px 10px}.modal-select:focus,.modal-textarea:focus{border-color:#0158f5}.modal-footer{background:#f8fafc;gap:8px;padding:12px 18px}.btn-secondary{background:#e2e8f0;border:none;border-radius:6px;color:#0f172b;cursor:pointer;font-size:.8rem;font-weight:700;padding:8px 16px}.workload-table{border-collapse:collapse;font-size:.8rem;width:100%}.workload-table th{background:#f1f5f9;color:#475569;font-weight:800;padding:7px 10px;text-align:left}.workload-table td{border-bottom:1px solid #e2e8f0;color:#0f172b;padding:8px 10px}.role-pill{border-radius:9999px;font-size:.675rem;font-weight:700;padding:2px 6px}.role-pill.admin{background:#ede9fe;color:#6d28d9}.role-pill.panitia{background:#dbeafe;color:#1e40af}.count-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;color:#0158f5;font-weight:800;padding:2px 6px}@media (max-width:900px){.admin-livechat-container{height:auto;min-height:auto}.admin-livechat-workspace{grid-template-columns:1fr;height:auto}.admin-livechat-left-col{max-height:320px;max-width:100%;min-width:100%;width:100%}.livechat-pane-wrapper{height:500px}}.card-guest-tag{background:#fef3c7;border:1px solid #fde68a;border-radius:4px;color:#b45309;display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.03em;padding:1px 6px;text-transform:uppercase}.guest-avatar{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 6px #d9770640;color:#fff!important}.badge-guest-tag{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#b45309;font-size:.7rem;font-weight:800;gap:4px;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.badge-guest-tag,.pane-wa-chip{align-items:center;display:inline-flex}.pane-wa-chip{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;font-size:.725rem;font-weight:700;gap:5px;padding:3px 9px;text-decoration:none;transition:all .15s ease}.pane-wa-chip:hover{background:#25d366;border-color:#25d366;box-shadow:0 2px 8px #25d3664d;color:#fff;transform:translateY(-1px)}.admin-cluster-container{box-sizing:border-box;display:flex;flex-direction:column;gap:18px;padding-bottom:30px;width:100%}.admin-cluster-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.cluster-header-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#0158f5;display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.04em;margin-bottom:6px;padding:2px 10px}.admin-cluster-header h1{color:#0f172b;font-size:1.4rem;font-weight:800;line-height:1.2;margin:0 0 4px}.admin-cluster-header p{color:#64748b;font-size:.85rem;line-height:1.4;margin:0;max-width:680px}.btn-add-cluster{align-items:center;background:#0158f5;border:none;border-radius:9px;box-shadow:0 4px 14px #0158f540;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:6px;padding:10px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn-add-cluster:hover{background:#0046c7;box-shadow:0 6px 18px #0158f559;transform:translateY(-1px)}.cluster-metrics-bar{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cluster-metric-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0a;display:flex;padding:16px 20px;transition:all .2s ease}.cluster-metric-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f;transform:translateY(-1px)}.metric-content{display:flex;flex-direction:column;gap:3px}.metric-title{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.metric-value{color:#0f172b;font-size:1.25rem;font-weight:800}.cluster-controls-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a08;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:12px 18px}.cluster-search-box{align-items:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;color:#64748b;display:flex;flex:1 1;gap:10px;max-width:400px;min-width:260px;padding:8px 14px;transition:all .2s ease}.cluster-search-box:focus-within{background:#fff;border-color:#0158f5;box-shadow:0 0 0 3px #0158f51f}.cluster-search-box input{background:#0000;border:none;color:#0f172b;font-size:.85rem;outline:none;width:100%}.clear-search-btn{padding:0}.clear-search-btn:hover{color:#0f172b}.cluster-controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.cluster-filter-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;padding:4px}.filter-tab{background:#0000;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:700;padding:6px 14px;transition:all .15s ease}.filter-tab:hover{color:#0f172b}.filter-tab.active{background:#fff!important;box-shadow:0 1px 3px #0f172a14;color:#0158f5!important}.cluster-view-toggle{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;padding:4px}.view-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:700;padding:6px 14px;transition:all .15s ease}.view-btn:hover{color:#0f172b}.view-btn.active{background:#fff!important;box-shadow:0 1px 3px #0f172a14;color:#0f172b!important}.cluster-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.table-responsive{width:100%}.cluster-master-table{border-collapse:collapse;font-size:.875rem;text-align:left;width:100%}.cluster-master-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:14px 18px;text-transform:uppercase;white-space:nowrap}.cluster-master-table td{border-bottom:1px solid #f1f5f9;color:#0f172b;padding:14px 18px;vertical-align:middle}.cluster-master-table tbody tr{transition:background-color .15s ease}.cluster-master-table tbody tr:hover{background-color:#f8fafc}.cluster-master-table tbody tr.row-inactive{background-color:#fafafa;opacity:.75}.table-cluster-info{display:flex;flex-direction:column;gap:3px}.table-cluster-name{color:#0f172b;font-size:.925rem;font-weight:800}.table-cluster-sublabel{color:#475569;font-size:.775rem;font-weight:600}.table-cluster-desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.75rem;line-height:1.35;max-width:480px;overflow:hidden}.table-quiz-badge{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;display:inline-block;font-size:.78rem;font-weight:600;padding:4px 10px;white-space:nowrap}.table-quiz-badge strong{color:#0f172b}.table-status-pill{border:1px solid;border-radius:9999px;cursor:pointer;font-size:.75rem;font-weight:700;padding:4px 12px;transition:all .15s ease;white-space:nowrap}.table-status-pill:hover{transform:scale(1.03)}.pill-active{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.pill-inactive{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.table-actions-group{align-items:center;display:flex;gap:8px;justify-content:center}.cluster-btn{align-items:center!important;border:1px solid #0000!important;border-radius:8px!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-flex!important;font-size:.8rem!important;font-weight:700!important;height:auto!important;justify-content:center!important;line-height:1.2!important;padding:6px 16px!important;text-decoration:none!important;transition:all .15s ease!important;white-space:nowrap!important;width:auto!important}.cluster-btn-edit{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}.cluster-btn-edit:hover{background:#dbeafe!important;border-color:#93c5fd!important;color:#1e40af!important;transform:translateY(-1px)}.cluster-btn-delete{background:#fef2f2!important;border-color:#fecdd3!important;color:#dc2626!important}.cluster-btn-delete:hover{background:#fee2e2!important;border-color:#fca5a5!important;color:#b91c1c!important;transform:translateY(-1px)}.cluster-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.cluster-item-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1)}.cluster-item-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a14;transform:translateY(-2px)}.cluster-item-card.card-inactive{background:#fafafa;opacity:.7}.card-top-row{gap:10px;justify-content:space-between}.card-top-meta,.card-top-row{align-items:center;display:flex}.status-badge{border:1px solid;border-radius:9999px;cursor:pointer;font-size:.725rem;font-weight:700;letter-spacing:.02em;padding:4px 10px;transition:all .15s ease}.status-badge:hover{transform:scale(1.03)}.badge-active{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.badge-inactive{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.card-info-block{display:flex;flex-direction:column;gap:6px}.code-and-order{align-items:center;display:flex;gap:8px}.cluster-code-pill{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#0158f5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.725rem;font-weight:800;padding:2px 8px}.order-tag{color:#64748b;font-size:.725rem;font-weight:700}.cluster-name-title{color:#0f172b;font-size:1.05rem;font-weight:800;line-height:1.35;margin:2px 0 0}.cluster-sublabel-text{color:#475569;font-size:.785rem;font-weight:700;margin:0}.cluster-desc-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.775rem;line-height:1.4;margin:0;overflow:hidden}.card-meta-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:14px}.quiz-count-badge{color:#475569;font-size:.785rem;font-weight:600}.quiz-count-badge strong{color:#0f172b}.card-action-buttons{align-items:center;display:flex;gap:8px}.cluster-empty-card,.cluster-loading-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:50px 20px;text-align:center}.spinner-border{animation:spin .7s linear infinite;border:3.5px solid #eff6ff;border-radius:50%;border-top-color:#0158f5;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.cluster-empty-card h3{color:#0f172b;font-size:1.15rem;font-weight:800;margin:0}.cluster-empty-card p{color:#64748b;font-size:.85rem;margin:0;max-width:400px}.cluster-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.cluster-modal-card{animation:modalScaleUp .2s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #0f172a40;box-sizing:border-box;display:flex;flex-direction:column;max-height:88vh;max-width:580px;overflow:hidden;width:100%}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{background:#fff;flex-shrink:0;padding:18px 24px}.modal-title-wrap h2{color:#0f172b;font-size:1.2rem;font-weight:800;line-height:1.3;margin:0 0 3px}.modal-subtitle{color:#64748b;font-size:.8rem;line-height:1.4;margin:0}.modal-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;margin-left:12px;transition:all .15s ease;width:32px}.modal-close-btn:hover{background:#e2e8f0;color:#0f172b}.modal-form-wrapper{min-height:0;overflow:hidden}.modal-form-scroll,.modal-form-wrapper{display:flex;flex:1 1;flex-direction:column}.modal-form-scroll{gap:14px;overflow-y:auto;padding:20px 24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#1e293b;display:inline-block;font-size:.82rem;font-weight:700;margin-bottom:2px}.form-group .req{color:#dc2626;display:inline;font-weight:700;margin-left:3px}.color-label-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.color-label-header label{margin-bottom:0}.color-active-label{color:#0158f5;font-size:.8rem;font-weight:600}.form-input,.form-textarea{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172b;font-size:.875rem;outline:none;padding:9px 13px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#0158f5;box-shadow:0 0 0 3px #0158f51f}.form-input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;text-transform:uppercase}.form-grid-2col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.color-swatches-row{align-items:center;display:flex;gap:10px;padding:4px 0}.color-swatch-circle{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00000026;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.color-swatch-circle:hover{transform:scale(1.15)}.color-swatch-circle.active{box-shadow:0 0 0 2.5px #0f172b,0 2px 5px #00000040;transform:scale(1.18)}.swatch-check{color:#fff;font-size:.75rem;font-weight:900}.checkbox-toggle-card{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .15s ease}.checkbox-toggle-card:hover{background:#f1f5f9;border-color:#cbd5e1}.checkbox-toggle-card input{accent-color:#0158f5;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.toggle-card-text{display:flex;flex-direction:column;gap:2px}.toggle-card-text strong{color:#0f172b;font-size:.825rem}.toggle-card-text span{color:#64748b;font-size:.75rem;line-height:1.35}.modal-footer-fixed{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.modal-btn-cancel{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:700;padding:9px 20px;transition:all .15s ease}.modal-btn-cancel:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172b}.modal-btn-submit{background:#0158f5;border:none;border-radius:8px;box-shadow:0 4px 12px #0158f540;color:#fff!important;cursor:pointer;font-size:.85rem;font-weight:700;padding:9px 24px;transition:all .2s ease}.modal-btn-submit:hover{background:#0046c7;box-shadow:0 6px 16px #0158f559;transform:translateY(-1px)}.modal-btn-cancel:disabled,.modal-btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.cluster-delete-modal-card{animation:modalScaleUp .2s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #0f172a40;display:flex;flex-direction:column;gap:16px;max-width:460px;padding:24px;text-align:left;width:100%}.delete-modal-header h3{color:#0f172b;font-size:1.15rem;font-weight:800;margin:0 0 6px}.delete-modal-header p{color:#64748b;font-size:.85rem;line-height:1.45;margin:0}.delete-warning-box{background:#fef2f2;border:1px solid #fecdd3;border-radius:8px;color:#991b1b}.delete-safe-box,.delete-warning-box{font-size:.8rem;line-height:1.4;padding:10px 14px}.delete-safe-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.delete-actions-row{align-items:center;display:flex;gap:10px;justify-content:flex-end}.modal-btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.85rem;font-weight:700;padding:9px 20px;transition:all .2s ease}.modal-btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.modal-btn-danger:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.admin-cluster-header{align-items:flex-start;flex-direction:column}.form-grid-2col{grid-template-columns:1fr}.cluster-controls-card{align-items:stretch;flex-direction:column}.cluster-search-box{max-width:100%}}.rekap-container{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px;width:100%}.rekap-header-card{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 60%,#1e3a8a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0f172a26;color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 28px}.rekap-title-wrap{display:flex;flex-direction:column;gap:6px;max-width:780px}.rekap-title-badge{align-items:center;background:#ef444433;border:1px solid #ef444459;border-radius:999px;color:#fca5a5;display:inline-flex;font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.8px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rekap-badge-dot{background:#ef4444;border-radius:50%;height:6px;width:6px}.rekap-main-title{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin:0}.rekap-sub-title{color:#cbd5e1;font-size:.88rem;line-height:1.5;margin:0}.rekap-sub-title strong{color:#93c5fd}.rekap-header-actions{align-items:center;display:flex;gap:10px}.btn-rekap-refresh{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 18px;transition:all .2s ease}.btn-rekap-refresh:hover{background:#fff3}.btn-rekap-export{background:#10b981;border:1px solid #34d399;border-radius:10px;box-shadow:0 2px 10px #10b9814d;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;padding:10px 20px;transition:all .2s ease}.btn-rekap-export:hover{background:#059669}.rekap-cluster-tabs{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 4px #0f172a08;display:flex;flex-wrap:wrap;gap:14px;padding:12px 18px}.cluster-tabs-label{color:#64748b;font-size:.82rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.cluster-pills-list{display:flex;flex-wrap:wrap;gap:8px}.cluster-pill-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.cluster-pill-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.cluster-pill-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:700}.cluster-active-indicator{background:#3b82f6;border-radius:6px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.rekap-kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rekap-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 4px #0f172a08;display:flex;flex-direction:column;padding:18px 20px;transition:all .2s ease}.rekap-kpi-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d}.kpi-content{display:flex;flex-direction:column}.kpi-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.kpi-value{color:#0f172a;font-size:1.55rem;font-weight:800;line-height:1.2;margin:4px 0 2px}.kpi-val-sub{color:#94a3b8;font-size:.95rem;font-weight:600}.kpi-sub{color:#94a3b8;font-size:.75rem}.rekap-filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 4px #0f172a08;padding:18px 20px}.rekap-filter-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:140px}.filter-group.filter-search{flex:2 1;min-width:260px}.filter-group label{color:#475569;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.search-input-wrap{align-items:center;display:flex;position:relative}.search-input-wrap input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.88rem;outline:none;padding:9px 36px 9px 12px;transition:all .2s ease;width:100%}.search-input-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.clear-search-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.85rem;padding:4px;position:absolute;right:10px}.clear-search-btn:hover{color:#ef4444}.filter-group select{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.88rem;outline:none;padding:9px 12px;transition:all .2s ease}.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.filter-buttons{display:flex;gap:8px}.btn-filter-apply{background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 18px;transition:all .2s ease}.btn-filter-apply:hover{background:#0f172a}.btn-filter-reset{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 14px;transition:all .2s ease}.btn-filter-reset:hover{background:#e2e8f0;color:#1e293b}.rekap-packages-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;padding:10px 16px}.pkg-bar-label{color:#64748b;font-size:.78rem;font-weight:700;text-transform:uppercase}.pkg-tags-list{display:flex;flex-wrap:wrap;gap:8px}.pkg-tag-badge{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.8rem;gap:6px;padding:4px 10px}.pkg-tag-badge,.pkg-tag-num{align-items:center;display:flex}.pkg-tag-num{background:#1e293b;border-radius:50%;color:#fff;font-size:.65rem;font-weight:700;height:16px;justify-content:center;width:16px}.pkg-tag-title{color:#1e293b;font-weight:700}.pkg-tag-meta{color:#64748b;font-size:.75rem}.rekap-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 4px #0f172a08;display:flex;flex-direction:column;gap:14px;padding:20px}.table-meta-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.table-meta-text{color:#64748b;font-size:.85rem}.table-meta-text strong{color:#0f172a}.table-page-size-picker{align-items:center;color:#64748b;display:flex;font-size:.82rem;gap:8px}.table-page-size-picker select{border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:.82rem;outline:none;padding:5px 8px}.table-responsive-wrapper{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.rekap-table{border-collapse:collapse;font-size:.88rem;min-width:1040px;width:100%}.rekap-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:.78rem;font-weight:700;letter-spacing:.5px;padding:12px 14px;text-transform:uppercase;white-space:nowrap}.td-center,.th-center{text-align:center}.th-rank{width:60px}.th-student{min-width:200px;text-align:left}.th-school{min-width:180px;text-align:left}.th-major{min-width:160px;text-align:left}.th-session{min-width:120px}.th-mapel{min-width:130px}.th-total-score{min-width:110px}.th-total-duration{min-width:120px}.th-cert{min-width:130px}.th-mapel-wrap{align-items:center;display:flex;flex-direction:column;gap:2px}.mapel-title{color:#1e293b;font-weight:700}.mapel-sub{color:#94a3b8;font-size:.7rem;font-weight:500}.rekap-table td{border-bottom:1px solid #f1f5f9;padding:12px 14px;transition:background-color .15s ease;vertical-align:middle}.rekap-row{cursor:pointer}.rekap-row:hover{background-color:#f8fafc}.rekap-row.top-rank-1{background-color:#fffef2}.rekap-row.top-rank-2{background-color:#f8fafc}.rekap-row.top-rank-3{background-color:#fffaf5}.rekap-row.top-rank-1:hover{background-color:#fefce8}.rekap-row.top-rank-2:hover{background-color:#f1f5f9}.rekap-row.top-rank-3:hover{background-color:#fff7ed}.rank-badge{font-size:.9rem;font-weight:800}.rank-gold{background:#fef08a;border:1px solid #fde047;color:#854d0e}.rank-silver{background:#e2e8f0;border:1px solid #cbd5e1;color:#334155}.rank-bronze{background:#fed7aa;border:1px solid #fdba74;color:#9a3412}.rank-normal{background:#f1f5f9;color:#64748b;font-size:.85rem}.student-info-cell{display:flex;flex-direction:column;gap:4px}.student-name-text{color:#0f172a;font-size:.9rem;font-weight:700}.student-sub-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.no-peserta-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;font-family:monospace;font-size:.72rem;padding:1px 6px}.complete-badge-mini{background:#ecfdf5;color:#059669;font-weight:700}.complete-badge-mini,.incomplete-badge-mini{border-radius:4px;font-size:.7rem;padding:1px 6px}.incomplete-badge-mini{background:#fffbeb;color:#d97706;font-weight:600}.school-cell{display:flex;flex-direction:column;gap:2px}.school-name{color:#334155;font-size:.85rem;font-weight:600}.city-name{color:#94a3b8;font-size:.75rem}.major-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#334155;display:-webkit-box;font-size:.82rem;font-weight:500;max-width:200px;overflow:hidden}.session-cell{align-items:center;display:flex;flex-direction:column;gap:4px}.batch-pill{background:#eff6ff;border-radius:6px;color:#1e40af;font-size:.72rem;font-weight:700;padding:2px 8px}.session-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:.72rem;font-weight:600;padding:1px 6px}.pkg-result-box{align-items:center;display:flex;flex-direction:column;gap:2px}.pkg-score-val{color:#0f172a;font-size:.95rem;font-weight:800}.pkg-duration-val{color:#64748b;font-family:monospace;font-size:.75rem}.pkg-empty-val{color:#cbd5e1;font-size:1.1rem}.total-score-box{align-items:center;display:flex;flex-direction:column;gap:2px}.total-score-val{color:#1e40af;font-size:1.15rem;font-weight:900}.total-score-pct{color:#059669;font-size:.75rem;font-weight:700}.total-dur-box{align-items:center;display:flex;flex-direction:column;gap:2px}.total-dur-main{color:#0f172a;font-family:monospace;font-size:.92rem;font-weight:800}.total-dur-sub{color:#94a3b8;font-size:.72rem}.btn-table-cert{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;font-size:.78rem;font-weight:700;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.btn-table-cert:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.rekap-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.page-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:.82rem;font-weight:600;padding:7px 14px;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#3b82f6;color:#1d4ed8}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-numbers{gap:4px}.page-num-btn,.page-numbers{align-items:center;display:flex}.page-num-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:.82rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.page-num-btn.active{background:#1e293b;border-color:#1e293b;color:#fff}.page-num-btn:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}.page-ellipsis{color:#94a3b8;padding:0 4px}.rekap-empty-state,.rekap-loading-state{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:50px 20px;text-align:center}.rekap-empty-state h3{color:#1e293b;font-size:1.15rem;margin:0}.rekap-empty-state p{color:#64748b;margin:0;max-width:400px}.rekap-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.rekap-modal-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header-info{display:flex;flex-direction:column;gap:4px}.modal-rank-pill{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;font-size:.72rem;font-weight:700;padding:2px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-header h2{color:#0f172a;font-size:1.25rem;margin:0}.modal-sub-id{color:#64748b;font-family:monospace;font-size:.8rem}.btn-close-modal{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;transition:all .2s ease;width:30px}.btn-close-modal:hover{background:#fee2e2;color:#ef4444}.modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.modal-info-grid{grid-gap:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:grid;gap:12px 16px;grid-template-columns:1fr 1fr;padding:14px 16px}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-val{color:#1e293b;font-size:.85rem;font-weight:600}.prodi-val{color:#1e40af}.modal-section-title{color:#0f172a;font-size:.95rem;font-weight:700;margin:0}.modal-packages-list{display:flex;flex-direction:column;gap:8px}.modal-pkg-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:12px 16px}.modal-pkg-card,.pkg-card-left{align-items:center;display:flex}.pkg-card-left{gap:10px}.pkg-index{align-items:center;background:#eff6ff;border-radius:50%;color:#1e40af;display:flex;font-size:.8rem;font-weight:800;height:24px;justify-content:center;width:24px}.pkg-names{display:flex;flex-direction:column}.pkg-title{font-size:.9rem;font-weight:700}.pkg-sub{color:#64748b;font-size:.72rem}.pkg-card-right{gap:16px}.pkg-card-right,.pkg-metric{align-items:center;display:flex}.pkg-metric{flex-direction:column}.metric-lbl{color:#94a3b8;font-size:.7rem;font-weight:600}.metric-score{color:#1e40af;font-size:1.05rem;font-weight:800}.metric-dur{color:#0f172a;font-size:.82rem;font-weight:700}.pkg-not-taken{background:#fee2e2;border-radius:4px;color:#ef4444;font-size:.78rem;font-weight:600;padding:3px 8px}.modal-summary-bar{background:#1e293b;border-radius:10px;color:#fff;justify-content:space-around;padding:12px 18px}.modal-summary-bar,.sum-stat{align-items:center;display:flex}.sum-stat{flex-direction:column;gap:2px}.sum-stat span{color:#94a3b8;font-size:.72rem}.sum-stat strong{color:#38bdf8;font-size:1.1rem}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:14px 24px 20px}.btn-modal-view-cert{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px;transition:all .2s ease}.btn-modal-view-cert:hover{background:#059669}.btn-modal-close{background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px;transition:all .2s ease}.btn-modal-close:hover{background:#0f172a}@media (max-width:768px){.rekap-header-card{padding:18px}.rekap-main-title{font-size:1.3rem}.rekap-header-actions{justify-content:space-between;width:100%}.btn-rekap-export,.btn-rekap-refresh{flex:1 1;justify-content:center}.modal-info-grid{grid-template-columns:1fr}}.cluster-cert-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:10000}.cluster-cert-modal{background:#fff;border-radius:16px;box-shadow:0 25px 60px -15px #00000080;display:flex;flex-direction:column;max-height:92vh;max-width:960px;overflow:hidden;width:100%}.cluster-cert-header-actions{align-items:center;background:#0f172a;border-bottom:1px solid #1e293b;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px}.cert-header-info-box{display:flex;flex-direction:column;gap:4px}.cert-title-badge-header{color:#93c5fd;font-size:.8rem;font-weight:800;letter-spacing:.5px}.cert-reg-badge{color:#e2e8f0;font-family:monospace;font-size:.82rem}.cert-btn-group{align-items:center;display:flex;gap:10px}.btn-cert-download-pdf{background:#10b981;border:1px solid #34d399;border-radius:8px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;padding:8px 18px;transition:all .2s ease}.btn-cert-download-pdf:hover{background:#059669}.btn-cert-close{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-cert-close:hover{background:#fff3}.cluster-cert-paper{background:#fff;overflow-y:auto;padding:24px}.cert-frame-outer{background:#fffefb;border:4px solid #0f172a;padding:5px}.cert-frame-inner{background:#fff;border:2px solid #1e40af;padding:24px 30px 20px;position:relative;text-align:center}.cert-kop-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.cert-kop-logo{flex-shrink:0;height:62px;max-width:85px;object-fit:contain;width:auto}.cert-kop-text{flex:1 1;text-align:center}.kop-univ-name{color:#0f172a;font-size:1.18rem;font-weight:900;letter-spacing:.04em;margin:0 0 2px}.kop-univ-sub{color:#1e40af;font-size:.78rem;font-weight:700;margin:0 0 2px}.kop-univ-address{color:#64748b;font-size:.72rem;line-height:1.3;margin:0}.cert-divider-line{background:linear-gradient(90deg,#1e40af,#0f172a 50%,#1e40af);border-radius:2px;height:2.5px;margin:10px 0 16px;width:100%}.cert-heading-block{margin-bottom:16px}.cert-main-headline{color:#0f172a;font-size:1.85rem;font-weight:900;letter-spacing:.06em;margin:0 0 4px}.cert-sub-headline{color:#1e40af;font-size:.8rem;font-weight:800;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.cert-number-label{color:#64748b;font-family:monospace;font-size:.76rem}.cert-number-label strong{color:#0f172a}.cert-recipient-section{margin-bottom:14px}.cert-recipient-intro{color:#64748b;font-size:.82rem;margin:0 0 4px}.cert-recipient-name{color:#0f172a;font-size:1.55rem;font-weight:900;letter-spacing:.02em;margin:0 0 10px;text-transform:uppercase}.cert-meta-grid{grid-gap:8px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:8px 20px;grid-template-columns:1fr 1.1fr;margin:0 auto;max-width:820px;padding:12px 18px;text-align:left}.cert-meta-col{display:flex;flex-direction:column;gap:6px;text-align:left}.cert-meta-grid .meta-row{align-items:flex-start;display:flex;font-size:.8rem;gap:6px;line-height:1.35;text-align:left}.cert-meta-grid .meta-lbl{color:#64748b;flex-shrink:0;font-weight:600;line-height:1.35;text-align:left;white-space:nowrap}.cert-meta-col:first-child .meta-lbl{min-width:125px;width:125px}.cert-meta-col:last-child .meta-lbl{min-width:150px;width:150px}.cert-meta-grid .meta-val{color:#0f172a;flex:1 1;font-size:.82rem;font-weight:700;line-height:1.35;overflow-wrap:break-word;text-align:left;word-break:normal}.cert-meta-grid .meta-val.highlight-major{color:#1e40af;font-weight:800}.cert-table-section{margin:14px auto;max-width:820px}.cert-subjects-table{border:1px solid #cbd5e1;border-collapse:collapse;font-size:.82rem;width:100%}.cert-subjects-table th{background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;font-size:.74rem;font-weight:800;padding:8px 10px;text-transform:uppercase}.cert-subjects-table td{border:1px solid #e2e8f0;color:#334155;padding:7px 10px}.th-cert-no{text-align:center;width:40px}.th-cert-subject{text-align:left}.th-cert-spec{text-align:center;width:220px}.th-cert-pct,.th-cert-score{text-align:center;width:100px}.td-cert-center{text-align:center}.td-cert-subject-name{color:#0f172a;text-align:left}.td-score-highlight{color:#0f172a;font-weight:800}.cert-table-total-row{background:#f8fafc;border-top:2px solid #cbd5e1}.td-total-label{color:#0f172a;font-size:.78rem;padding-right:12px;text-align:right}.td-total-score-val{color:#1e40af;font-size:.92rem}.td-total-pct-val{color:#059669;font-size:.88rem}.cert-statement-text{color:#475569;font-size:.75rem;line-height:1.4;margin:10px auto;max-width:820px;text-align:center}.cert-signatures-section{display:flex;justify-content:space-between;margin:16px auto 6px;max-width:820px;padding:0 16px}.cert-signature-box{min-width:250px;position:relative;text-align:center;width:280px}.sig-date-city{color:#64748b;font-size:.75rem;margin:0 0 2px}.sig-position{color:#0f172a;font-size:.78rem;font-weight:800;margin:0 0 4px}.sig-stamp-space,.sig-stamp-stage-rektor{align-items:center;display:flex;height:84px;justify-content:center;margin:4px 0 6px;position:relative;width:100%}.sig-img-stempel,.sig-stempel-overlay{height:160px;left:0;max-width:170px;object-fit:contain;opacity:.95;pointer-events:none;position:absolute;top:-36px;width:160px;z-index:1}.sig-img-ttd-rektor,.sig-ttd-rektor-overlay{height:75px;margin-left:30px;max-width:165px;object-fit:contain;position:relative;transform:translateY(2px);width:auto;z-index:2}.sig-stamp-stage-panitia{align-items:center;display:flex;height:84px;justify-content:center;margin:4px 0 6px;position:relative;width:100%}.sig-img-ttd-panitia,.sig-ttd-panitia-img{height:75px;max-width:165px;object-fit:contain;position:relative;transform:translateY(2px);width:auto;z-index:2}.sig-person-name{color:#0f172a;font-size:.84rem;font-weight:800;margin:0;text-decoration:underline}.sig-id-number{color:#64748b;font-size:.72rem}.cert-footer-verification{border-top:1px dashed #cbd5e1;color:#94a3b8;font-size:.68rem;margin-left:auto;margin-right:auto;margin-top:12px;max-width:820px;padding-top:8px}@media screen and (max-width:768px){.cluster-cert-overlay{align-items:flex-start;padding:6px}.cluster-cert-modal{border-radius:12px;max-height:96vh}.cluster-cert-header-actions{gap:8px;padding:12px 14px}.cert-title-badge-header{font-size:.75rem}.cert-reg-badge{font-size:.72rem}.btn-cert-close,.btn-cert-download-pdf{font-size:.78rem;padding:8px 12px}.cluster-cert-paper{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:10px 8px}.cert-frame-outer{min-width:620px}}@media print{@page{size:A4 portrait;margin:4mm 6mm}body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden}.no-print{display:none!important}.cluster-cert-modal,.cluster-cert-overlay{background:#0000!important;display:block!important;margin:0!important;overflow:visible!important;padding:0!important;position:static!important}.cluster-cert-modal{border-radius:0!important;box-shadow:none!important;max-height:none!important;max-width:100%!important;width:100%!important}.cluster-cert-paper,.cluster-cert-paper *{visibility:visible!important}.cluster-cert-paper{box-sizing:border-box!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;top:0!important;width:100%!important}}.admin-reg-container{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding-bottom:40px;width:100%}.admin-reg-loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:14px;justify-content:center;min-height:380px}.admin-reg-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;gap:18px;justify-content:space-between;padding:22px 26px}.admin-reg-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#0158f5;display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.04em;margin-bottom:6px;padding:3px 10px;text-transform:uppercase}.admin-reg-header h1{color:#0f172b;font-size:1.35rem;font-weight:800;line-height:1.25;margin:0 0 4px}.admin-reg-header p{color:#64748b;font-size:.85rem;line-height:1.4;margin:0;max-width:680px}.admin-reg-header-status{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.header-status-label{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-pill{align-items:center;border-radius:8px;display:inline-flex;font-size:.82rem;font-weight:800;justify-content:center;letter-spacing:.03em;padding:6px 14px}.status-pill-open{background:#059669!important;box-shadow:0 2px 8px #05966940;color:#fff!important}.status-pill-closed{background:#dc2626!important;box-shadow:0 2px 8px #dc262640;color:#fff!important}.admin-reg-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.admin-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;gap:4px;padding:16px 20px}.metric-label{color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.metric-val{color:#0f172b;font-size:1.5rem;font-weight:800;line-height:1.2}.metric-sub{color:#94a3b8;font-size:.78rem}.admin-reg-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;gap:22px;padding:24px 28px}.admin-reg-card-header{border-bottom:1px solid #f1f5f9;padding-bottom:14px}.admin-reg-card-header h2{color:#0f172b;font-size:1.1rem;font-weight:800;margin:0 0 4px}.admin-reg-card-header p{color:#64748b;font-size:.85rem;margin:0}.admin-reg-quick-toggle-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px}.quick-toggle-title{color:#334155;display:block;font-size:.8rem;font-weight:800;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.admin-toggle-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:480px}.btn-toggle-status{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:800;padding:11px 18px;text-align:center;transition:all .15s ease}.btn-toggle-status:hover{background:#f8fafc;border-color:#94a3b8}.btn-status-open.is-active{background:#059669!important;border-color:#047857!important;box-shadow:0 2px 8px #0596694d;color:#fff!important}.btn-status-open.is-active,.btn-status-open.is-active *{color:#fff!important}.btn-status-closed.is-active{background:#dc2626!important;border-color:#b91c1c!important;box-shadow:0 2px 8px #dc26264d;color:#fff!important}.btn-status-closed.is-active,.btn-status-closed.is-active *{color:#fff!important}.quick-toggle-note{color:#64748b;font-size:.78rem;line-height:1.4;margin:10px 0 0}.admin-reg-form{display:flex;flex-direction:column;gap:18px}.form-group-checkbox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.checkbox-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#0158f5;cursor:pointer;height:17px;width:17px}.form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.form-grid-2{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#334155;font-size:.85rem;font-weight:700}.form-field input[type=date],.form-field input[type=text],.form-field textarea{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172b;font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:all .15s ease;width:100%}.form-field input[type=date]:focus,.form-field input[type=text]:focus,.form-field textarea:focus{border-color:#0158f5;box-shadow:0 0 0 3px #0158f51f}.form-field textarea{line-height:1.5;min-height:80px;resize:vertical}.field-hint{color:#64748b;font-size:.76rem;line-height:1.35}.form-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;padding-top:10px}.btn-primary-save{background:#0158f5!important;border:none;border-radius:8px;box-shadow:0 2px 8px #0158f540;cursor:pointer;font-size:.9rem;font-weight:800;padding:11px 24px;transition:all .15s ease}.btn-primary-save,.btn-primary-save *{color:#fff!important}.btn-primary-save:hover{background:#0046c7!important;box-shadow:0 4px 12px #0158f559;transform:translateY(-1px)}.btn-primary-save:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn-secondary-reset{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:700;padding:10px 18px;transition:all .15s ease}.btn-secondary-reset:hover{background:#e2e8f0;border-color:#94a3b8;color:#0f172b}.student-cert-container{box-sizing:border-box;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1100px;padding:24px 20px 60px;width:100%}.student-cert-header{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0158f5);border-radius:16px;box-shadow:0 10px 25px -5px #0158f540;color:#fff;margin-bottom:28px;overflow:hidden;padding:32px 28px;position:relative}.student-cert-header:after{background:radial-gradient(circle,#ffffff1f 0,#0000 70%);border-radius:50%;bottom:-50px;content:"";height:220px;pointer-events:none;position:absolute;right:-50px;width:220px}.cert-top-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff59;border-radius:20px;color:#fff!important;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;padding:5px 14px;text-transform:uppercase}.cert-main-title{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.25;margin:0 0 8px}.cert-sub-title{color:#e2e8f0;font-size:14px;line-height:1.5;margin:0;max-width:700px}.cert-locked-card,.cert-success-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;box-sizing:border-box;margin-bottom:30px;padding:32px}.locked-badge-row,.success-badge-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.badge-verified{background:#dcfce7;border:1px solid #bbf7d0;border-radius:30px;color:#166534;font-weight:700}.badge-cluster,.badge-verified{font-size:12px;padding:6px 14px}.badge-cluster{background:#eff6ff;border:1px solid #dbeafe;border-radius:30px;color:#1e40af;font-weight:600}.badge-locked{background:#fee2e2;border:1px solid #fecaca;border-radius:30px;color:#991b1b;font-size:12px;font-weight:700;padding:6px 14px}.badge-progress-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:30px;color:#475569;font-size:12px;font-weight:600;padding:6px 14px}.success-heading{color:#0f172a;font-size:22px;font-weight:800;line-height:1.3;margin:0 0 8px}.success-desc{color:#475569;font-size:14px;line-height:1.6;margin:0 0 24px}.locked-heading{color:#991b1b;font-size:22px;font-weight:800;line-height:1.3;margin:0 0 16px}.cert-summary-grid{grid-gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:20px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-val{color:#0f172a;font-size:15px;font-weight:700;word-break:break-word}.summary-val.highlight-score{color:#0158f5;font-size:18px}.font-mono{font-family:Courier New,Courier,monospace}.cert-subjects-review{margin-bottom:28px}.review-title{color:#334155;font-size:15px;font-weight:700;margin:0 0 14px}.subjects-chips-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.subject-chip-card{background:#fff;border:1.5px solid #bbf7d0;border-radius:12px;box-shadow:0 2px 8px #00000008;padding:16px 18px}.chip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chip-number{background:#ecfdf5;border-radius:6px;color:#059669;padding:2px 8px}.chip-number,.chip-status-tag{font-size:11px;font-weight:700}.chip-status-tag{color:#166534}.chip-subject-title{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 10px}.chip-score-box{align-items:center;border-top:1px dashed #e2e8f0;display:flex;font-size:13px;justify-content:space-between;padding-top:8px}.chip-score-val{color:#475569;font-weight:600}.chip-pct-val{color:#0158f5;font-weight:800}.cert-action-banner{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #bfdbfe;border-radius:14px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px}.action-banner-text{color:#1e3a8a;flex:1 1;font-size:14px;line-height:1.5;min-width:260px}.btn-download-cert-modal{align-items:center;background:#0158f5!important;border:none;border-radius:10px;box-shadow:0 6px 18px #0158f559;cursor:pointer;display:inline-flex;font-size:15px;justify-content:center;min-height:48px;padding:14px 32px;text-decoration:none;transition:all .2s ease}.btn-download-cert-modal,.btn-download-cert-modal span{color:#fff!important;font-weight:700}.btn-download-cert-modal:hover{background:#0046c7!important;box-shadow:0 8px 22px #0158f573;transform:translateY(-2px)}.btn-download-cert-modal:active{transform:translateY(0)}.polite-notice-box{background:#fffbeb;border:1.5px solid #fef3c7;border-left:5px solid #f59e0b;border-radius:10px;margin-bottom:24px;padding:20px 24px}.polite-salutation{color:#92400e;font-size:15px;font-weight:700;margin:0 0 8px}.polite-text{color:#78350f;font-size:14px;line-height:1.6;margin:0 0 12px}.criteria-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.criteria-list li{align-items:flex-start;color:#78350f;display:flex;font-size:13.5px;gap:10px;line-height:1.5}.bullet-icon{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:900;height:18px;justify-content:center;margin-top:2px;width:18px}.cert-checklist-section{margin-bottom:30px}.checklist-heading{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 14px}.checklist-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.checklist-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:16px 18px;transition:all .2s ease}.checklist-card.status-done{background:#f0fdf4;border-color:#86efac}.checklist-card.status-pending{background:#fffdf5;border-color:#fde68a}.chk-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chk-num{color:#64748b;text-transform:uppercase}.chk-badge,.chk-num{font-size:11px;font-weight:700}.chk-badge{border-radius:6px;padding:2px 8px}.chk-badge.badge-done{background:#dcfce7;color:#166534}.chk-badge.badge-pending{background:#fef3c7;color:#92400e}.chk-title{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 6px}.chk-info{color:#64748b;font-size:13px;margin:0}.locked-actions-row{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:24px}.btn-outline-back{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:12px 20px;transition:all .2s ease}.btn-outline-back:hover{background:#f8fafc;border-color:#94a3b8}.btn-primary-catalog{background:#0158f5!important;border:none;border-radius:8px;box-shadow:0 4px 14px #0158f54d;color:#fff!important;cursor:pointer;font-size:14px;font-weight:700;min-height:44px;padding:12px 24px;transition:all .2s ease}.btn-primary-catalog span{color:#fff!important}.btn-primary-catalog:hover{background:#0046c7!important;transform:translateY(-1px)}@media (max-width:768px){.student-cert-container{padding:16px 12px 50px}.student-cert-header{border-radius:14px;margin-bottom:20px;padding:24px 20px}.cert-main-title{font-size:22px}.cert-sub-title{font-size:13px}.cert-locked-card,.cert-success-card{border-radius:14px;padding:22px 18px}.locked-heading,.success-heading{font-size:19px}.cert-summary-grid{gap:12px;grid-template-columns:1fr 1fr;padding:16px}.checklist-grid,.subjects-chips-grid{gap:12px;grid-template-columns:1fr}.cert-action-banner{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.btn-download-cert-modal{font-size:15px;width:100%}.locked-actions-row{align-items:stretch;flex-direction:column}.btn-outline-back,.btn-primary-catalog{text-align:center;width:100%}}@media (max-width:480px){.student-cert-container{padding:12px 8px 40px}.student-cert-header{border-radius:12px;padding:20px 16px}.cert-top-badge{font-size:10px;padding:4px 10px}.cert-main-title{font-size:19px}.cert-summary-grid{gap:10px;grid-template-columns:1fr;padding:14px}.cert-locked-card,.cert-success-card{border-radius:12px;padding:18px 14px}.polite-notice-box{padding:16px 14px}.criteria-list li{font-size:12.5px}}.result-page-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1000px}.result-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.result-header-actions{display:flex;gap:12px}.result-tabs-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;gap:8px;padding:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.result-tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:.925rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .15s ease}.result-tab-btn:hover{background:#f8fafc;color:#0f172a}.result-tab-btn.active{background:#1e3a8a!important;box-shadow:0 2px 8px #1e3a8a40;color:#fff!important}.result-tab-btn.active *{color:#fff!important}.result-tab-content{width:100%}.result-stats-wrapper{display:flex;flex-direction:column;gap:24px}.stats-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 16px #0f172a0a;padding:28px}.chart-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.chart-header,.chart-header-title{align-items:center;display:flex;gap:8px}.chart-header-title h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.chart-icon{color:#1e3a8a}.chart-hint{color:#64748b;font-size:.85rem}.chart-canvas-box{height:320px;width:100%}.stats-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat-metric-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px #0f172a08;display:flex;gap:14px;padding:18px}.stat-metric-card.highlight-card{background:#eff6ff;border-color:#bfdbfe}.stat-metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-metric-body{display:flex;flex-direction:column}.stat-metric-label{color:#64748b;font-size:.8rem;font-weight:600}.stat-metric-num{color:#0f172a;font-size:1.35rem;font-weight:800}.highlight-card .stat-metric-num{color:#1e3a8a}.leaderboard-wrapper{display:flex;flex-direction:column;gap:28px}.podium-container{align-items:flex-end;display:flex;gap:16px;justify-content:center;margin-bottom:8px;padding:32px 16px 0}.podium-card{flex-direction:column;position:relative;text-align:center;width:140px}.podium-avatar,.podium-card{align-items:center;display:flex}.podium-avatar{background:#e2e8f0;border:3px solid #cbd5e1;border-radius:50%;color:#0f172a;font-size:1.2rem;font-weight:800;height:52px;justify-content:center;margin-bottom:8px;width:52px}.gold-avatar{background:#fef3c7;border-color:#f59e0b;color:#b45309;height:64px;width:64px}.podium-medal{margin-bottom:6px}.medal-gold{color:#f59e0b}.medal-silver{color:#94a3b8}.medal-bronze{color:#d97706}.podium-username{color:#0f172a;font-size:.95rem;margin-bottom:2px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{color:#64748b;font-size:.85rem;font-weight:700;margin-bottom:12px}.gold-score{color:#b45309}.podium-stand{align-items:center;border-radius:12px 12px 0 0;color:#fff;display:flex;font-size:1.25rem;font-weight:800;justify-content:center;width:100%}.stand-gold{background:linear-gradient(180deg,#f59e0b,#d97706);height:100px}.stand-silver{background:linear-gradient(180deg,#94a3b8,#64748b);height:75px}.stand-bronze{background:linear-gradient(180deg,#d97706,#92400e);height:55px}.leaderboard-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0f172a0a;padding:24px}.table-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.table-header-controls h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0}.table-search-box{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;display:flex;gap:8px;min-width:240px;padding:8px 14px}.table-search-box input{background:#0000;border:none;color:#0f172a;font-size:.875rem;outline:none;width:100%}.table-responsive{overflow-x:auto}.modern-table{border-collapse:collapse;text-align:left;width:100%}.modern-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:12px 16px;text-transform:uppercase}.modern-table td{border-bottom:1px solid #f1f5f9;font-size:.925rem;padding:14px 16px}.modern-table tr:hover{background:#f8fafc}.rank-badge{align-items:center;background:#f1f5f9;border-radius:8px;color:#475569;display:inline-flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.rank-1-badge{background:#fef3c7;color:#b45309}.rank-2-badge{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.rank-3-badge{background:#ffedd5;color:#c2410c}.participant-cell{align-items:center;display:flex;gap:10px}.participant-avatar{align-items:center;background:#eff6ff;border-radius:8px;color:#1e3a8a;display:flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.participant-name{color:#0f172a;font-weight:600}.score-cell-value{color:#1e3a8a;font-size:.95rem;font-weight:700}.empty-leaderboard{color:#64748b;padding:32px;text-align:center}.table-pagination{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.pagination-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#64748b;font-size:.875rem}.quiz-review-wrapper{display:flex;flex-direction:column;gap:20px}.review-summary-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:20px 24px}.review-summary-stat{display:flex;flex-direction:column;gap:4px}.review-summary-stat .stat-label{color:#64748b;font-size:.85rem;font-weight:500}.review-summary-stat .stat-value{color:#0f172a;font-size:1.5rem;font-weight:800}.review-questions-list{display:flex;flex-direction:column;gap:16px}.review-question-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;padding:24px}.review-question-card.card-correct{border-color:#a7f3d0}.review-question-card.card-incorrect{border-color:#fecaca}.review-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.review-q-number{color:#475569;display:flex;font-size:.875rem}.review-badge,.review-q-number{align-items:center;font-weight:700;gap:6px}.review-badge{border-radius:9999px;display:inline-flex;font-size:.8rem;padding:4px 12px}.badge-correct{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.badge-incorrect{background:#0158f514;border:1px solid #fecaca;color:#991b1b}.review-question-text{color:#1e293b;font-size:1.025rem;font-weight:600;line-height:1.65;margin:0 0 16px}.review-options-list{display:flex;flex-direction:column;gap:8px}.review-opt-row{align-items:center;border:1px solid #e2e8f0;border-radius:10px;display:flex;font-size:.925rem;gap:12px;padding:12px 16px}.opt-neutral{background:#f8fafc;color:#475569}.opt-correct-answer{background:#ecfdf5;border-color:#10b981;color:#065f46;font-weight:600}.opt-wrong-pick{background:#0158f514;border-color:#0158f5;color:#991b1b;font-weight:600}.opt-letter-tag{font-size:.85rem;font-weight:700;width:16px}.opt-text-val{flex:1 1}.user-choice-indicator{background:#0000000f}.correct-answer-indicator,.user-choice-indicator{border-radius:6px;font-size:.775rem;font-weight:700;padding:2px 8px}.correct-answer-indicator{background:#d1fae5;color:#059669}.review-empty-box{background:#fff;border-radius:16px;color:#64748b;padding:36px;text-align:center}.review-question-img-container{display:flex;justify-content:flex-start;margin:10px 0 16px}.review-question-img-wrapper{align-items:stretch;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 2px 8px #0f172a0a;cursor:pointer;display:inline-flex;flex-direction:column;max-width:100%;overflow:hidden;position:relative;transition:all .2s ease}.review-question-img-wrapper:hover{border-color:#0158f5;box-shadow:0 4px 16px #0158f526;transform:translateY(-1px)}.review-question-img{display:block;margin:0 auto;max-height:280px;max-width:100%;object-fit:contain;padding:8px 12px}.review-img-zoom-badge{background:#f1f5f9;border-radius:0;border-top:1px solid #e2e8f0;color:#475569!important;font-size:.75rem;font-weight:700;padding:6px 12px;pointer-events:none;position:static;text-align:center;transition:all .2s ease;width:100%}.review-img-zoom-badge *,.review-img-zoom-badge span{color:#475569!important;transition:color .2s ease}.review-question-img-wrapper:hover .review-img-zoom-badge{background:#0158f5}.review-question-img-wrapper:hover .review-img-zoom-badge *,.review-question-img-wrapper:hover .review-img-zoom-badge span{color:#fff!important}.test-error-wrapper,.test-instruction-screen,.test-taken-screen{align-items:center;background-color:#f8fafc;display:flex;font-family:inherit;justify-content:center;min-height:100vh;padding:32px 20px}.instruction-card,.taken-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px -5px #0f172b0d,0 4px 6px -2px #0f172b05;display:flex;flex-direction:column;gap:24px;max-width:760px;padding:40px;width:100%}.taken-card{align-items:center;max-width:580px;text-align:center}.taken-card h2{color:#0f172b;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0}.taken-quiz-title{color:#0158f5;font-size:1.15rem;font-weight:700;margin:0}.taken-desc{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.taken-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.instruction-header{display:flex;flex-direction:column;gap:12px}.back-link-btn{align-items:center;align-self:flex-start;background:#0000;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:6px;padding:0;transition:color .15s ease}.back-link-btn:hover,.inst-tag{color:#0158f5}.inst-tag{align-self:flex-start;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;font-size:.75rem;font-weight:800;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.instruction-header h1{color:#0f172b;font-size:1.85rem;font-weight:900;letter-spacing:-.02em;line-height:1.25;margin:0}.instruction-meta-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.instruction-meta-chips span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:.85rem;font-weight:600;padding:6px 14px}.instruction-meta-chips span strong{color:#0f172b;font-weight:800}.instruction-meta-chips .chip-schedule-highlight{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.instruction-meta-chips .chip-schedule-highlight strong{color:#0158f5}.sched-alert-box{border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:24px}.sched-alert-box.upcoming-alert{background:#fef3c7;border:1.5px solid #fde68a}.sched-alert-box.closed-alert{background:#f1f5f9;border:1.5px solid #cbd5e1}.sched-alert-box.admin-preview-alert{background:#eff6ff;border:1.5px solid #bfdbfe}.sched-alert-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.sched-status-badge{background:#d97706;border-radius:6px;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.sched-status-badge.closed-badge{background:#64748b}.sched-status-badge.admin-badge{background:#0158f5}.sched-live-countdown{color:#92400e;font-size:.85rem;font-weight:600}.sched-live-countdown strong{color:#78350f;font-family:SFMono-Regular,Consolas,monospace;font-weight:800}.sched-alert-title{color:#78350f;font-size:1.2rem;font-weight:800;margin:0}.closed-alert .sched-alert-title{color:#1e293b}.sched-alert-desc{color:#92400e;font-size:.925rem;line-height:1.55;margin:0}.closed-alert .sched-alert-desc{color:#475569}.admin-preview-alert .sched-alert-desc{color:#1e40af}.sched-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1.2fr 1fr 1fr;margin-top:4px}@media (max-width:640px){.sched-details-grid{grid-template-columns:1fr}}.sched-detail-card{background:#fff;border:1px solid #fcd34d;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 14px}.sched-card-label{color:#b45309;font-size:.725rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.sched-card-val{color:#78350f;font-size:.95rem;font-weight:800}.instruction-rules-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.instruction-rules-box h3{color:#0f172b;font-size:1rem;font-weight:800;margin:0 0 12px}.instruction-rules-box ul{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:20px}.instruction-rules-box li{color:#475569;font-size:.9rem;line-height:1.55}.btn-start-test{background:#0158f5;border:none;border-radius:12px;box-shadow:0 4px 12px #0158f533;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:800;padding:14px;transition:all .15s ease;width:100%}.btn-start-test:hover:not(:disabled){background:#0047cb;transform:translateY(-1px)}.btn-start-test span{color:#fff!important}.btn-start-test.btn-test-disabled{background:#e2e8f0!important;border:1px solid #cbd5e1;box-shadow:none;color:#94a3b8!important;cursor:not-allowed}.btn-start-test.btn-test-disabled span{color:#94a3b8!important}.test-error-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #0f172b0d;display:flex;flex-direction:column;gap:16px;max-width:520px;padding:40px 36px;text-align:center;width:100%}.test-error-badge{background:#eff6ff;border-radius:6px;color:#0158f5;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.test-error-title{color:#0f172b;font-size:1.5rem;font-weight:800;margin:0}.test-error-desc{color:#475569;font-size:.925rem;line-height:1.55;margin:0}.test-error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.quiz-player-container{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.quiz-player-topbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172b08;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:12px 28px}.topbar-left{display:flex;flex-direction:column;gap:2px}.quiz-name-label{color:#0f172b;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosave-status{color:#059669;font-size:.75rem;font-weight:600;gap:5px}.autosave-status,.countdown-box,.topbar-center{align-items:center;display:flex}.countdown-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;gap:8px;padding:6px 16px;transition:all .2s ease}.countdown-label{color:#475569;font-size:.775rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.countdown-text{color:#0158f5;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1.2rem;font-weight:800}.countdown-box.time-warning{background:#fffbeb;border-color:#fcd34d}.countdown-box.time-warning .countdown-label,.countdown-box.time-warning .countdown-text{color:#b45309}.countdown-box.time-critical{background:#fef2f2;border-color:#fca5a5}.countdown-box.time-critical .countdown-label,.countdown-box.time-critical .countdown-text{color:#dc2626}.topbar-right{align-items:center;display:flex}.btn-submit-quiz{align-items:center;background:#0158f5!important;border:none!important;border-radius:9px!important;box-shadow:0 2px 8px #0158f533;cursor:pointer;display:inline-flex;font-size:.9rem!important;justify-content:center;padding:9px 20px!important;text-decoration:none;transition:all .15s ease}.btn-submit-quiz,.btn-submit-quiz span{color:#fff!important;font-weight:800!important}.btn-submit-quiz:hover:not(:disabled){background:#0046c7!important;box-shadow:0 4px 12px #0158f54d;color:#fff!important;transform:translateY(-1px)}.btn-submit-quiz:disabled{cursor:not-allowed;opacity:.6;transform:none}.quiz-progress-track{background:#e2e8f0;height:3px;width:100%}.quiz-progress-fill{background:#0158f5;height:100%;transition:width .3s ease}.quiz-player-body{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 300px;margin:0 auto;max-width:1400px;padding:28px;width:100%}.cluster-timeline-stepper,.question-play-main{display:flex;flex-direction:column}.cluster-timeline-stepper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172b05;gap:10px;margin-bottom:16px;padding:14px 20px}.timeline-stepper-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.timeline-cluster-label{color:#334155;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.timeline-progress-counter{background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#0158f5;font-size:.8rem;font-weight:800;padding:3px 10px}.timeline-steps-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:10px}.timeline-step-item{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;display:flex;flex:1 1;gap:10px;min-width:170px;padding:8px 12px;transition:all .15s ease}.timeline-step-item.upcoming{background:#f8fafc;border-color:#e2e8f0;opacity:.8}.timeline-step-item.current{background:#eff6ff;border-color:#0158f5;box-shadow:0 2px 6px #0158f514;opacity:1}.timeline-step-item.completed{background:#f0fdf4;border-color:#86efac;opacity:1}.step-number-badge{align-items:center;background:#e2e8f0;border-radius:50%;color:#475569;display:flex;flex-shrink:0;font-size:.8rem;font-weight:800;height:26px;justify-content:center;width:26px}.timeline-step-item.current .step-number-badge{background:#0158f5;color:#fff}.timeline-step-item.completed .step-number-badge{background:#16a34a;color:#fff}.step-text-wrapper{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.step-pkg-name{color:#0f172b;font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-step-item.completed .step-pkg-name{color:#166534}.timeline-step-item.upcoming .step-pkg-name{color:#64748b}.step-pkg-state{color:#64748b;font-size:.675rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.timeline-step-item.current .step-pkg-state{color:#0158f5}.timeline-step-item.completed .step-pkg-state{color:#15803d}.question-card-container{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 16px #0f172b08;display:flex;flex-direction:column;gap:22px;padding:32px}.question-card-header{align-items:center;display:flex;justify-content:space-between}.current-q-pill{background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;color:#0158f5;font-size:.85rem;font-weight:800;padding:5px 12px}.answered-status-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;font-size:.825rem;font-weight:700;padding:4px 10px}.answered-status-text.is-answered{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.question-text-prompt{color:#1e293b;font-size:1.025rem;font-weight:600;letter-spacing:normal;line-height:1.65;margin:0}.options-play-list{display:flex;flex-direction:column;gap:10px}.option-play-card{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 18px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.option-play-card:hover{background:#f8fafc;border-color:#93c5fd}.option-play-card.option-selected{background:#eff6ff;border-color:#0158f5;box-shadow:0 2px 8px #0158f51f}.option-badge-letter{align-items:center;background:#f1f5f9;border-radius:8px;color:#334155;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:32px;justify-content:center;transition:all .15s ease;width:32px}.option-selected .option-badge-letter{background:#0158f5;color:#fff}.option-text-content{color:#1e293b;font-size:.975rem;font-weight:600;line-height:1.45}.option-selected .option-text-content{color:#0f172b;font-weight:700}.question-nav-actions{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;margin-top:8px;padding-top:20px}.btn-nav-next,.btn-nav-prev{background:#fff;border:1.5px solid #cbd5e1;border-radius:9px;color:#334155;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 18px;transition:all .15s ease}.btn-nav-next:hover,.btn-nav-prev:hover:not(:disabled){background:#eff6ff;border-color:#0158f5;color:#0158f5}.btn-nav-prev:disabled{cursor:not-allowed;opacity:.4}.btn-nav-finish{background:#0158f5!important;border:none!important;border-radius:9px;box-shadow:0 2px 8px #0158f533;color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:800;padding:10px 22px;transition:all .15s ease}.btn-nav-finish:hover{background:#0046c7!important;color:#fff!important;transform:translateY(-1px)}.grid-sidebar-card,.question-grid-sidebar{display:flex;flex-direction:column}.grid-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 16px #0f172b08;gap:16px;padding:22px;position:-webkit-sticky;position:sticky;top:90px}.grid-sidebar-title{color:#0f172b;font-size:1.05rem;font-weight:800;margin:0}.grid-stats-summary{color:#475569;display:flex;flex-direction:column;font-size:.85rem;gap:8px}.grid-stats-summary strong{color:#0158f5;font-weight:800}.grid-legend{display:flex;gap:14px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:.775rem;font-weight:700;gap:6px}.legend-dot{border-radius:3px;height:9px;width:9px}.legend-dot.answered{background:#0158f5}.legend-dot.unanswered{background:#f1f5f9;border:1px solid #cbd5e1}.navigator-number-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin:-8px;max-height:380px;overflow-y:auto;padding:8px}.navigator-number-grid::-webkit-scrollbar{width:5px}.navigator-number-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.nav-number-btn{align-items:center;aspect-ratio:1;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:800;justify-content:center;outline:none;position:relative;transition:all .15s ease}.nav-number-btn:focus{outline:none}.nav-number-btn.btn-unanswered{background:#f8fafc;border-color:#cbd5e1;color:#475569}.nav-number-btn.btn-unanswered:hover{background:#eff6ff;border-color:#0158f5;color:#0158f5}.nav-number-btn.btn-answered{background:#0158f5;border-color:#0158f5;color:#fff}.nav-number-btn.btn-current{border-color:#0158f5!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #0158f5;position:relative;z-index:3}.nav-number-btn.btn-current.btn-unanswered{background:#fff;color:#0158f5;font-weight:900}.submit-test-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172b99;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.submit-test-modal-card{animation:cardSlideUp .22s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 45px -10px #0f172b33;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;position:relative;width:100%}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.submit-modal-close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:20px;top:18px;transition:all .15s ease;width:30px;z-index:5}.submit-modal-close-btn:hover:not(:disabled){background:#e2e8f0;color:#0f172b}.submit-modal-header{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding:24px 28px 16px}.submit-modal-tag{color:#0158f5;font-size:.725rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.submit-modal-title{color:#0f172b;font-size:1.4rem;font-weight:900;letter-spacing:-.01em;margin:0}.submit-status-banner{align-items:center;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.submit-status-banner.complete{background:#f0fdf4;border:1px solid #bbf7d0}.submit-status-banner.complete .status-banner-text strong{color:#166534}.submit-status-banner.complete .status-banner-text p{color:#15803d}.submit-status-banner.incomplete{background:#fffbeb;border:1px solid #fde68a}.submit-status-banner.incomplete .status-banner-text strong{color:#92400e}.submit-status-banner.incomplete .status-banner-text p{color:#b45309}.status-banner-text{display:flex;flex-direction:column;gap:2px}.status-banner-text strong{font-size:.875rem;font-weight:800}.status-banner-text p{font-size:.8rem;line-height:1.4;margin:0}.submit-modal-intro{color:#475569;font-size:.875rem;line-height:1.5;margin:0}.next-package-guide-box{background:#f8fafc;border:1.5px solid #dbeafe;border-left:5px solid #0158f5;border-radius:12px;display:flex;flex-direction:column;gap:6px;margin:16px 28px 4px;padding:16px 20px}.next-pkg-label{color:#0158f5;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.next-pkg-title{color:#0f172b;font-size:1.15rem;font-weight:800;line-height:1.35;margin:0}.next-pkg-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.next-meta-pill{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;font-size:.775rem;font-weight:700;padding:4px 10px}.submit-modal-prodi-section{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:18px 28px}.prodi-section-heading{display:flex;flex-direction:column;gap:3px}.prodi-section-label{color:#0f172b;font-size:.95rem;font-weight:800}.prodi-section-sublabel{color:#64748b;font-size:.825rem;line-height:1.4}.prodi-radio-list-scroll{display:flex;flex-direction:column;gap:14px;max-height:290px;overflow-y:auto;padding-right:6px}.prodi-radio-list-scroll::-webkit-scrollbar{width:5px}.prodi-radio-list-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.prodi-faculty-group{display:flex;flex-direction:column;gap:8px}.prodi-faculty-header{align-items:center;border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;padding:2px 0 4px}.prodi-faculty-name{color:#334155;font-size:.775rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.prodi-faculty-badge{background:#e2e8f0;border-radius:5px;color:#475569;font-size:.675rem;font-weight:800;padding:2px 7px}.prodi-options-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.prodi-radio-card{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.prodi-radio-card:hover{background:#f0f7ff;border-color:#93c5fd}.prodi-radio-card.selected{background:#eff6ff;border-color:#0158f5;box-shadow:0 2px 8px #0158f51a}.prodi-radio-native{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.prodi-radio-indicator{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s ease;width:18px}.prodi-radio-card.selected .prodi-radio-indicator{background:#0158f5;border-color:#0158f5}.prodi-radio-dot{background:#fff;border-radius:50%;display:none;height:6px;width:6px}.prodi-radio-card.selected .prodi-radio-dot{display:block}.prodi-radio-content{display:flex;flex-direction:column;gap:1px}.prodi-prog-title{color:#0f172b;font-size:.85rem;font-weight:700}.prodi-radio-card.selected .prodi-prog-title{color:#0158f5}.prodi-faculty-sub{color:#64748b;font-size:.725rem}.submit-modal-actions{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding:16px 28px 20px}.btn-modal-back{background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:9px;color:#334155;cursor:pointer;font-size:.875rem;font-weight:700;padding:10px 20px;transition:all .15s ease}.btn-modal-back:hover:not(:disabled){background:#e2e8f0;color:#0f172b}.btn-modal-final-submit{background:#0158f5!important;border:none!important;border-radius:9px!important;box-shadow:0 4px 12px #0158f540;color:#fff!important;cursor:pointer;font-size:.925rem!important;font-weight:800!important;padding:11px 24px!important;transition:all .15s ease}.btn-modal-final-submit:hover:not(:disabled){background:#0047cb!important;color:#fff!important;transform:translateY(-1px)}.btn-modal-back:disabled,.btn-modal-final-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:900px){.quiz-player-body{grid-template-columns:1fr;padding:20px 16px}.grid-sidebar-card{position:static}}@media (max-width:640px){.topbar-inner{flex-wrap:wrap;padding:10px 16px}.quiz-name-label{font-size:.95rem;max-width:240px}.question-card-container{padding:20px 16px}.submit-modal-actions,.submit-modal-header,.submit-modal-prodi-section{padding-left:18px;padding-right:18px}.prodi-options-grid{grid-template-columns:1fr}.submit-modal-actions{flex-direction:column-reverse;gap:10px}.btn-modal-back,.btn-modal-final-submit{text-align:center;width:100%}}.question-illustration-container{align-items:center;display:flex;justify-content:center;margin:10px 0 16px;width:100%}.question-illustration-wrapper{align-items:stretch;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 2px 10px #0f172a0a;cursor:pointer;display:inline-flex;flex-direction:column;max-width:100%;overflow:hidden;position:relative;transition:all .2s ease}.question-illustration-wrapper:hover{border-color:#0158f5;box-shadow:0 6px 18px #0158f526;transform:translateY(-1px)}.question-illustration-img{display:block;height:auto;margin:0 auto;max-height:360px;max-width:100%;object-fit:contain;padding:8px 12px;width:auto}.illustration-zoom-badge{background:#f1f5f9;border-radius:0;border-top:1px solid #e2e8f0;color:#475569!important;font-size:.75rem;font-weight:700;padding:6px 12px;pointer-events:none;position:static;text-align:center;transition:all .2s ease;width:100%}.illustration-zoom-badge *,.illustration-zoom-badge span{color:#475569!important;transition:color .2s ease}.question-illustration-wrapper:hover .illustration-zoom-badge{background:#0158f5}.question-illustration-wrapper:hover .illustration-zoom-badge *,.question-illustration-wrapper:hover .illustration-zoom-badge span{color:#fff!important}.about-page-wrapper{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.about-main-content{gap:56px;margin:0 auto;max-width:1100px;padding:120px 24px 80px;width:100%}.about-hero,.about-main-content{display:flex;flex-direction:column}.about-hero{align-items:center;gap:16px;text-align:center}.about-badge{align-items:center;background:#0158f514;border:1.5px solid #cbd5e1;border-radius:9999px;color:#0158f5;display:inline-flex;font-size:.85rem;font-weight:800;letter-spacing:.04em;padding:6px 18px}.about-title{color:#0f172b;font-size:2.85rem;font-weight:900;margin:0}.about-subtitle{color:#475569;font-size:1.1rem;line-height:1.6;margin:0;max-width:750px}.about-values-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.value-card{background:#fff;border:2px solid #cbd5e1;border-radius:16px;box-shadow:0 4px 12px #0f172b08;display:flex;flex-direction:column;gap:10px;padding:28px 24px}.value-card.highlight-card{background:#fffdfd;border-color:#0158f5}.card-num{color:#0158f5;font-size:1.25rem;font-weight:900}.value-card h3{color:#0f172b;font-size:1.2rem;font-weight:900;margin:0}.value-card p{color:#475569;font-size:.925rem;line-height:1.5;margin:0}.faq-section{background:#fff;border:2px solid #cbd5e1;border-radius:20px;gap:28px;padding:40px}.faq-header-box,.faq-section{display:flex;flex-direction:column}.faq-header-box{gap:10px}.faq-header-box h2{color:#0f172b;font-size:1.85rem;font-weight:900;margin:0}.faq-header-box p{color:#475569;font-size:.95rem;margin:0}.faq-search-input input{border:1.5px solid #cbd5e1;border-radius:10px;color:#0f172b;font-size:.95rem;max-width:450px;outline:none;padding:12px 16px;width:100%}.faq-search-input input:focus{border-color:#0158f5;box-shadow:0 0 0 3px #0158f51a}.faq-accordion-list{display:flex;flex-direction:column;gap:12px}.faq-item{border:1.5px solid #cbd5e1;border-radius:12px;overflow:hidden}.faq-item.open{border-color:#0158f5}.faq-question-btn{align-items:center;background:#fff;border:none;color:#0f172b;cursor:pointer;display:flex;font-size:1.05rem;font-weight:800;justify-content:space-between;padding:16px 20px;text-align:left;width:100%}.faq-toggle-sign{color:#0158f5;font-size:1.4rem;font-weight:900}.faq-answer-content{background:#fff;padding:0 20px 18px}.faq-answer-content p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.about-bottom-cta{align-items:center;background:#0f172b;border-radius:20px;border-top:6px solid #0158f5;color:#fff;display:flex;flex-direction:column;gap:16px;padding:44px 32px;text-align:center}.about-bottom-cta h2{color:#fff!important;font-size:2rem;font-weight:900;margin:0}.about-bottom-cta p{color:#cbd5e1!important;font-size:1rem;margin:0}.tka-page-wrap{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px}.tka-header-banner{align-items:center;background:#0f172b;border-radius:20px;border-top:6px solid #0158f5;box-shadow:0 4px 16px #0f172a14;color:#fff;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;overflow:hidden;padding:32px 36px;position:relative}.banner-content{display:flex;flex-direction:column;gap:10px;max-width:760px}.banner-tag{color:#60a5fa;font-size:.8rem;font-weight:800;letter-spacing:.06em}.banner-content h1{color:#fff;font-size:2rem;font-weight:900;line-height:1.25;margin:0}.banner-content p{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin:0}.tka-banner-admin-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}.tka-btn-create{align-items:center;background:#0158f5!important;border:none;border-radius:10px;box-shadow:0 4px 12px #0158f54d;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:6px;justify-content:center;padding:12px 20px;transition:all .15s ease}.tka-btn-create,.tka-btn-create *,.tka-btn-create span{color:#fff!important}.tka-btn-create:hover{background:#0047cc!important;box-shadow:0 6px 16px #0158f566;color:#fff!important;transform:translateY(-2px)}.tka-btn-bank{align-items:center;background:#1e3a8a!important;border:1px solid #ffffff59;border-radius:10px;box-shadow:0 2px 8px #00000040;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:6px;justify-content:center;padding:11px 18px;transition:all .15s ease}.tka-btn-bank,.tka-btn-bank *,.tka-btn-bank span,.tka-btn-bank:hover{color:#fff!important}.tka-btn-bank:hover{background:#172554!important;border-color:#fff9;transform:translateY(-2px)}.tka-controls-bar{display:flex;flex-direction:column;gap:16px}.tka-search-box input{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 2px 4px #0f172a05;color:#0f172a;font-size:.95rem;outline:none;padding:12px 18px;transition:all .15s ease;width:100%}.tka-search-box input:focus{border-color:#0158f5;box-shadow:0 0 0 3px #0158f526}.category-filter-bar{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:700;padding:9px 18px;transition:all .15s ease}.filter-btn:hover{border-color:#0f172b;color:#0f172b}.filter-btn.active{background:#1e3a8a!important;border-color:#1e3a8a;box-shadow:0 3px 8px #1e3a8a40;color:#fff!important}.tka-summary-badge{color:#64748b;font-size:.85rem;padding:2px 4px}.tka-summary-badge strong{color:#0f172a}.packages-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tka-pkg-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;display:flex;flex-direction:column;padding:24px;transition:all .2s ease}.tka-pkg-card:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f61a;transform:translateY(-3px)}.pkg-card-top{justify-content:space-between;margin-bottom:12px}.pkg-badges-left,.pkg-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pkg-partner-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#0158f5;font-size:.75rem;font-weight:700;padding:3px 8px}.pkg-step-badge{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.pkg-schedule-pill,.pkg-step-badge{border-radius:6px;font-size:.725rem;font-weight:800;padding:3px 8px}.pkg-schedule-pill{align-items:center;display:inline-flex;gap:4px}.pkg-sched-upcoming{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.pkg-sched-active{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.pkg-sched-closed{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.pkg-sched-open{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.pkg-free-tag{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#059669;font-size:.725rem;font-weight:800;padding:3px 7px}.pkg-title{color:#0f172a;cursor:pointer;font-size:1.2rem;font-weight:800;line-height:1.35;margin:0 0 10px;transition:color .15s ease}.pkg-title:hover{color:#0158f5}.pkg-desc{color:#475569;flex:1 1;font-size:.875rem;line-height:1.5;margin:0 0 16px}.pkg-meta-grid{grid-gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:12px 14px}.meta-item{display:flex;flex-direction:column}.meta-item-full{border-top:1px dashed #e2e8f0;grid-column:1/-1;margin-top:2px;padding-top:6px}.meta-label{color:#64748b;font-size:.725rem;font-weight:600}.meta-val{color:#0f172a;font-size:.9rem;font-weight:800}.meta-sched-val{color:#0158f5;font-size:.85rem;font-weight:800}.btn-upcoming-sched{background:#0158f5!important;color:#fff!important}.btn-closed-sched{background:#f8fafc!important;border-color:#cbd5e1!important;color:#94a3b8!important;cursor:not-allowed}.pkg-admin-actions-grid{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px}.pkg-admin-row{display:flex;gap:8px}.tka-btn-edit{align-items:center;background:#1e3a8a!important;border:none;border-radius:8px;box-shadow:0 2px 4px #1e3a8a40;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:700;gap:4px;justify-content:center;padding:9px 12px;transition:all .15s ease}.tka-btn-edit,.tka-btn-edit *,.tka-btn-edit span,.tka-btn-edit:hover{color:#fff!important}.tka-btn-edit:hover{background:#172554!important;box-shadow:0 4px 8px #1e3a8a59}.tka-btn-detail{align-items:center;background:#eff6ff!important;border:1px solid #bfdbfe;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:700;gap:4px;justify-content:center;padding:9px 12px;transition:all .15s ease}.tka-btn-detail,.tka-btn-detail *,.tka-btn-detail span{color:#1e3a8a!important}.tka-btn-detail:hover{background:#dbeafe!important;color:#172554!important}.tka-btn-stats{align-items:center;background:#f0fdf4!important;border:1px solid #bbf7d0;border-radius:8px;cursor:pointer;display:flex;flex:2 1;font-size:.85rem;font-weight:700;gap:4px;justify-content:center;padding:9px 12px;transition:all .15s ease}.tka-btn-stats,.tka-btn-stats *,.tka-btn-stats span{color:#166534!important}.tka-btn-stats:hover{background:#dcfce7!important;color:#14532d!important}.tka-btn-delete{align-items:center;background:#fef2f2!important;border:1px solid #fecaca;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:700;gap:4px;justify-content:center;padding:9px 12px;transition:all .15s ease}.tka-btn-delete,.tka-btn-delete *,.tka-btn-delete span{color:#dc2626!important}.tka-btn-delete:hover{background:#fee2e2!important;color:#b91c1c!important}.pkg-footer-action{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:12px}.start-pkg-btn{border-radius:10px;font-size:.925rem;font-weight:700;padding:11px 16px;width:100%}.pkg-taken-wrapper{display:flex;flex-direction:column;gap:8px}.pkg-taken-status{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:.825rem;font-weight:600;padding:6px 10px;text-align:center}.tka-view-result-btn{border-radius:8px;font-size:.875rem;font-weight:600;padding:9px 14px;width:100%}.empty-packages-box{background:#fff;border:2px dashed #cbd5e1;border-radius:16px;grid-column:1/-1;padding:48px 24px;text-align:center}.empty-packages-box h3{color:#0f172b;font-size:1.25rem;font-weight:800;margin:0 0 8px}.empty-packages-box p{color:#64748b;margin:0}.live-chat-root{bottom:24px;font-family:inherit;position:fixed;right:24px;z-index:9999}.live-chat-fab{align-items:center;background:#0f172b;border:2.5px solid #ffffff40;border-radius:50%;box-shadow:0 10px 25px #0f172a59;color:#fff!important;cursor:pointer;display:flex;height:58px;justify-content:center;outline:none;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:58px}.live-chat-fab:hover{background:#0158f5;box-shadow:0 12px 30px #0158f573;transform:scale(1.08)}.live-chat-fab.active{background:#1e293b;transform:rotate(90deg)}.live-chat-fab-icon{fill:#fff;height:26px;width:26px}.live-chat-fab-icon-close{color:#fff!important;font-size:1.4rem;font-weight:800;line-height:1}.live-chat-unread-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:800;height:20px;justify-content:center;position:absolute;right:-2px;top:-2px;width:20px}.live-chat-window{animation:slideUpFade .3s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border-radius:20px;bottom:96px;box-shadow:0 20px 50px -10px #0f172a47,0 0 0 1px #0f172a14;display:flex;flex-direction:column;height:580px;max-height:calc(100vh - 120px);max-width:calc(100vw - 32px);overflow:hidden;position:fixed;right:24px;width:380px;z-index:9999}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.live-chat-header{align-items:center;background:#1e3a8a;box-shadow:0 2px 8px #1e3a8a40;color:#fff!important;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:14px 16px}.live-chat-header-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.live-chat-avatar-wrapper{align-items:center;background:#fff;border:2px solid #ffffff59;border-radius:50%;box-shadow:0 2px 6px #00000026;display:flex;flex-shrink:0;height:38px;justify-content:center;position:relative;width:38px}.live-chat-avatar-img{height:24px;object-fit:contain;width:24px}.live-chat-status-dot-avatar{background:#10b981;border:2px solid #1e3a8a;border-radius:50%;bottom:0;height:9px;position:absolute;right:0;width:9px}.live-chat-info{display:flex;flex-direction:column;gap:1px;min-width:0}.live-chat-title-row{align-items:center;display:flex;gap:6px}.live-chat-title{color:#fff!important;font-size:.95rem;font-weight:800;letter-spacing:.01em}.live-chat-status-text,.live-chat-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-status-text{color:#ffffffeb!important;font-size:.725rem;font-weight:600;max-width:210px}.live-chat-status-text strong{color:#fff!important}.live-chat-status-text.status-waiting{color:#fef08a!important}.live-chat-status-text.status-active{color:#a7f3d0!important}.live-chat-status-text.status-resolved{color:#bae6fd!important}.live-chat-header-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.live-chat-header-action-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.live-chat-header-action-btn:hover{background:#ffffff4d;transform:scale(1.08)}.live-chat-staff-banner{background:#eff6ff;border-bottom:1px solid #bfdbfe;color:#1d4ed8}.live-chat-staff-banner,.live-chat-waiting-banner{align-items:center;display:flex;flex-shrink:0;font-size:.74rem;font-weight:600;gap:6px;padding:6px 14px}.live-chat-waiting-banner{background:#fef3c7;border-bottom:1px solid #fde68a;color:#92400e}.live-chat-prechat-view{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 18px}.prechat-header-box{margin-bottom:2px;text-align:center}.prechat-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#0158f5;display:inline-block;font-size:.675rem;font-weight:800;margin-bottom:6px;padding:2px 9px}.prechat-title{color:#0f172b;font-size:1.02rem;font-weight:800;margin:0 0 4px}.prechat-subtitle{color:#64748b;font-size:.76rem;line-height:1.4;margin:0}.prechat-error-box{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;font-size:.75rem;font-weight:600;padding:6px 12px}.prechat-form{gap:10px}.prechat-form,.prechat-form-group{display:flex;flex-direction:column}.prechat-form-group{gap:3px}.prechat-form-group label{color:#334155;font-size:.775rem;font-weight:700}.req-star{color:#ef4444}.prechat-input,.prechat-textarea{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172b;font-family:inherit;font-size:.825rem;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.prechat-input:focus,.prechat-textarea:focus{background:#fff;border-color:#0158f5;box-shadow:0 0 0 3px #0158f51f}.input-hint{color:#94a3b8;font-size:.675rem;margin-top:1px}.prechat-actions-row{display:flex;margin-top:6px}.btn-prechat-submit{align-items:center;background:#0158f5;border:none;border-radius:9px;box-shadow:0 4px 14px #0158f547;color:#fff!important;cursor:pointer;display:flex;font-size:.85rem;font-weight:800;gap:6px;justify-content:center;padding:11px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.btn-prechat-submit:hover:not(:disabled){background:#0046c7;box-shadow:0 6px 18px #0158f561;transform:translateY(-1px)}.btn-prechat-submit:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.live-chat-body{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.live-chat-body::-webkit-scrollbar{width:5px}.live-chat-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.live-chat-date-divider{margin:4px 0 8px;text-align:center}.live-chat-date-divider span{background:#e2e8f0;border-radius:9999px;color:#64748b;font-size:.7rem;font-weight:700;padding:3px 12px}.live-chat-system-row{display:flex;justify-content:center;margin:4px 0}.live-chat-system-pill{background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;box-shadow:0 1px 3px #0158f50d;color:#1e40af;font-size:.72rem;font-weight:600;line-height:1.4;max-width:92%;padding:5px 14px;text-align:center}.live-chat-bubble-row{display:flex;gap:8px;max-width:86%}.live-chat-bubble-row.bot{align-self:flex-start}.live-chat-bubble-row.user{align-self:flex-end;flex-direction:row-reverse}.live-chat-bubble-avatar{align-items:center;align-self:flex-start;background:#fff;border:1px solid #cbd5e1;border-radius:50%;box-shadow:0 1px 3px #0000000f;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:18px;overflow:hidden;width:28px}.live-chat-bubble-avatar img{height:18px;object-fit:contain;width:18px}.live-chat-bubble-content{display:flex;flex-direction:column;gap:3px;min-width:0}.live-chat-bubble-row.user .live-chat-bubble-content{align-items:flex-end}.live-chat-sender-label{color:#64748b;font-size:.7rem;font-weight:700;margin-left:2px}.live-chat-bubble{border-radius:16px;font-size:.875rem;line-height:1.45;padding:10px 14px;word-break:break-word}.live-chat-bubble p{margin:0;white-space:pre-line}.live-chat-bubble.bot{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 6px #0f172a0a;color:#0f172b}.live-chat-bubble.user{background:#0158f5!important;border-bottom-right-radius:4px;box-shadow:0 2px 8px #0158f540;color:#fff!important}.live-chat-bubble.user p{color:#fff!important}.live-chat-action-link{background:#0158f5!important;border:none!important;border-radius:6px;color:#fff!important;cursor:pointer;display:inline-block;font-size:.785rem;font-weight:700;margin-top:8px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.live-chat-action-link:hover{background:#0046c7!important}.live-chat-prompt-staff-btn{background:#0f172b!important;margin-top:8px}.live-chat-timestamp{color:#94a3b8;font-size:.65rem;font-weight:500;padding:0 4px}.live-chat-guest-cta-box{align-items:center;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin:8px 0 4px;padding:12px 14px;text-align:center}.live-chat-guest-cta-box .cta-icon{font-size:1.6rem;line-height:1}.live-chat-guest-cta-box .cta-text strong{color:#1e40af;display:block;font-size:.825rem;font-weight:800}.live-chat-guest-cta-box .cta-text span{color:#3b82f6;font-size:.725rem;line-height:1.3}.btn-guest-connect-live{background:#0158f5;border:none;border-radius:8px;box-shadow:0 2px 8px #0158f540;color:#fff!important;cursor:pointer;font-size:.8rem;font-weight:800;margin-top:4px;padding:8px 16px;transition:all .2s ease}.btn-guest-connect-live:hover{background:#0046c7;transform:scale(1.03)}.live-chat-typing-bubble{align-items:center;display:flex;gap:4px;padding:10px 16px}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite both;background:#94a3b8;border-radius:50%;height:6px;width:6px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.live-chat-presets-section{background:#fff;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px 6px}.live-chat-presets-header{align-items:center;display:flex;justify-content:space-between;padding:0 2px}.live-chat-presets-title{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.01em}.live-chat-presets-toggle{background:none;border:none;border-radius:4px;color:#0158f5;cursor:pointer;font-size:.7rem;font-weight:700;padding:2px 6px;transition:all .15s ease}.live-chat-presets-toggle:hover{background:#eff6ff;text-decoration:underline}.live-chat-presets-container{display:flex;gap:6px;transition:all .25s ease}.live-chat-presets-container.collapsed{align-items:center;flex-wrap:nowrap;overflow:hidden}.live-chat-presets-container.expanded{flex-wrap:wrap;max-height:160px;overflow-y:auto;padding:2px 0}.live-chat-preset-chip{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9999px;color:#334155;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.725rem;font-weight:700;gap:4px;padding:5px 10px;transition:all .15s ease;white-space:nowrap}.live-chat-preset-chip:hover{background:#eff6ff;border-color:#0158f5;color:#0158f5}.live-chat-preset-more-btn{background:#eff6ff!important;border-color:#bfdbfe!important;color:#0158f5!important;font-weight:800}.live-chat-preset-more-btn:hover{background:#dbeafe!important;border-color:#0158f5!important}.live-chat-wa-banner{align-items:center;background:#f0fdf4;border-bottom:1px solid #dcfce7;border-top:1px solid #dcfce7;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:6px 14px}.live-chat-wa-banner span{color:#15803d;font-size:.74rem;font-weight:600}.live-chat-wa-btn{align-items:center;background:#16a34a!important;border-radius:6px;color:#fff!important;display:inline-flex;font-size:.725rem;font-weight:800;gap:4px;padding:4px 10px;text-decoration:none;transition:background .2s}.live-chat-wa-btn:hover{background:#15803d!important}.live-chat-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.live-chat-input{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:9999px;color:#0f172b;flex:1 1;font-size:.85rem;outline:none;padding:9px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.live-chat-input:focus{background:#fff;border-color:#0158f5;box-shadow:0 0 0 3px #0158f51f}.live-chat-send-btn{align-items:center;background:#0158f5!important;border:none;border-radius:50%;box-shadow:0 2px 6px #0158f54d;color:#fff!important;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.live-chat-send-btn:hover:not(:disabled){background:#0046c7!important;transform:scale(1.06)}.live-chat-send-btn:disabled{background:#e2e8f0!important;box-shadow:none;color:#94a3b8!important;cursor:not-allowed}.live-chat-branding-footer{background:#fff;border-top:1px solid #f8fafc;flex-shrink:0;padding:4px 0 6px;text-align:center}.live-chat-branding-footer span{color:#94a3b8;font-size:.675rem;font-weight:600}@media (max-width:480px){.live-chat-window{border-radius:16px;bottom:84px;height:calc(100vh - 100px);right:12px;width:calc(100vw - 24px)}.live-chat-root{bottom:16px;right:16px}.live-chat-fab{height:52px;width:52px}}