@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--navy:#101d33;--navy-dark:#0a1425;--navy-light:#1d2d49;--orange:#f0a93e;--orange-dark:#d99225;--orange-soft:#fff3dc;--bg:#f8f9fc;--text:#17243a;--muted:#6f7b8f;--border:#e3e7ef;--shadow-sm:0 4px 16px #101d330f;--shadow-md:0 12px 35px #101d331a;--shadow-lg:0 20px 60px #101d3324}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:#f8f9fc;background:var(--bg);color:#17243a;color:var(--text);overflow-x:hidden}button,input,textarea{font-family:inherit}button{cursor:pointer}img{display:block;max-width:100%}.landing-container{background:#fff;background:var(--white);min-height:100vh;overflow-x:hidden;width:100%}.navbar{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #101d3314;box-shadow:0 4px 25px #101d3312;display:flex;left:0;min-height:76px;padding:0 clamp(20px,5vw,80px);position:fixed;top:0;transition:background .25s ease,box-shadow .25s ease;width:100%;z-index:9999}.navbar:hover{background:#fffffffa;box-shadow:0 8px 30px #101d331a}.logo{align-items:center;display:flex;flex-shrink:0;margin-right:auto}.logo img{height:45px;object-fit:contain;transition:transform .2s ease;width:auto}.logo img:hover{transform:scale(1.03)}.nav-menu{flex-shrink:1;gap:5px;margin-left:25px}.nav-menu,.nav-menu span{align-items:center;display:flex}.nav-menu span{color:#4c5870;cursor:pointer;font-size:.73rem;font-weight:600;height:42px;padding:0 10px;position:relative;transition:color .2s ease,background .2s ease;white-space:nowrap}.nav-menu span:after{background:#f0a93e;background:var(--orange);border-radius:10px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .2s ease;width:0}.nav-menu span:hover{color:#101d33;color:var(--navy)}.nav-menu span:hover:after{width:20px}.btn-login{background:#0000;border:1px solid #cfd6e2;border-radius:7px;color:#101d33;color:var(--navy);flex-shrink:0;font-size:.69rem;font-weight:700;height:39px;margin-left:8px;padding:0 17px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.btn-login:hover{background:#101d33;background:var(--navy);border-color:#101d33;border-color:var(--navy);color:#fff;color:var(--white);transform:translateY(-1px)}.btn-daftar{background:#f0a93e;background:var(--orange);border:1px solid #f0a93e;border:1px solid var(--orange);border-radius:7px;box-shadow:0 5px 15px #f0a93e33;color:#101d33;color:var(--navy);flex-shrink:0;font-size:.69rem;font-weight:800;height:41px;letter-spacing:.01em;margin-left:8px;padding:0 19px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-daftar:hover{background:#d99225;background:var(--orange-dark);border-color:#d99225;border-color:var(--orange-dark);box-shadow:0 8px 20px #f0a93e4d;transform:translateY(-2px)}.hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;min-height:100vh;overflow:hidden;padding-top:76px;position:relative}.hero-slider{overflow:hidden}.hero-slide,.hero-slider{height:100%;inset:0;position:absolute;width:100%}.hero-slide{object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}.hero-slide.active{opacity:1}.hero-overlay{align-items:center;background:linear-gradient(90deg,#0a1425e6,#0a1425b8 45%,#0a142533);display:flex;min-height:calc(100vh - 76px);padding:80px clamp(24px,7vw,110px);position:relative;width:100%;z-index:2}.hero-text{color:#fff;max-width:720px;width:100%}.hero-text h1{color:#fff;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:800;letter-spacing:-.045em;line-height:1.03;margin:0 0 22px}.hero-text p{color:#ffffffd1;font-size:clamp(.85rem,1.2vw,1rem);line-height:1.8;margin:0 0 30px;max-width:620px}.hero-btn{background:#f0a93e;background:var(--orange);border:none;border-radius:7px;box-shadow:0 8px 22px #f0a93e40;color:#101d33;color:var(--navy);font-size:.74rem;font-weight:800;height:50px;min-width:165px;padding:0 24px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.hero-btn:hover{background:#ffc15b;box-shadow:0 12px 28px #f0a93e59;transform:translateY(-3px)}.about,.faq,.galeri,.program,.testimoni{padding:100px clamp(24px,6vw,90px);position:relative}.about h2,.faq>h2,.galeri>h2,.program>h2,.testimoni>h2{color:#101d33;color:var(--navy);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;letter-spacing:-.035em;margin:0 auto 55px;position:relative;text-align:center;width:-webkit-fit-content;width:fit-content}.about h2:after,.faq>h2:after,.galeri>h2:after,.program>h2:after,.testimoni>h2:after{background:#f0a93e;background:var(--orange);border-radius:5px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:45px}.about{background:#fff}.about-container{grid-gap:70px;align-items:center;display:grid;gap:70px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 auto;max-width:1150px}.about-image{border-radius:16px;box-shadow:0 20px 60px #101d3324;box-shadow:var(--shadow-lg);overflow:hidden}.about-image img{min-height:380px;object-fit:cover;transition:transform .5s ease;width:100%}.about-image:hover img{transform:scale(1.03)}.about-content h2{margin:0 0 25px;text-align:left}.about-content h2:after{left:0;transform:none}.about-content p{color:#6f7b8f;color:var(--muted);font-size:.9rem;line-height:1.9;margin:0}.program{background:#f7f8fb}.program-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1150px}.program-card{background:#fff;border:1px solid #e3e7ef;border:1px solid var(--border);border-radius:15px;box-shadow:0 4px 16px #101d330f;box-shadow:var(--shadow-sm);overflow:hidden;padding:22px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.program-card:before{background:#f0a93e;background:var(--orange);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.program-card:hover{border-color:#d4dae5;box-shadow:0 12px 35px #101d331a;box-shadow:var(--shadow-md);transform:translateY(-6px)}.program-img{border-radius:10px;height:185px;margin-bottom:20px;object-fit:cover;width:100%}.program-card h3{color:#101d33;color:var(--navy);font-family:Space Grotesk,Inter,sans-serif;font-size:1rem;margin:0 0 9px}.program-desc{color:#6f7b8f;color:var(--muted);font-size:.72rem;line-height:1.65;margin:0 0 17px;min-height:50px}.program-info{border-bottom:1px solid #e3e7ef;border-bottom:1px solid var(--border);border-top:1px solid #e3e7ef;border-top:1px solid var(--border);color:#7b8596;display:flex;font-size:.61rem;gap:10px;justify-content:space-between;padding:12px 0}.price-box{color:#101d33;color:var(--navy);font-family:Space Grotesk,Inter,sans-serif;font-size:1.25rem;font-weight:800;margin:18px 0}.btn-daftar-card{background:#101d33;background:var(--navy);border:1px solid #101d33;border:1px solid var(--navy);border-radius:7px;color:#fff;font-size:.68rem;font-weight:700;height:43px;transition:background .2s ease,transform .2s ease;width:100%}.btn-daftar-card:hover{background:#f0a93e;background:var(--orange);border-color:#f0a93e;border-color:var(--orange);color:#101d33;color:var(--navy);transform:translateY(-1px)}.testimoni{background:#fff}.testimoni-scroll{display:flex;gap:20px;margin:0 auto;max-width:1150px;overflow-x:auto;padding:5px 3px 20px;scroll-snap-type:x mandatory}.testimoni-scroll::-webkit-scrollbar{height:6px}.testimoni-scroll::-webkit-scrollbar-track{background:#edf0f5;border-radius:10px}.testimoni-scroll::-webkit-scrollbar-thumb{background:#c7ceda;border-radius:10px}.testimoni-card{background:#fff;border:1px solid #e3e7ef;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 16px #101d330f;box-shadow:var(--shadow-sm);flex:0 0 300px;padding:24px;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.testimoni-card:hover{box-shadow:0 12px 35px #101d331a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.testimoni-card img{border:3px solid #f0a93e;border:3px solid var(--orange);border-radius:50%;height:58px;margin-bottom:14px;object-fit:cover;width:58px}.testimoni-card h4{color:#101d33;color:var(--navy);font-size:.85rem;margin:0 0 5px}.testimoni-card>p{color:#7c8798;font-size:.62rem;margin:4px 0}.testimoni-card .pesan{color:#59657a;font-size:.72rem;font-style:italic;line-height:1.7;margin-top:17px}.testimoni-card .signature{color:#d99225;color:var(--orange-dark);font-weight:700;margin-top:14px}.faq{background:#f7f8fb}.faq-container{margin:0 auto;max-width:850px}.faq-item{background:#fff;border:1px solid #e3e7ef;border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.faq-item:hover{border-color:#d2d9e4}.faq-question{align-items:center;cursor:pointer;gap:20px;justify-content:space-between;min-height:62px;padding:16px 20px}.faq-question h3{color:#101d33;color:var(--navy);font-size:.76rem;font-weight:700;margin:0}.faq-question span{align-items:center;background:#fff3dc;background:var(--orange-soft);border-radius:50%;color:#d99225;color:var(--orange-dark);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:27px;justify-content:center;width:27px}.faq-answer{border-top:1px solid #eef0f4;padding:0 20px 18px}.faq-answer p{color:#6f7b8f;color:var(--muted);font-size:.7rem;line-height:1.75;margin:15px 0 0}.galeri{background:#fff}.galeri-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1150px}.galeri-card{background:#101d33;background:var(--navy);border-radius:13px;box-shadow:0 4px 16px #101d330f;box-shadow:var(--shadow-sm);min-height:250px;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.galeri-card:hover{box-shadow:0 12px 35px #101d331a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.galeri-card img{height:100%;min-height:250px;object-fit:cover;transition:transform .4s ease;width:100%}.galeri-card:hover img{transform:scale(1.05)}.galeri-info{background:linear-gradient(#0000,#0a1425eb);bottom:0;color:#fff;left:0;padding:28px 18px 17px;position:absolute;right:0}.galeri-info h4{font-size:.82rem;margin:0 0 5px}.galeri-info p{color:#ffffffb8;font-size:.6rem;line-height:1.5;margin:0}.footer{background:#101d33;background:var(--navy);color:#fff;padding:65px clamp(24px,7vw,100px) 0}.footer-content{grid-gap:70px;display:grid;gap:70px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1150px}.footer-left h2{color:#fff;font-family:Space Grotesk,Inter,sans-serif;font-size:1.25rem;margin:0 0 17px}.footer-left p{color:#ffffff9e;font-size:.67rem;margin:8px 0}.footer-right h3{color:#f0a93e;color:var(--orange);font-size:.75rem;margin:0 0 17px}.footer-right p{margin:8px 0}.footer-right a{color:#ffffffa6;font-size:.67rem;text-decoration:none;transition:color .2s ease}.footer-right a:hover{color:#f0a93e;color:var(--orange)}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffff6b;font-size:.58rem;margin:45px auto 0;max-width:1150px;padding:20px 0;text-align:center}@media (max-width:1050px){.navbar{padding:0 20px}.nav-menu{gap:0;margin-left:12px}.nav-menu span{font-size:.63rem;padding:0 7px}.btn-daftar,.btn-login{font-size:.61rem;padding:0 11px}.galeri-grid,.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-container{gap:40px}}@media (max-width:760px){html{scroll-padding-top:65px}.navbar{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:8px;height:auto;left:0;min-height:64px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;position:fixed;scrollbar-width:none;top:0;white-space:nowrap;width:100%}.navbar::-webkit-scrollbar{display:none}.logo{flex:0 0 auto;margin-right:0}.logo img{height:36px}.nav-menu{display:flex;flex:0 0 auto;gap:2px;margin-left:2px;overflow:visible}.nav-menu span{font-size:.61rem;height:42px;padding:0 8px}.nav-menu span:after{bottom:3px}.btn-login{padding:0 12px}.btn-daftar,.btn-login{flex:0 0 auto;font-size:.61rem;height:38px;margin-left:2px}.btn-daftar{padding:0 13px}.hero{min-height:100svh;padding-top:64px}.hero-overlay{min-height:calc(100svh - 64px);padding:55px 22px}.hero-text h1{font-size:2.45rem;line-height:1.08}.hero-text p{font-size:.78rem;line-height:1.7}.about,.faq,.galeri,.program,.testimoni{padding:75px 20px}.about-container{gap:35px;grid-template-columns:1fr}.about-image img{min-height:260px}.galeri-grid,.program-grid{grid-template-columns:1fr}.footer{padding:50px 20px 0}.footer-content{gap:35px;grid-template-columns:1fr}}@media (max-width:430px){.navbar{gap:5px;padding:7px 10px}.logo img{height:34px}.nav-menu{gap:0}.nav-menu span{font-size:.56rem;padding:0 6px}.btn-daftar,.btn-login{font-size:.56rem;padding:0 10px}.hero-text h1{font-size:2.1rem}.hero-text p{font-size:.73rem}.hero-btn{width:100%}.about,.faq,.galeri,.program,.testimoni{padding:65px 16px}.about h2,.faq>h2,.galeri>h2,.program>h2,.testimoni>h2{font-size:1.55rem;margin-bottom:40px}.program-card{padding:18px}.testimoni-card{flex-basis:calc(100vw - 40px);flex-grow:0;flex-shrink:0}.faq-question{gap:10px;padding:14px 15px}.faq-answer{padding:0 15px 16px}.galeri-card,.galeri-card img{min-height:220px}}@media (max-width:360px){.logo img{height:31px}.nav-menu span{font-size:.53rem;padding:0 5px}.btn-daftar,.btn-login{font-size:.53rem;padding:0 8px}}.hero-slider-indicators{align-items:center;bottom:30px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.hero-indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.hero-indicator.active{background:#fff;border-radius:10px;width:28px}@media (max-width:760px){.hero-slider-indicators{bottom:20px;gap:6px}.hero-indicator{height:8px;width:8px}.hero-indicator.active{width:23px}}.login-page{align-items:center;background:radial-gradient(circle at 15% 20%,#f0a93e1f,#0000 30%),radial-gradient(circle at 90% 85%,#f0a93e14,#0000 28%),#f7f8fb;display:flex;font-family:Inter,Segoe UI,Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:30px;position:relative;width:100%}.login-page:before{background:#101d33;height:520px;left:-250px;opacity:.97;top:-260px;width:520px}.login-page:after,.login-page:before{border-radius:50%;content:"";position:absolute}.login-page:after{background:#f0a93e;bottom:-210px;height:420px;opacity:.14;right:-210px;width:420px}.login-box{animation:loginAppear .45s ease;background:#fff;border:1px solid #dfe4f0;border-radius:20px;box-shadow:0 25px 70px #101d331f,0 5px 20px #101d330d;max-width:430px;padding:42px 42px 38px;position:relative;width:100%;z-index:5}@keyframes loginAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login-box:before{align-items:center;background:#101d33;border-radius:13px;box-shadow:0 8px 20px #101d332e;color:#f0a93e;content:"B";display:flex;font-size:1.6rem;font-weight:800;height:54px;justify-content:center;margin:0 auto 17px;width:54px}.login-box h2,.login-box:before{font-family:Space Grotesk,Inter,sans-serif}.login-box h2{color:#101d33;font-size:1.75rem;font-weight:750;letter-spacing:-.035em;line-height:1.2;margin:0 auto 7px;position:relative;text-align:center;width:-webkit-fit-content;width:fit-content}.login-box h2:after{background:#f0a93e;border-radius:3px;bottom:-7px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%) rotate(-1deg);width:38px}.login-box form{margin-top:30px}.login-box input{background:#fafbfc;border:1px solid #dce2ec;border-radius:9px;color:#1c2940;font-family:Inter,Segoe UI,sans-serif;font-size:.82rem;height:50px;margin-bottom:14px;outline:none;padding:0 15px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.login-box input::placeholder{color:#9aa3b3}.login-box input:hover{border-color:#c9d1df}.login-box input:focus{background:#fff;border-color:#f0a93e;box-shadow:0 0 0 3px #f0a93e1f}.login-box input:disabled{cursor:not-allowed;opacity:.65}.password-wrapper{width:100%}.toggle-password-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#7c8799;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:13px;top:50%;transform:translateY(-50%);transition:background .2s ease,color .2s ease;width:32px}.toggle-password-btn:hover{background:#f0f2f6;color:#101d33}.toggle-password-btn:active{transform:translateY(-50%) scale(.94)}.toggle-password-btn:disabled{cursor:not-allowed;opacity:.5}.forgot-password{color:#53627a;cursor:pointer;font-size:.67rem;font-weight:600;margin:1px 0 19px auto;transition:color .2s ease;width:-webkit-fit-content;width:fit-content}.forgot-password:hover{color:#d89425;text-decoration:underline}.login-submit-btn{align-items:center;background:#101d33;border:1px solid #101d33;border-radius:9px;box-shadow:0 7px 16px #101d3329;color:#fff;cursor:pointer;display:flex;font-family:Space Grotesk,Inter,sans-serif;font-size:.78rem;font-weight:700;height:51px;justify-content:center;letter-spacing:.01em;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.login-submit-btn:hover{background:#f0a93e;border-color:#f0a93e;box-shadow:0 10px 20px #f0a93e38;color:#101d33;transform:translateY(-2px)}.login-submit-btn:active{transform:translateY(0)}.login-submit-btn:disabled{background:#8993a3;border-color:#8993a3;box-shadow:none;color:#fff;cursor:not-allowed;transform:none}.login-box:after{bottom:-34px;color:#8d96a6;content:"BIMBELKU TIGABINANGA • PORTAL AKADEMIK";font-family:IBM Plex Mono,monospace;font-size:.48rem;left:0;letter-spacing:.08em;position:absolute;right:0;text-align:center}.forgot-password:focus-visible,.login-submit-btn:focus-visible,.toggle-password-btn:focus-visible{outline:3px solid #f0a93e59;outline-offset:3px}@media (max-width:600px){.login-page{padding:22px}.login-page:before{height:360px;left:-190px;top:-190px;width:360px}.login-page:after{bottom:-160px;height:300px;right:-160px;width:300px}.login-box{border-radius:17px;max-width:410px;padding:35px 30px 32px}}@media (max-width:420px){.login-page{padding:18px}.login-box{border-radius:15px;padding:31px 23px 28px}.login-box:before{font-size:1.4rem;height:49px;margin-bottom:15px;width:49px}.login-box h2{font-size:1.5rem}.login-box form{margin-top:27px}.login-box input{font-size:.78rem;height:48px}.login-submit-btn{height:49px}.login-box:after{bottom:-29px;font-size:.42rem}}@media (max-width:340px){.login-page{padding:12px}.login-box{padding:28px 18px 25px}}.register-page{background:radial-gradient(circle at top left,#eee41614,#0000 35%),#f6f8fc;color:#c2a213;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.register-navbar{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #e8ecf3;box-shadow:0 4px 20px #0f172a0a;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar-inner{gap:20px;justify-content:space-between;margin:auto;min-height:72px;width:min(1180px,calc(100% - 40px))}.navbar-brand,.navbar-inner{align-items:center;display:flex}.navbar-brand{color:#cda43e;gap:11px;text-decoration:none}.brand-icon{align-items:center;background:#e56e0d;border-radius:12px;box-shadow:0 8px 20px #ebb02538;display:flex;font-size:21px;height:42px;justify-content:center;width:42px}.navbar-brand strong{display:block;font-size:17px;font-weight:800;line-height:1.1}.navbar-brand span{color:#8a94a6;display:block;font-size:11px;font-weight:500;margin-top:3px}.navbar-back{color:#596579;font-size:14px;font-weight:600;text-decoration:none;transition:.2s ease}.navbar-back:hover{color:hwb(48 15% 8%)}.register-main{margin:0 auto;padding:62px 0 50px;width:min(1000px,calc(100% - 40px))}.register-header{margin:0 auto 35px;max-width:680px;text-align:center}.header-badge{background:#e6a819;border-radius:999px;color:#6c5b08;display:inline-flex;font-size:12px;font-weight:700;margin-bottom:15px;padding:7px 13px}.register-header h1{color:#030303;font-size:clamp(32px,5vw,46px);letter-spacing:-1.5px;line-height:1.1;margin:0}.register-header h1 span{color:#8c7a04}.register-header p{color:#95907b;font-size:15px;line-height:1.7;margin:15px auto 0;max-width:570px}.form-message{align-items:flex-start;border:1px solid;border-radius:14px;display:flex;gap:12px;margin-bottom:20px;padding:15px 17px}.form-message.success{background:#effcf4;border-color:#bce8cc;color:#187341}.form-message.error{background:#fff4f4;border-color:#f2c5c5;color:#c53030}.message-icon{align-items:center;background:currentColor;border-radius:50%;color:#fff;display:flex;flex:0 0 28px;font-size:13px;font-weight:800;height:28px;justify-content:center;width:28px}.form-message strong{display:block;font-size:13px;margin-bottom:2px}.form-message p{font-size:13px;line-height:1.5;margin:0}.register-card{background:#e1dfd3d8;border:1px solid #e8ecf3;border-radius:22px;box-shadow:0 18px 60px #0f172a12;padding:35px}.form-section{padding:5px 0}.section-heading{align-items:flex-start;display:flex;gap:14px;margin-bottom:25px}.section-number{align-items:center;background:#eff5ff;border-radius:11px;color:#ebc725;display:flex;flex:0 0 39px;font-size:12px;font-weight:800;height:39px;justify-content:center;width:39px}.section-heading h2{color:#172033;font-size:18px;font-weight:750;margin:1px 0 4px}.section-heading p{color:#8a94a6;font-size:13px;margin:0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1/-1}.form-group{min-width:0}.form-group label,.upload-label{color:#354052;display:block;font-size:13px;font-weight:700;margin-bottom:8px}.form-group label span,.upload-label span{color:#ef4444;margin-left:3px}.form-group input,.form-group select{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:11px;color:#1d2738;font-family:inherit;font-size:14px;height:48px;outline:none;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.form-group input::placeholder{color:#a7afbc}.form-group input:hover,.form-group select:hover{border-color:#c9d2df}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#ebd725;box-shadow:0 0 0 4px #2563eb14}.form-group small{color:#9aa3b2;display:block;font-size:11px;margin-top:6px}.password-wrapper{position:relative}.password-wrapper input{padding-right:50px}.password-toggle{background:#0000;border:0;border-radius:8px;cursor:pointer;font-size:15px;height:34px;opacity:.65;position:absolute;right:9px;top:50%;transform:translateY(-50%);transition:.2s ease;width:34px}.password-toggle:hover{background:#d5df11;opacity:1}.section-divider{background:#edf0f5;height:1px;margin:32px 0}.payment-layout{grid-gap:25px;display:grid;gap:25px;grid-template-columns:.8fr 1.2fr}.nominal-wrapper{position:relative}.nominal-wrapper span{color:#647084;font-size:14px;font-weight:700;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.nominal-wrapper input{padding-left:43px}.nominal-preview{color:#ebc725;font-size:12px;font-weight:700;margin-top:8px}.payment-note{align-items:flex-start;background:#f5f8ff;border-radius:10px;color:#68758a;display:flex;gap:8px;margin-top:16px;padding:12px}.payment-note span{color:#2563eb;font-size:14px}.payment-note p{font-size:11px;line-height:1.6;margin:0}.upload-area{min-width:0}.upload-dropzone{align-items:center;background:#fafbfd;border:1.5px dashed #cbd4e2;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:190px;padding:25px;text-align:center;transition:.2s ease}.upload-dropzone:hover{background:#f6f9ff;border-color:#2563eb}.upload-dropzone input{display:none}.upload-icon{align-items:center;background:#eaf1ff;border-radius:12px;color:#ebac25;display:flex;font-size:22px;font-weight:700;height:44px;justify-content:center;margin-bottom:12px;width:44px}.upload-dropzone strong{color:#344054;font-size:13px}.upload-dropzone span{color:#8b95a5;font-size:12px;margin-top:5px}.upload-dropzone small{color:#a5adba;font-size:10px;margin-top:10px}.preview-wrapper{background:#fafbfd;border:1px solid #e0e5ed;border-radius:14px;overflow:hidden}.preview-image{background:#f4f6f9;display:block;height:190px;object-fit:contain;width:100%}.preview-info{align-items:center;display:flex;gap:15px;justify-content:space-between;padding:13px 14px}.preview-info div{min-width:0}.preview-info strong{color:#344054;display:block;font-size:12px}.preview-info span{color:#8b95a5;display:block;font-size:10px;margin-top:3px;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file{background:#fff0f0;border:0;border-radius:8px;color:#dc2626;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:11px;font-weight:700;padding:7px 10px;transition:.2s ease}.remove-file:hover{background:#fee2e2}.form-footer{align-items:center;border-top:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;margin-top:35px;padding-top:25px}.required-info{color:#8a94a6;font-size:11px}.required-info span{color:#ef4444;font-weight:800}.btn-register{align-items:center;background:#ebca25;border:0;border-radius:11px;box-shadow:0 8px 20px #2563eb33;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:750;gap:12px;height:49px;justify-content:center;min-width:190px;padding:0 20px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-register:hover:not(:disabled){background:#69571f;box-shadow:0 12px 25px #2563eb45;transform:translateY(-1px)}.btn-register:active:not(:disabled){transform:translateY(0)}.btn-register:disabled{cursor:not-allowed;opacity:.7}.btn-register span{font-size:17px}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-link{color:#8993a3;font-size:13px;margin:25px 0 0;text-align:center}.login-link a{color:#867425;font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}.register-footer{color:#a0a8b6;font-size:11px;padding:25px 20px 35px;text-align:center}@media (max-width:800px){.register-main{padding-top:45px}.payment-layout{grid-template-columns:1fr}}@media (max-width:600px){.navbar-inner{min-height:64px;width:min(100% - 28px,1180px)}.navbar-back{font-size:12px}.navbar-brand strong{font-size:15px}.navbar-brand span{font-size:9px}.brand-icon{font-size:18px;height:38px;width:38px}.register-main{padding-top:35px;width:min(100% - 24px,1000px)}.register-header{margin-bottom:25px}.register-header h1{font-size:31px;letter-spacing:-1px}.register-header p{font-size:13px}.register-card{border-radius:17px;padding:22px 18px}.form-grid{gap:17px;grid-template-columns:1fr}.full-width{grid-column:auto}.section-heading{margin-bottom:20px}.section-heading h2{font-size:16px}.section-heading p{font-size:11px}.section-number{flex-basis:34px;font-size:10px;height:34px;width:34px}.section-divider{margin:27px 0}.form-footer{align-items:stretch;flex-direction:column;margin-top:28px}.required-info{text-align:center}.btn-register{width:100%}.upload-dropzone{min-height:175px}.preview-image{height:175px}}@media (max-width:390px){.navbar-back{align-items:center;background:#f0f4fa;border-radius:9px;display:flex;font-size:0;height:34px;justify-content:center;width:34px}.navbar-back:after{content:"←";font-size:17px}.register-card{padding:18px 15px}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#e0f2fe,#f0f9ff 40%,#e0e7ff);box-sizing:border-box;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:24px}.forgot-password-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 20px 30px -10px #0f172a14,0 10px 15px -5px #0f172a0a;max-width:440px;padding:40px 36px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.forgot-password-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:18px;box-shadow:0 10px 20px -5px #2563eb59;color:#fff;display:flex;font-size:30px;height:68px;justify-content:center;margin:0 auto 24px;width:68px}.forgot-password-header h1{color:#0f172a;font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.forgot-password-header p{color:#64748b;font-size:14.5px;line-height:1.6;margin:0 0 28px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#334155;font-weight:600}.form-group input{background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:15px;padding:13px 16px;transition:all .2s ease-in-out}.form-group input::placeholder{color:#94a3b8}.form-group input:focus{background-color:#fff;box-shadow:0 0 0 4px #2563eb1f}.form-group input:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.forgot-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b}.forgot-error,.forgot-success{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:20px;padding:12px 16px;text-align:left}.forgot-success{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;color:#065f46}.forgot-submit{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb40;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease-in-out;width:100%}.forgot-submit:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #2563eb59;transform:translateY(-1px)}.forgot-submit:active:not(:disabled){transform:translateY(0)}.forgot-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}.back-login{margin-top:24px}.back-login a{align-items:center;color:#475569;display:inline-flex;font-size:14px;font-weight:600;gap:6px;text-decoration:none;transition:color .2s ease,transform .2s ease}.back-login a:hover{color:#2563eb}@media (max-width:480px){.forgot-password-card{border-radius:20px;padding:32px 24px}.forgot-password-header h1{font-size:22px}.forgot-password-header p{font-size:13.5px}}.reset-password-container{align-items:center;background:#f5f7fb;display:flex;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:20px}.reset-password-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:430px;padding:40px;width:100%}.reset-password-icon{align-items:center;background:#eff6ff;border-radius:50%;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.reset-password-header{margin-bottom:28px;text-align:center}.reset-password-header h1{color:#111827;font-size:26px;font-weight:600;margin:0 0 12px}.reset-password-header p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.form-group{margin-bottom:18px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;height:46px;outline:none;padding:0 14px;transition:.2s;width:100%}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.reset-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}.reset-error,.reset-success{font-size:13px;margin-bottom:15px;padding:11px 13px}.reset-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d}.reset-submit{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:46px;transition:.2s;width:100%}.reset-submit:hover:not(:disabled){background:#1d4ed8}.reset-submit:disabled{background:#93c5fd;cursor:not-allowed}@media (max-width:480px){.reset-password-card{padding:30px 22px}.reset-password-header h1{font-size:23px}}:root{--admin-navy-900:#101d33;--admin-navy-800:#16274a;--admin-navy-700:#1f3563;--admin-navy-500:#35507f;--admin-ink:#1b2233;--admin-ink-soft:#5b6478;--admin-ink-faint:#8a91a3;--admin-paper:#fbfbfd;--admin-paper-tint:#eef1fa;--admin-paper-line:#dfe4f2;--admin-amber:#b77614;--admin-amber-deep:#d98a1f;--admin-amber-ink:#6b4508;--admin-white:#fff;--admin-danger:#d9534f;--admin-sidebar-width:275px;--admin-shadow-sm:0 2px 10px #101d330f;--admin-shadow-md:0 12px 32px #101d331a}.admin-layout{background:#fbfbfd;background:var(--admin-paper);color:#1b2233;color:var(--admin-ink);display:flex;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}.admin-layout *,.admin-layout :after,.admin-layout :before{box-sizing:border-box}.admin-layout button,.admin-layout input,.admin-layout select,.admin-layout textarea{font-family:inherit}.admin-sidebar{background:#101d33;background:var(--admin-navy-900);border-right:1px solid #ffffff14;color:#fff;color:var(--admin-white);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:25px 18px;position:fixed;top:0;width:275px;width:var(--admin-sidebar-width);z-index:1000}.admin-sidebar:before{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 42px,hsla(0,0%,100%,.035) 43px);content:"";inset:0;pointer-events:none;position:absolute}.admin-sidebar>*{position:relative;z-index:1}.sidebar-logos{border-bottom:1px solid #ffffff1f;color:#fff;color:var(--admin-white);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin-bottom:22px;min-height:76px;padding:8px 14px;width:100%}.sidebar-logos span{display:block;font-family:Space Grotesk,Inter,Segoe UI,sans-serif;font-size:1.02rem;font-weight:700;letter-spacing:.8px;line-height:1.2}.sidebar-logos small{color:#9eabc2;display:block;font-family:Inter,Segoe UI,sans-serif;font-size:.68rem;font-weight:500;letter-spacing:1.5px;line-height:1.2;margin-top:5px}.admin-navigation{flex:1 1;min-height:0;width:100%}.admin-navigation ul{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0;width:100%}.admin-navigation li{align-items:center;background:#0000;border:1px solid #0000;border-radius:9px;color:#b9c4d9;cursor:pointer;display:flex;font-family:Inter,Segoe UI,sans-serif;font-size:.84rem;font-weight:500;line-height:1.3;min-height:43px;padding:10px 14px;position:relative;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;width:100%}.menu-dot{background:#687895;border-radius:50%;flex-shrink:0;height:6px;margin-right:12px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:6px}.menu-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-navigation li:hover{background:#ffffff12;border-color:#ffffff0f;color:#fff;color:var(--admin-white);transform:translateX(3px)}.admin-navigation li:hover .menu-dot{background:#b77614;background:var(--admin-amber);transform:scale(1.3)}.admin-navigation li.active{background:#ffffff1f;border-color:#ffffff1f;box-shadow:inset 3px 0 0 #b77614,0 4px 12px #00000014;box-shadow:inset 3px 0 0 var(--admin-amber),0 4px 12px #00000014;color:#fff;color:var(--admin-white);font-weight:700;transform:translateX(3px)}.admin-navigation li.active .menu-dot{background:#b77614;background:var(--admin-amber);box-shadow:0 0 8px #b7761499;transform:scale(1.4)}.admin-navigation li.active:hover{background:#ffffff26;color:#fff;color:var(--admin-white);transform:translateX(3px)}.admin-navigation li.logout-menu{border-radius:0;border-top:1px dashed #ffffff26;color:#aeb9cf;margin-top:18px;padding-top:18px}.admin-navigation li.logout-menu .menu-dot{background:#d9534f;background:var(--admin-danger)}.admin-navigation li.logout-menu:hover{background:#d9534f1a;border-color:#0000;color:#ffaaa6;transform:translateX(3px)}.admin-navigation li.logout-menu:hover .menu-dot{background:#d9534f;background:var(--admin-danger);transform:scale(1.3)}.admin-main{background:#fbfbfd;background:var(--admin-paper);isolation:isolate;margin-left:275px;margin-left:var(--admin-sidebar-width);min-height:100vh;overflow-x:hidden;padding:38px 42px;position:relative;width:calc(100% - 275px);width:calc(100% - var(--admin-sidebar-width))}.admin-main:before{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 43px,#d85a0614 44px);bottom:0;content:"";left:275px;left:var(--admin-sidebar-width);pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.admin-main>h1{color:#101d33;color:var(--admin-navy-900);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.15;margin-top:0}.admin-main button{font-family:inherit}.admin-main table{background:#fff;background:var(--admin-white);border:1px solid #dfe4f2;border:1px solid var(--admin-paper-line);border-collapse:initial;border-radius:14px;border-spacing:0;box-shadow:0 2px 10px #101d330f;box-shadow:var(--admin-shadow-sm);overflow:hidden;width:100%}.admin-main th{background:#eef1fa;background:var(--admin-paper-tint);color:#16274a;color:var(--admin-navy-800);font-family:Space Grotesk,Inter,sans-serif;font-size:.76rem;font-weight:700;padding:14px 16px;text-align:left}.admin-main td,.admin-main th{border-bottom:1px solid #dfe4f2;border-bottom:1px solid var(--admin-paper-line)}.admin-main td{color:#5b6478;color:var(--admin-ink-soft);font-size:.84rem;padding:13px 16px}.admin-main tbody tr:last-child td{border-bottom:none}.admin-main tbody tr{transition:background .15s ease}.admin-main tbody tr:hover{background:#fafbff}.admin-main .badge,.admin-main .status{align-items:center;border-radius:6px;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:600;padding:5px 9px}.admin-main .badge-success,.admin-main .status-success{background:#2c9c731f;color:#1f7d5c}.admin-main .badge-warning,.admin-main .status-warning{background:#f0a93e29;color:#6b4508;color:var(--admin-amber-ink)}.admin-main .badge-danger,.admin-main .status-danger{background:#d9534f1f;color:#a53b38}.admin-sidebar::-webkit-scrollbar{width:5px}.admin-sidebar::-webkit-scrollbar-track{background:#0000}.admin-sidebar::-webkit-scrollbar-thumb{background:#35507f;background:var(--admin-navy-500);border-radius:10px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#b77614;background:var(--admin-amber)}.admin-main button:focus-visible,.admin-main input:focus-visible,.admin-main select:focus-visible,.admin-main textarea:focus-visible,.admin-navigation li:focus-visible{outline:3px solid #b77614;outline:3px solid var(--admin-amber);outline-offset:2px}@media (max-width:1100px){:root{--admin-sidebar-width:235px}.admin-sidebar{padding:22px 14px}.sidebar-logos{margin-bottom:18px;min-height:68px;padding:6px 11px}.sidebar-logos span{font-size:.9rem}.sidebar-logos small{font-size:.62rem}.admin-navigation li{font-size:.78rem;min-height:41px;padding:9px 11px}.admin-main{padding:30px}.admin-main:before{left:275px;left:var(--admin-sidebar-width)}}@media (max-width:768px){.admin-layout{display:block;overflow-x:hidden;width:100%}.admin-sidebar{background:#101d33;background:var(--admin-navy-900);box-shadow:0 5px 20px #101d3333;display:block;height:auto;left:0;min-height:0;overflow:visible;padding:0;position:fixed;top:0}.admin-sidebar,.sidebar-logos{border-bottom:1px solid #ffffff1a;border-right:none;width:100%}.sidebar-logos{align-items:center;display:flex;flex-direction:row;gap:10px;height:55px;margin:0;min-height:55px;padding:7px 16px}.sidebar-logos span{font-size:.82rem;letter-spacing:.5px}.sidebar-logos small{font-size:.48rem;letter-spacing:1px;margin-top:0}.admin-navigation{flex:none;height:52px;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.admin-navigation ul{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:row;gap:7px;height:52px;margin:0;overflow-x:auto;overflow-y:hidden;padding:6px 12px;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x;white-space:nowrap;width:100%}.admin-navigation ul::-webkit-scrollbar{display:none}.admin-navigation li{align-items:center;border-radius:7px;display:inline-flex;flex:0 0 auto;font-size:.69rem;height:38px;justify-content:center;line-height:1;margin:0;min-height:38px;min-width:-webkit-max-content;min-width:max-content;padding:0 14px;transform:none;transition:background .2s ease,color .2s ease;white-space:nowrap;width:auto}.admin-navigation li:hover{transform:none}.admin-navigation li.active{background:#ffffff21;box-shadow:inset 0 -3px 0 #b77614,0 2px 7px #00000014;box-shadow:inset 0 -3px 0 var(--admin-amber),0 2px 7px #00000014;transform:none}.admin-navigation li.active:hover{transform:none}.menu-dot{display:none}.admin-navigation li.logout-menu{border-left:1px solid #ffffff24;border-radius:0 7px 7px 0;border-top:none;color:#c4cede;margin:0;padding:0 14px}.admin-main{margin-left:0;min-height:100vh;overflow-x:hidden;padding:125px 20px 30px;width:100%}.admin-main:before{left:0;top:0}.admin-main table{-webkit-overflow-scrolling:touch;display:block;max-width:100%;overflow-x:auto;width:100%}.admin-main table,.admin-main td,.admin-main th{white-space:nowrap}}@media (max-width:480px){.sidebar-logos{gap:8px;height:52px;min-height:52px;padding:6px 12px}.sidebar-logos span{font-size:.72rem}.sidebar-logos small{font-size:.42rem}.admin-navigation{height:48px}.admin-navigation ul{gap:5px;height:48px;padding:5px 9px}.admin-navigation li{font-size:.64rem;height:36px;min-height:36px;padding:0 11px}.admin-navigation li.logout-menu{padding:0 11px}.admin-main{padding:112px 14px 25px}.admin-main table{border-radius:10px}.admin-main th{font-size:.68rem;padding:11px 12px}.admin-main td{font-size:.74rem;padding:11px 12px}}@media (max-width:360px){.sidebar-logos{padding:6px 10px}.sidebar-logos span{font-size:.66rem}.sidebar-logos small{font-size:.38rem}.admin-navigation li{font-size:.6rem;padding:0 9px}.admin-main{padding-left:11px;padding-right:11px}}@media (prefers-reduced-motion:reduce){.admin-main .card,.admin-main .content-card,.admin-main .dashboard-card,.admin-main .stat-card,.admin-main button,.admin-navigation li{transition:none}.admin-navigation ul{scroll-behavior:auto}}.dashboard-page{color:#050505;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0 auto;max-width:1500px;padding:0;width:100%}.dashboard-header{background:#fff;border:1px solid #dfe4f2;border-radius:18px;box-shadow:0 3px 14px rgba(16,29,51,.045);margin-bottom:24px;overflow:hidden;padding:30px 32px 28px;position:relative;width:100%}.dashboard-header-content{align-items:center;display:flex;gap:35px;justify-content:space-between;position:relative;z-index:2}.dashboard-heading{max-width:650px}.dashboard-label{align-items:center;color:#8b95aa;display:flex;font-family:IBM Plex Mono,monospace;font-size:.62rem;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.dashboard-label span{background:#f0a93e;border-radius:50%;box-shadow:0 0 0 4px #f0a93e1f;display:inline-block;height:7px;margin-right:8px;width:7px}.dashboard-heading h1{color:#101d33;display:inline-block;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,3vw,2.65rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin:0 0 10px;position:relative}.dashboard-heading h1:after{background:#f0a93e6b;border-radius:3px;bottom:-3px;content:"";height:9px;left:0;position:absolute;transform:rotate(-1deg);width:58%;z-index:-1}.wave{animation:waveHand 2.5s ease-in-out infinite;display:inline-block;font-size:.85em;margin-left:8px;transform-origin:70% 70%}@keyframes waveHand{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(12deg)}20%,40%{transform:rotate(-8deg)}50%{transform:rotate(0deg)}}.dashboard-heading p{color:#657087;font-size:.9rem;line-height:1.7;margin:0;max-width:620px}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:9px;justify-content:flex-end}.btn{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.78rem;font-weight:600;justify-content:center;min-height:43px;padding:0 17px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#f0a93e;border:1px solid #e6a039;box-shadow:0 6px 16px #f0a93e33;color:#6b4508;gap:7px}.btn-primary:hover{background:#ef9f27;box-shadow:0 8px 20px #f0a93e47}.btn-primary span{font-size:1rem}.btn-outline{background:#fff;border:1px solid #dfe4f2;color:#1f3563}.btn-outline:hover{background:#f7f8fc;border-color:#c8d1e5}.header-decoration{border-top:3px solid #f0a93e4d;bottom:-18px;height:55px;pointer-events:none;position:absolute;right:25px;transform:rotate(-2deg);width:180px}.kpi-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.kpi-card{align-items:center;background:#fff;border:1px solid #dfe4f2;border-radius:15px;box-shadow:0 3px 14px rgba(16,29,51,.045);display:flex;gap:17px;min-height:140px;overflow:hidden;padding:22px 21px;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.kpi-card:hover{border-color:#f0a93e8c;box-shadow:0 10px 25px #101d3317;transform:translateY(-3px)}.kpi-accent{background:#f0a93e;bottom:0;left:0;position:absolute;top:0;width:4px}.kpi-icon{align-items:center;background:#eef1fa;border:1px solid #dfe4f2;border-radius:13px;display:flex;flex-shrink:0;font-size:1.65rem;height:56px;justify-content:center;transition:transform .2s ease,background .2s ease;width:56px}.kpi-card:hover .kpi-icon{background:#f4f6fc;transform:scale(1.05)}.kpi-information{display:flex;flex-direction:column;min-width:0}.kpi-title{color:#647087;font-size:.72rem;font-weight:500;margin-bottom:4px}.kpi-value{color:#101d33;font-family:Space Grotesk,Inter,sans-serif;font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:3px}.kpi-description{color:#9aa2b2;font-family:IBM Plex Mono,monospace;font-size:.59rem;line-height:1.4}.dashboard-grid{align-items:stretch;grid-template-columns:minmax(0,1.65fr) minmax(300px,.95fr);margin-bottom:24px}.panel{background:#fff;border:1px solid #dfe4f2;border-radius:16px;box-shadow:0 3px 14px rgba(16,29,51,.045);overflow:hidden;position:relative}.panel:before{background:#f0a93e;border-radius:0 0 4px 4px;content:"";height:4px;left:30px;position:absolute;top:0;width:80px}.panel-header{align-items:flex-start;border-bottom:1px dashed #dfe4f2;display:flex;gap:20px;justify-content:space-between;padding:25px 28px 19px}.section-eyebrow{color:#8b95aa;font-family:IBM Plex Mono,monospace;font-size:.58rem;font-weight:600;letter-spacing:.05em;margin-bottom:5px}.panel-header h2{color:#101d33;font-family:Space Grotesk,Inter,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 5px}.panel-header p{color:#7a8498;font-size:.74rem;line-height:1.5;margin:0}.status-badge{align-items:center;background:#eff9f5;border:1px solid #ccebe0;border-radius:999px;color:#268265;display:inline-flex;flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:.62rem;font-weight:600;gap:7px;padding:7px 11px}.status-dot{animation:realtimePulse 1.8s ease-in-out infinite;background:#36a980;border-radius:50%;box-shadow:0 0 0 3px #36a9801f;height:6px;width:6px}@keyframes realtimePulse{0%,to{opacity:1}50%{opacity:.4}}.notification-list{padding:5px 28px 15px}.notification-item{grid-gap:13px;align-items:center;border-bottom:1px solid #edf0f6;display:grid;gap:13px;grid-template-columns:43px minmax(0,1fr) auto;padding:16px 0;position:relative}.notification-item:last-child{border-bottom:none}.notification-icon{align-items:center;background:#eef1fa;border:1px solid #dfe4f2;border-radius:11px;display:flex;font-size:1.15rem;height:43px;justify-content:center;width:43px}.notification-registration .notification-icon{background:#fff5e4}.notification-payment .notification-icon{background:#edf5ff}.notification-attendance .notification-icon{background:#eff9f5}.notification-schedule .notification-icon{background:#f2efff}.notification-info{min-width:0}.notification-info h4{color:#1b2942;font-family:Space Grotesk,Inter,sans-serif;font-size:.82rem;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7b8497;display:-webkit-box;font-size:.71rem;line-height:1.5;margin:0;overflow:hidden}.notification-time{color:#a0a7b5;font-family:IBM Plex Mono,monospace;font-size:.58rem;white-space:nowrap}.mobile-time{display:none}.empty-notification{align-items:center;color:#929bad;display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:235px;text-align:center}.empty-notification strong{color:#68748a;font-family:Space Grotesk,Inter,sans-serif;font-size:.82rem}.empty-notification span{font-size:.7rem}.empty-icon{background:#f5f6fa;border:1px dashed #d6dcea;border-radius:12px;font-size:1.3rem;height:52px;margin-bottom:5px;width:52px}.loading-spinner{border:3px solid #e5e9f2;border-top-color:#f0a93e;height:27px;margin-bottom:7px;width:27px}.summary-panel{display:flex;flex-direction:column;min-height:100%}.summary-list{padding:8px 28px 12px}.summary-item{align-items:center;border-bottom:1px solid #edf0f6;display:flex;justify-content:space-between;min-height:58px;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-label{align-items:center;color:#667187;display:flex;font-size:.74rem;gap:9px}.summary-indicator{background:#9da6b7;border-radius:50%;flex-shrink:0;height:7px;width:7px}.summary-warning .summary-indicator{background:#f0a93e}.summary-info .summary-indicator{background:#5476b3}.summary-success .summary-indicator{background:#36a980}.summary-item strong{background:#f5f6fa;border-radius:6px;color:#1b2942;font-family:IBM Plex Mono,monospace;font-size:.72rem;min-width:34px;padding:5px 8px;text-align:center}.summary-warning strong{background:#fff5e4;color:#946016}.summary-success strong{background:#eff9f5;color:#267d63}@media (max-width:1200px){.dashboard-header-content{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.kpi-container{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}.summary-panel{min-height:auto}}@media (max-width:650px){.dashboard-page{width:100%}.dashboard-header{border-radius:14px;padding:22px 20px 25px}.dashboard-header-content{gap:22px}.dashboard-heading h1{font-size:1.85rem}.dashboard-heading p{font-size:.78rem}.header-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;width:100%}.btn{width:100%}.kpi-container{gap:12px;grid-template-columns:1fr}.kpi-card{min-height:110px;padding:18px}.kpi-icon{font-size:1.4rem;height:49px;width:49px}.kpi-value{font-size:1.55rem}.panel-header{flex-direction:column;gap:13px;padding:22px 19px 17px}.notification-list{padding:3px 19px 10px}.notification-item{gap:11px;grid-template-columns:39px minmax(0,1fr);padding:14px 0}.notification-icon{font-size:1rem;height:39px;width:39px}.notification-info h4{font-size:.78rem}.notification-info p{font-size:.68rem}.notification-time:not(.mobile-time){display:none}.mobile-time{display:block;margin-top:5px}.summary-list{padding:6px 19px 10px}}@media (max-width:400px){.dashboard-heading h1{font-size:1.65rem}.dashboard-label{font-size:.58rem}.kpi-card{gap:12px}.kpi-description{font-size:.55rem}.panel-header h2{font-size:1rem}.panel-header p{font-size:.68rem}}.dashboard-page button:focus-visible{outline:3px solid #f0a93eb3;outline-offset:2px}@media (prefers-reduced-motion:reduce){.loading-spinner,.status-dot,.wave{animation:none}.dashboard-page button,.kpi-card,.kpi-icon{transition:none}}.ds-page,.ds-page *{box-sizing:border-box}.ds-page{background:radial-gradient(circle at 10% 0,#f9731614,#0000 30%),radial-gradient(circle at 90% 20%,#fb923c0f,#0000 28%),#f7f9fc;color:#172033;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:40px;width:100%}.ds-header{margin:0 auto 30px;max-width:1180px;width:100%}.ds-eyebrow{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:13px;padding:7px 13px}.ds-title{color:#111827;font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0}.ds-subtitle{color:#7c8798;font-size:14px;line-height:1.7;margin:12px 0 0}.ds-tabs{background:#fff;border:1px solid #e7ebf2;border-radius:12px;box-shadow:0 8px 25px #0f172a0a;display:flex;gap:7px;margin:0 auto 22px;max-width:1180px;padding:5px;width:100%}.ds-tab,.ds-tabs{align-items:center}.ds-tab{background:#0000;border:none;border-radius:8px;color:#7c8798;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:0 15px;transition:background .2s ease,color .2s ease,transform .2s ease}.ds-tab:hover{background:#fff7ed;color:#ea580c}.ds-tab-active{background:#f97316;box-shadow:0 6px 16px #f973162e;color:#fff}.ds-tab-active:hover{background:#ea580c;color:#fff}.ds-tab-count{align-items:center;background:#f973161a;border-radius:999px;color:#ea580c;display:inline-flex;font-size:10px;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 6px}.ds-tab-active .ds-tab-count{background:#fff3;color:#fff}.ds-tab-pending{background:#fff7ed;color:#ea580c}.ds-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 20px 60px #0f172a12;margin:0 auto;max-width:1180px;overflow:hidden;width:100%}.ds-card-header{align-items:flex-end;display:flex;gap:25px;justify-content:space-between;padding:28px 30px 24px}.ds-section-label{color:#f97316;display:block;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:8px}.ds-section-title{color:#172033;font-size:22px;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0}.ds-section-description{color:#8b95a5;font-size:12px;line-height:1.5;margin:7px 0 0}.ds-search-wrapper{flex-shrink:0;position:relative;width:280px}.ds-search-icon{color:#9aa3b2;font-size:14px;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ds-search-input{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:10px;color:#1d2738;font-family:inherit;font-size:12px;height:43px;outline:none;padding:0 40px 0 38px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.ds-search-input::placeholder{color:#a8b0bd}.ds-search-input:hover{border-color:#cbd4e0}.ds-search-input:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 4px #f9731614}.ds-search-clear{align-items:center;background:#0000;border:none;border-radius:7px;color:#9aa3b2;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;line-height:1;position:absolute;right:7px;top:50%;transform:translateY(-50%);transition:background .2s ease,color .2s ease;width:30px}.ds-search-clear:hover{background:#fff1e8;color:#ea580c}.ds-search-info{background:#fffaf5;border:1px solid #fed7aa;border-radius:9px;color:#9a5b28;font-size:11px;margin:0 30px 18px;padding:11px 14px}.ds-search-info strong{color:#ea580c}.ds-pending-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;min-height:34px;padding:0 13px}.ds-table-wrapper{border-top:1px solid #edf0f5;overflow-x:auto;width:100%}.ds-table{border-collapse:collapse;min-width:850px;table-layout:fixed;width:100%}.ds-table thead{background:#fff8f3}.ds-table th{border-bottom:1px solid #f3e1d3;color:#7c3a13;font-size:11px;font-weight:800;height:52px;letter-spacing:.1px;padding:0 20px;text-align:left}.ds-table td{border-bottom:1px solid #edf0f5;color:#667085;font-size:12px;height:72px;padding:12px 20px;vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table-row{transition:background .2s ease,box-shadow .2s ease}.ds-table-row:hover{background:#fffaf7}.ds-table-row:hover td{color:#596579}.ds-table td:first-child,.ds-table th:first-child{width:28%}.ds-table td:nth-child(2),.ds-table th:nth-child(2){width:27%}.ds-table td:nth-child(3),.ds-table th:nth-child(3){width:14%}.ds-table td:nth-child(4),.ds-table th:nth-child(4){width:21%}.ds-table td:nth-child(5),.ds-table th:nth-child(5){width:10%}.ds-student-name{gap:11px;min-width:0}.ds-avatar,.ds-student-name{align-items:center;display:flex}.ds-avatar{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:10px;color:#ea580c;flex:0 0 38px;font-size:13px;font-weight:800;height:38px;justify-content:center;width:38px}.ds-student-name>span{color:#344054;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-class-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;color:#c2410c;display:inline-flex;font-size:10px;font-weight:750;min-height:27px;padding:0 10px}.ds-action-column{text-align:center!important}.ds-action-cell{text-align:center}.ds-btn-approve,.ds-btn-close,.ds-btn-decline,.ds-btn-delete{border:none;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.ds-btn-delete{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:10px;font-weight:750;min-height:32px;padding:0 12px}.ds-btn-delete:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px)}.ds-action-group{align-items:center;display:flex;gap:7px;justify-content:center}.ds-btn-approve{background:#f97316;border-radius:8px;box-shadow:0 5px 12px #f9731629;color:#fff;font-size:10px;font-weight:750;min-height:32px;padding:0 12px}.ds-btn-approve:hover{background:#ea580c;box-shadow:0 7px 15px #f9731638;transform:translateY(-1px)}.ds-btn-decline{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:10px;font-weight:750;min-height:32px;padding:0 12px}.ds-btn-decline:hover{background:#fee2e2;color:#b91c1c;transform:translateY(-1px)}.ds-proof-link{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#ea580c;display:inline-flex;font-size:10px;font-weight:750;min-height:30px;padding:0 10px;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.ds-proof-link:hover{background:#ffedd5;color:#c2410c;transform:translateY(-1px)}.ds-empty-cell{height:280px!important;text-align:center}.ds-empty{flex-direction:column;gap:7px}.ds-empty,.ds-empty-icon{align-items:center;display:flex;justify-content:center}.ds-empty-icon{background:#fff7ed;border-radius:13px;font-size:20px;height:48px;margin-bottom:5px;width:48px}.ds-empty strong{color:#344054;font-size:13px}.ds-empty span{color:#9aa3b2;font-size:11px}.ds-modal-overlay{align-items:center;animation:ds-fade-in .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:25px;position:fixed;z-index:9999}.ds-modal{animation:ds-modal-up .25s ease;background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 25px 80px #0f172a2e;max-height:90vh;overflow-y:auto;width:min(620px,100%)}.ds-modal-header{align-items:flex-start;border-bottom:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;padding:24px 26px}.ds-modal-header h2{color:#172033;font-size:20px;font-weight:800;margin:0}.ds-modal-close{align-items:center;background:#f5f6f8;border-radius:8px;color:#7c8798;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:34px;justify-content:center;line-height:1;width:34px}.ds-modal-close:hover{background:#fff1e8;color:#ea580c}.ds-modal-profile{align-items:center;background:#fffaf5;border:1px solid #fed7aa;border-radius:13px;display:flex;gap:13px;margin:22px 26px;padding:16px}.ds-modal-avatar{align-items:center;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:12px;box-shadow:0 7px 18px #f973162e;color:#fff;display:flex;flex:0 0 48px;font-size:16px;font-weight:800;height:48px;justify-content:center;width:48px}.ds-modal-profile h3{color:#172033;font-size:14px;font-weight:800;margin:0 0 4px}.ds-modal-profile span{color:#8b95a5;font-size:11px}.ds-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 26px}.ds-detail-item{background:#fbfcfe;border:1px solid #edf0f5;border-radius:10px;min-width:0;padding:13px}.ds-detail-item span{color:#9aa3b2;display:block;font-size:9px;font-weight:700;letter-spacing:.3px;margin-bottom:5px;text-transform:uppercase}.ds-detail-item strong{color:#344054;display:block;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-proof-section{background:#fffaf5;border:1px solid #fed7aa;border-radius:10px;margin:18px 26px 0;padding:15px}.ds-proof-section>span{color:#7c3a13;display:block;font-size:10px;font-weight:800;margin-bottom:8px}.ds-proof-section a{color:#ea580c;font-size:11px;font-weight:750;text-decoration:none}.ds-proof-section a:hover{text-decoration:underline}.ds-modal-footer{border-top:1px solid #edf0f5;display:flex;justify-content:flex-end;margin-top:22px;padding:18px 26px}.ds-btn-close{background:#fff;border:1px solid #dfe4ec;border-radius:9px;color:#667085;font-size:11px;font-weight:750;min-height:38px;padding:0 17px}.ds-btn-close:hover{background:#fff7ed;border-color:#fed7aa;color:#ea580c}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-up{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.ds-page{padding:30px}.ds-card-header{align-items:flex-start;flex-direction:column}.ds-search-wrapper{max-width:360px;width:100%}.ds-detail-grid{grid-template-columns:1fr}}@media (max-width:600px){.ds-page{padding:20px 14px 30px}.ds-header{margin-bottom:22px}.ds-title{font-size:29px;letter-spacing:-1px}.ds-subtitle{font-size:12px}.ds-tabs{margin-bottom:16px}.ds-tab{flex:1 1;font-size:11px;padding:0 8px}.ds-card{border-radius:15px}.ds-card-header{padding:22px 18px 20px}.ds-section-title{font-size:19px}.ds-section-description{font-size:11px}.ds-search-wrapper{max-width:none}.ds-search-info{margin:0 18px 15px}.ds-table{min-width:760px}.ds-table th{padding:0 14px}.ds-table td{padding:10px 14px}.ds-modal-overlay{align-items:flex-end;padding:0}.ds-modal{border-radius:18px 18px 0 0;max-height:92vh;width:100%}.ds-modal-header{padding:20px 18px}.ds-modal-profile{margin:18px}.ds-detail-grid{padding:0 18px}.ds-proof-section{margin-left:18px;margin-right:18px}.ds-modal-footer{padding:16px 18px}.ds-btn-close{width:100%}}@media (max-width:390px){.ds-page{padding:17px 11px 25px}.ds-title{font-size:26px}.ds-eyebrow{font-size:9px}.ds-tab{font-size:10px}.ds-tab-count{font-size:9px;height:19px;min-width:19px}.ds-card-header{padding:19px 15px}}@media (prefers-reduced-motion:reduce){.ds-page *,.ds-page :after,.ds-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.dtx-page,.dtx-page *{box-sizing:border-box}.dtx-page{background:radial-gradient(circle at 10% 0,#eba92514,#0000 30%),radial-gradient(circle at 90% 20%,#f1c9630f,#0000 28%),#fcfaf7;color:#332b17;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:40px;width:100%}.dtx-header{margin:0 auto 28px;max-width:1400px;width:100%}.dtx-title-wrapper{align-items:center;display:flex;gap:14px}.dtx-title-icon{align-items:center;background:#edf4ff;border-radius:13px;box-shadow:0 8px 20px #2563eb14;color:#ebb025;display:flex;flex:0 0 48px;font-size:21px;height:48px;justify-content:center;width:48px}.dtx-title{color:#271c11;font-size:clamp(25px,3vw,32px);font-weight:800;letter-spacing:-.8px;line-height:1.2;margin:0}.dtx-subtitle{color:#8b95a5;font-size:12px;line-height:1.5;margin:5px 0 0}.dtx-toolbar{align-items:center;display:flex;gap:15px;justify-content:space-between;margin:0 auto 20px;max-width:1400px;width:100%}.dtx-search-wrapper{position:relative;width:min(380px,100%)}.dtx-search-icon{color:#8994a5;font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.dtx-search-input{background:#fff;border:1px solid #dfe4ec;border-radius:10px;color:#38301d;font-family:inherit;font-size:12px;height:46px;outline:none;padding:0 14px 0 40px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.dtx-search-input::placeholder{color:#a8b0bd}.dtx-search-input:hover{border-color:#cbd4e0}.dtx-search-input:focus{background:#fff;border-color:#eb9c25;box-shadow:0 0 0 4px #2563eb14}.dtx-add-button{align-items:center;background:#f70;border:none;border-radius:10px;box-shadow:0 8px 20px #2563eb2e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:750;gap:9px;justify-content:center;min-height:46px;padding:0 17px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.dtx-add-button:hover{background:#d8711d;box-shadow:0 12px 25px #eb7b2540;transform:translateY(-1px)}.dtx-add-button:active{transform:translateY(0)}.dtx-add-icon{align-items:center;background:#ffffff26;border-radius:6px;display:flex;font-size:17px;height:20px;justify-content:center;line-height:1;width:20px}.dtx-table-card{background:#fff;border:1px solid #e7ebf2;border-radius:17px;box-shadow:0 20px 60px #0f172a0f;margin:0 auto;max-width:1400px;overflow:hidden;width:100%}.dtx-table-top{align-items:center;background:#fff;border-bottom:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;min-height:76px;padding:18px 22px}.dtx-table-top-title{color:#172033;font-size:15px;font-weight:750;line-height:1.3;margin:0}.dtx-table-top-subtitle{color:#9aa3b2;font-size:10px;margin:4px 0 0}.dtx-table-top-count{align-items:center;background:#edf4ff;border:1px solid #dce8ff;border-radius:999px;color:#eb5625;display:inline-flex;font-size:10px;font-weight:750;justify-content:center;min-height:30px;padding:0 11px;white-space:nowrap}.dtx-table-scroll{overflow-x:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;width:100%}.dtx-table-scroll::-webkit-scrollbar{height:7px}.dtx-table-scroll::-webkit-scrollbar-track{background:#0000}.dtx-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.dtx-table-scroll::-webkit-scrollbar-thumb:hover{background:#aeb9c8}.dtx-table{border-collapse:collapse;color:#344054;font-size:12px;min-width:950px;width:100%}.dtx-table thead{background:#fafbfd}.dtx-table th{border-bottom:1px solid #e7ebf2;color:#7b8697;font-size:10px;font-weight:800;height:48px;letter-spacing:.2px;padding:0 16px;text-align:left;white-space:nowrap}.dtx-table td{border-bottom:1px solid #f0f2f6;height:68px;padding:10px 16px;vertical-align:middle}.dtx-table tbody tr{background:#fff;transition:background .2s ease}.dtx-table tbody tr:hover{background:#fafcff}.dtx-table tbody tr:last-child td{border-bottom:none}.dtx-col-number{text-align:center!important;width:55px}.dtx-col-nama{min-width:190px}.dtx-col-mapel{min-width:160px}.dtx-col-nohp{min-width:140px}.dtx-col-email{min-width:220px}.dtx-col-status{min-width:110px}.dtx-col-aksi{min-width:180px}.dtx-number{color:#9aa3b2;font-size:11px;font-weight:650;text-align:center}.dtx-name-cell{gap:11px}.dtx-avatar,.dtx-name-cell{align-items:center;display:flex}.dtx-avatar{background:#edf4ff;border-radius:10px;color:#eb8525;flex:0 0 36px;font-size:12px;font-weight:800;height:36px;justify-content:center;width:36px}.dtx-name-info{display:flex;flex-direction:column;min-width:0}.dtx-name{color:#263246;display:block;font-size:12px;font-weight:750;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtx-name-label{color:#a0a8b6;display:block;font-size:9px;margin-top:3px}.dtx-mapel{align-items:center;background:#f8faff;border:1px solid #e4eaf4;border-radius:7px;color:#526074;display:inline-flex;font-size:10px;font-weight:650;min-height:28px;padding:0 9px}.dtx-contact,.dtx-email{color:#526074;font-size:11px;white-space:nowrap}.dtx-email{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis}.dtx-status{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:750;gap:6px;min-height:28px;padding:0 9px;white-space:nowrap}.dtx-status-dot{border-radius:50%;height:6px;width:6px}.dtx-status-active{background:#effbf4;border:1px solid #ccebd8;color:#187441}.dtx-status-active .dtx-status-dot{background:#22a35a;box-shadow:0 0 0 3px #22a35a14}.dtx-status-inactive{background:#fff5f5;border:1px solid #f0d2d2;color:#c53030}.dtx-status-inactive .dtx-status-dot{background:#dc2626}.dtx-actions{align-items:center;display:flex;gap:7px}.dtx-action-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:10px;font-weight:700;gap:5px;justify-content:center;min-height:32px;padding:0 9px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.dtx-action-button:hover{transform:translateY(-1px)}.dtx-edit-button{background:#f3f7ff;border-color:#dce8ff;color:#2563eb}.dtx-edit-button:hover{background:#eaf1ff;border-color:#c5d9ff;color:#d8771d}.dtx-delete-button{background:#fff5f5;border-color:#f4d2d2;color:#dc2626}.dtx-delete-button:hover{background:#feecec;border-color:#f1bcbc;color:#b91c1c}.dtx-empty{height:280px;text-align:center}.dtx-empty-content{flex-direction:column;min-height:260px}.dtx-empty-content,.dtx-empty-icon{align-items:center;display:flex;justify-content:center}.dtx-empty-icon{background:#f1f4f9;border-radius:14px;color:#8994a5;font-size:21px;height:50px;margin-bottom:12px;width:50px}.dtx-empty-content h3{color:#526074;font-size:13px;font-weight:750;margin:0}.dtx-empty-content p{color:#a0a8b6;font-size:10px;margin:6px 0 0}.dtx-modal-overlay{align-items:center;animation:dtx-overlay-in .2s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:25px;position:fixed;z-index:9999}.dtx-modal{animation:dtx-modal-in .25s ease;background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 25px 70px #0f172a2e;max-height:calc(100vh - 50px);overflow-y:auto;width:min(520px,100%)}.dtx-modal::-webkit-scrollbar{width:6px}.dtx-modal::-webkit-scrollbar-track{background:#0000}.dtx-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.dtx-modal-header{align-items:flex-start;border-bottom:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;padding:22px 23px}.dtx-modal-title-wrapper{align-items:center;display:flex;gap:12px}.dtx-modal-icon{align-items:center;background:#edf4ff;border-radius:10px;color:#2563eb;display:flex;flex:0 0 40px;font-size:17px;height:40px;justify-content:center;width:40px}.dtx-modal-header h2{color:#172033;font-size:17px;font-weight:800;line-height:1.3;margin:0}.dtx-modal-subtitle{color:#8b95a5;font-size:10px;line-height:1.5;margin:4px 0 0}.dtx-modal-close{align-items:center;background:#f4f6f9;border:none;border-radius:8px;color:#7c8798;cursor:pointer;display:flex;flex:0 0 32px;font-size:20px;height:32px;justify-content:center;line-height:1;transition:background .2s ease,color .2s ease,transform .2s ease;width:32px}.dtx-modal-close:hover{background:#edf1f6;color:#263246;transform:rotate(3deg)}.dtx-modal-form{padding:23px}.dtx-modal-field{margin-bottom:17px}.dtx-modal-field label{color:#344054;display:block;font-size:11px;font-weight:750;margin-bottom:7px}.dtx-modal-field label span{color:#ef4444;margin-left:3px}.dtx-modal-input,.dtx-modal-select{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:10px;color:#1d2738;font-family:inherit;font-size:12px;height:46px;outline:none;padding:0 13px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.dtx-modal-input::placeholder{color:#a8b0bd}.dtx-modal-input:hover,.dtx-modal-select:hover{border-color:#cbd4e0}.dtx-modal-input:focus,.dtx-modal-select:focus{background:#fff;border-color:#eb7425;box-shadow:0 0 0 4px #2563eb14}.dtx-modal-select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,#0000 50%,#8994a5 0),linear-gradient(135deg,#8994a5 50%,#0000 0);background-position:calc(100% - 16px) 19px,calc(100% - 11px) 19px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer;padding-right:38px}.dtx-field-hint{color:#9aa3b2;display:block;font-size:9px;line-height:1.4;margin-top:6px}.dtx-modal-buttons{align-items:center;border-top:1px solid #edf0f5;display:flex;gap:9px;justify-content:flex-end;margin-top:24px;padding-top:20px}.dtx-modal-button{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:750;gap:7px;justify-content:center;min-height:42px;padding:0 15px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.dtx-modal-button:hover{transform:translateY(-1px)}.dtx-cancel-button{background:#fff;border:1px solid #dfe4ec;color:#687386}.dtx-cancel-button:hover{background:#f8fafc;border-color:#cbd4e0;color:#344054}.dtx-save-button{background:#eb7e25;border:1px solid #eb8825;box-shadow:0 7px 18px #2563eb2e;color:#fff}.dtx-save-button:hover{background:#d8741d;border-color:#d8581d;box-shadow:0 10px 22px #eb8b2540}@keyframes dtx-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dtx-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.dtx-page{padding:30px}.dtx-toolbar{align-items:stretch}.dtx-search-wrapper{flex:1 1}.dtx-table{min-width:900px}}@media (max-width:600px){.dtx-page{padding:22px 15px 30px}.dtx-header{margin-bottom:22px}.dtx-title-wrapper{gap:11px}.dtx-title-icon{border-radius:11px;flex-basis:42px;font-size:18px;height:42px;width:42px}.dtx-title{font-size:24px;letter-spacing:-.5px}.dtx-subtitle{font-size:10px}.dtx-toolbar{align-items:stretch;flex-direction:column;margin-bottom:15px}.dtx-add-button,.dtx-search-wrapper{width:100%}.dtx-table-card{border-radius:14px}.dtx-table-top{min-height:70px;padding:15px}.dtx-table-top-title{font-size:13px}.dtx-table-top-subtitle{font-size:9px}.dtx-table-top-count{font-size:9px;min-height:27px;padding:0 8px}.dtx-table th{height:44px;padding:0 13px}.dtx-table td{height:64px;padding:9px 13px}.dtx-modal-overlay{align-items:flex-end;padding:0}.dtx-modal{border-radius:18px 18px 0 0;max-height:92vh;width:100%}.dtx-modal-form,.dtx-modal-header{padding:18px}.dtx-modal-buttons{align-items:stretch;flex-direction:column-reverse}.dtx-modal-button{width:100%}}@media (max-width:390px){.dtx-page{padding:18px 12px 25px}.dtx-title{font-size:21px}.dtx-title-icon{flex-basis:38px;font-size:16px;height:38px;width:38px}.dtx-table-top{padding:13px}.dtx-table-top-subtitle{display:none}.dtx-modal-header h2{font-size:15px}.dtx-modal-subtitle{font-size:9px}}@media (prefers-reduced-motion:reduce){.dtx-page *,.dtx-page :after,.dtx-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.kls-page,.kls-page *{box-sizing:border-box}.kls-page{background:radial-gradient(circle at 10% 0,#f9731614,#0000 30%),radial-gradient(circle at 90% 20%,#fb923c0f,#0000 28%),#f7f9fc;color:#172033;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:40px;width:100%}.kls-header{margin:0 auto 28px;max-width:1180px;width:100%}.kls-eyebrow{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:10px;font-weight:800;letter-spacing:.6px;margin-bottom:13px;padding:7px 13px}.kls-title{color:#172033;font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0}.kls-subtitle{color:#7c8798;font-size:14px;line-height:1.6;margin:11px 0 0}.kls-form-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 20px 60px #0f172a12;margin:0 auto 24px;max-width:1180px;overflow:hidden;width:100%}.kls-card-heading{align-items:flex-start;border-bottom:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;padding:25px 28px 20px}.kls-section-label{color:#f97316;display:block;font-size:9px;font-weight:800;letter-spacing:.7px;margin-bottom:7px}.kls-form-title{color:#172033;font-size:21px;font-weight:800;letter-spacing:-.3px;margin:0}.kls-form-description{color:#8b95a5;font-size:11px;line-height:1.5;margin:6px 0 0}.kls-edit-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:10px;font-weight:750;min-height:30px;padding:0 12px}.kls-form{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;padding:23px 28px 28px}.kls-field{display:flex;flex-direction:column;gap:7px}.kls-field label{color:#344054;font-size:11px;font-weight:750}.kls-field input,.kls-field select{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:9px;color:#344054;font-family:inherit;font-size:12px;height:43px;outline:none;padding:0 13px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.kls-field input::placeholder{color:#a8b0bd}.kls-field input:hover,.kls-field select:hover{border-color:#cbd4e0}.kls-field input:focus,.kls-field select:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 4px #f9731614}.kls-form-actions{align-items:center;display:flex;gap:8px}.kls-btn-submit{align-items:center;background:#f97316;border:none;border-radius:9px;box-shadow:0 7px 16px #f973162e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:750;gap:7px;height:43px;justify-content:center;padding:0 17px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap}.kls-btn-submit span{font-size:16px;line-height:1}.kls-btn-submit:hover{background:#ea580c;box-shadow:0 9px 20px #f973163d;transform:translateY(-1px)}.kls-btn-submit:active{transform:translateY(0)}.kls-btn-cancel{background:#fff;border:1px solid #dfe4ec;border-radius:9px;color:#667085;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;height:43px;padding:0 15px;transition:background .2s ease,border-color .2s ease,color .2s ease}.kls-btn-cancel:hover{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.kls-table-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 20px 60px #0f172a12;margin:0 auto;max-width:1180px;overflow:hidden;width:100%}.kls-table-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;padding:27px 28px 23px}.kls-table-title{color:#172033;font-size:21px;font-weight:800;letter-spacing:-.3px;margin:0}.kls-table-description{color:#8b95a5;font-size:11px;margin:6px 0 0}.kls-total{align-items:center;background:#fffaf5;border:1px solid #fed7aa;border-radius:9px;display:flex;gap:9px;padding:8px 12px}.kls-total-number{color:#ea580c;font-size:17px;font-weight:800}.kls-total-label{color:#9a5b28;font-size:10px;font-weight:700}.kls-table-wrapper{border-top:1px solid #edf0f5;overflow-x:auto;width:100%}.kls-table{border-collapse:collapse;min-width:760px;table-layout:fixed;width:100%}.kls-table thead{background:#fff8f3}.kls-table th{border-bottom:1px solid #f3e1d3;color:#7c3a13;font-size:10px;font-weight:800;height:51px;letter-spacing:.2px;padding:0 20px;text-align:left}.kls-table td{border-bottom:1px solid #edf0f5;color:#667085;font-size:12px;height:70px;padding:10px 20px;vertical-align:middle}.kls-table tbody tr:last-child td{border-bottom:none}.kls-col-name,.kls-col-program{width:35%}.kls-col-action{text-align:center!important;width:30%}.kls-table-row{transition:background .2s ease}.kls-table-row:hover{background:#fffaf7}.kls-class-name{align-items:center;display:flex;gap:11px;min-width:0}.kls-class-icon{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:10px;color:#ea580c;display:flex;flex:0 0 39px;font-size:13px;font-weight:800;height:39px;justify-content:center;width:39px}.kls-class-info{display:flex;flex-direction:column;gap:3px;min-width:0}.kls-class-info strong{color:#344054;font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kls-class-info span{color:#9aa3b2;font-size:9px}.kls-program-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;color:#c2410c;display:inline-flex;font-size:10px;font-weight:750;max-width:100%;min-height:28px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.kls-action-cell{text-align:center}.kls-action-group{align-items:center;display:flex;gap:6px;justify-content:center}.kls-btn-delete,.kls-btn-detail,.kls-btn-edit{border-radius:8px;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;min-height:32px;padding:0 11px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.kls-btn-detail{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.kls-btn-detail:hover{background:#ffedd5;border-color:#fdba74;color:#c2410c;transform:translateY(-1px)}.kls-btn-edit{background:#eff6ff;border:1px solid #dbeafe;color:#2563eb}.kls-btn-edit:hover{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8;transform:translateY(-1px)}.kls-btn-delete{background:#fff5f5;border:1px solid #fecaca;color:#dc2626}.kls-btn-delete:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px)}.kls-empty{height:250px!important;text-align:center}.kls-empty-content{flex-direction:column;gap:7px}.kls-empty-content,.kls-empty-icon{align-items:center;display:flex;justify-content:center}.kls-empty-icon{background:#fff7ed;border-radius:13px;font-size:21px;height:50px;margin-bottom:5px;width:50px}.kls-empty-content strong{color:#344054;font-size:13px}.kls-empty-content span{color:#9aa3b2;font-size:10px}.kls-table-wrapper::-webkit-scrollbar{height:7px}.kls-table-wrapper::-webkit-scrollbar-track{background:#f8f9fb}.kls-table-wrapper::-webkit-scrollbar-thumb{background:#fed7aa;border-radius:999px}.kls-table-wrapper::-webkit-scrollbar-thumb:hover{background:#fdba74}@media (max-width:900px){.kls-page{padding:30px}.kls-form{grid-template-columns:1fr 1fr}.kls-form-actions{grid-column:1/-1}}@media (max-width:600px){.kls-page{padding:20px 14px 30px}.kls-header{margin-bottom:21px}.kls-title{font-size:29px}.kls-subtitle{font-size:12px}.kls-card-heading{padding:21px 18px 18px}.kls-form{grid-template-columns:1fr;padding:20px 18px 22px}.kls-form-actions{grid-column:auto;width:100%}.kls-btn-submit{flex:1 1}.kls-btn-cancel{flex:0 0 auto}.kls-table-header{align-items:flex-start;flex-direction:column;padding:22px 18px 19px}.kls-total{align-self:flex-start}.kls-table{min-width:720px}.kls-table td,.kls-table th{padding-left:14px;padding-right:14px}}@media (max-width:390px){.kls-page{padding:17px 11px 25px}.kls-title{font-size:26px}.kls-form-actions{flex-direction:column}.kls-btn-cancel,.kls-btn-submit{width:100%}.kls-action-group{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.kls-page *,.kls-page :after,.kls-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pmb-page,.pmb-page *{box-sizing:border-box}.pmb-page{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:32px;width:100%}.pmb-page h1{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 24px}.pmb-search-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#1e293b;font-size:14px;height:42px;margin-bottom:24px;max-width:360px;outline:none;padding:0 16px;transition:all .2s ease;width:100%}.pmb-search-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.pmb-search-input::placeholder{color:#94a3b8}.pmb-detail-table,.pmb-table{background-color:#fff;border:1px solid #e2e8f0;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;overflow:hidden;width:100%}.pmb-detail-table thead,.pmb-table thead{background-color:#fff7ed}.pmb-detail-table th,.pmb-table th{border-bottom:1px solid #fed7aa;color:#c2410c;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 18px;text-align:left;text-transform:uppercase}.pmb-detail-table td,.pmb-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:14px 18px;vertical-align:middle}.pmb-detail-table tbody tr:last-child td,.pmb-table tbody tr:last-child td{border-bottom:none}.pmb-detail-table tbody tr:hover,.pmb-table tbody tr:hover{background-color:#fffaf5}.pmb-btn-detail{background-color:#f97316;border:none;border-radius:6px;box-shadow:0 2px 4px #f9731633;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.pmb-btn-detail:hover{background-color:#ea580c;transform:translateY(-1px)}.pmb-modal-overlay{align-items:center;animation:pmbFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.pmb-modal{background-color:#fff;border:1px solid #fed7aa;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:720px;overflow-y:auto;padding:28px;width:100%}.pmb-modal h2{border-bottom:2px solid #fff7ed;color:#0f172a;font-size:20px;font-weight:800;margin:0 0 20px;padding-bottom:12px}.pmb-detail-info{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:14px;margin-bottom:20px;padding:12px 16px}.pmb-detail-info strong{color:#ea580c}.pmb-admin-payment-form{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.pmb-admin-payment-form h3{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 16px}.pmb-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.pmb-form-group label{color:#475569;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.pmb-form-group input[type=file],.pmb-form-group input[type=number]{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.pmb-form-group input[type=number]:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.pmb-btn-tambah-pembayaran{background-color:#ea580c;border:none;border-radius:8px;box-shadow:0 2px 4px #ea580c33;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:6px;padding:11px 18px;transition:all .2s ease;width:100%}.pmb-btn-tambah-pembayaran:hover:not(:disabled){background-color:#c2410c}.pmb-btn-tambah-pembayaran:disabled{cursor:not-allowed;opacity:.6}.pmb-detail-table a{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:6px;color:#ea580c;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-decoration:none;transition:all .2s ease}.pmb-detail-table a:hover{background-color:#f97316;color:#fff}.pmb-detail-table button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;margin-right:6px;padding:6px 12px;transition:all .2s ease}.pmb-detail-table button:first-child{background-color:#16a34a;color:#fff}.pmb-detail-table button:first-child:hover{background-color:#15803d}.pmb-detail-table button:last-child{background-color:#dc2626;color:#fff}.pmb-detail-table button:last-child:hover{background-color:#b91c1c}.pmb-btn-close{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:16px;padding:10px 18px;transition:all .2s ease;width:100%}.pmb-btn-close:hover{background-color:#e2e8f0;color:#1e293b}@keyframes pmbFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.pmb-page{padding:16px}.pmb-modal{padding:20px}.pmb-detail-table,.pmb-table{display:block;overflow-x:auto;white-space:nowrap}}.form-absensi-container{box-sizing:border-box;width:100%}.fa-header{margin-bottom:24px}.fa-back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:650;gap:6px;margin-bottom:18px;padding:8px 12px;transition:.2s ease}.fa-back-button:hover{background:#f8fafc;border-color:#bfdbfe;color:#2563eb}.fa-header-content{padding-left:2px}.fa-eyebrow{color:#2563eb;display:block;font-size:11px;font-weight:800;letter-spacing:1.4px;margin-bottom:6px}.fa-header-content h1{color:#0f172a;font-size:28px;font-weight:750;margin:0}.fa-header-content p{color:#64748b;font-size:15px;margin:7px 0 0}.fa-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:22px;overflow:hidden}.fa-info-item{align-items:center;border-right:1px solid #e2e8f0;display:flex;gap:12px;min-height:82px;padding:16px 20px}.fa-info-item:last-child{border-right:none}.fa-info-icon{align-items:center;background:#eff6ff;border-radius:10px;display:flex;flex-shrink:0;font-size:17px;height:38px;justify-content:center;width:38px}.fa-info-item small{color:#94a3b8;display:block;font-size:11px;margin-bottom:4px}.fa-info-item strong{color:#334155;display:block;font-size:13px}.fa-stat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin-bottom:22px}.fa-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:13px;display:flex;gap:12px;padding:16px}.fa-stat-card>span{align-items:center;background:#f1f5f9;border-radius:9px;color:#475569;display:flex;font-weight:800;height:36px;justify-content:center;width:36px}.fa-stat-card small{color:#94a3b8;display:block;font-size:11px;margin-bottom:3px}.fa-stat-card strong{color:#0f172a;font-size:19px}.fa-hadir>span{background:#ecfdf5;color:#059669}.fa-izin>span{background:#fffbeb;color:#d97706}.fa-sakit>span{background:#eff6ff;color:#2563eb}.fa-alpha>span{background:#fef2f2;color:#dc2626}.fa-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0f172a0a;overflow:hidden}.fa-table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;padding:22px 24px}.fa-section-label{color:#2563eb;display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;margin-bottom:5px}.fa-table-header h2{color:#0f172a;font-size:19px;margin:0}.fa-table-header p{color:#64748b;font-size:13px;margin:6px 0 0}.fa-total-badge{background:#eff6ff;border-radius:999px;color:#2563eb;font-size:12px;font-weight:700;padding:7px 12px}.fa-table-wrapper{overflow-x:auto;width:100%}.fa-table{border-collapse:collapse;min-width:780px;width:100%}.fa-table th{background:#f8fafc;color:#64748b;font-size:11px;font-weight:750;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.fa-table td{border-top:1px solid #f1f5f9;color:#475569;font-size:13px;padding:15px 20px}.fa-table tbody tr{transition:.2s ease}.fa-table tbody tr:hover{background:#f8fbff}.fa-number{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.fa-student{gap:11px}.fa-avatar,.fa-student{align-items:center;display:flex}.fa-avatar{background:#eff6ff;border-radius:50%;color:#2563eb;flex-shrink:0;font-size:13px;font-weight:750;height:36px;justify-content:center;width:36px}.fa-student strong{color:#334155;display:block;font-size:13px;margin-bottom:3px}.fa-student small{color:#94a3b8;font-size:10px}.fa-status-select{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;min-width:130px;outline:none;padding:8px 30px 8px 10px}.fa-status-hadir{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.fa-status-izin{background:#fffbeb;border-color:#fde68a;color:#b45309}.fa-status-sakit{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.fa-status-alpha{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.fa-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;padding:18px 24px}.fa-footer span{color:#334155;display:block;font-size:13px;font-weight:650;margin-bottom:3px}.fa-footer small{color:#94a3b8;font-size:11px}.fa-save-button{align-items:center;background:#2563eb;border:none;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;min-width:160px;padding:11px 17px;transition:.2s ease}.fa-save-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.fa-save-button:disabled{cursor:not-allowed;opacity:.7}.fa-loading{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:300px}.fa-loading strong{color:#334155;font-size:14px}.fa-loading span{color:#94a3b8;font-size:12px}.fa-spinner{animation:fa-spin .8s linear infinite;border:3px solid #dbeafe;border-radius:50%;border-top-color:#2563eb;height:32px;margin-bottom:7px;width:32px}@keyframes fa-spin{to{transform:rotate(1turn)}}.fa-button-spinner{animation:fa-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:13px;width:13px}.fa-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.fa-empty-icon{font-size:38px;margin-bottom:10px}.fa-empty h3{color:#334155;font-size:16px;margin:0 0 5px}.fa-empty p{color:#94a3b8;font-size:13px;margin:0}@media (max-width:1100px){.fa-info-card{grid-template-columns:repeat(2,1fr)}.fa-info-item:nth-child(2){border-right:none}.fa-info-item:nth-child(-n+2){border-bottom:1px solid #e2e8f0}.fa-stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.fa-info-card{grid-template-columns:1fr}.fa-info-item{border-bottom:1px solid #e2e8f0;border-right:none}.fa-info-item:last-child{border-bottom:none}.fa-stat-grid{grid-template-columns:repeat(2,1fr)}.fa-table-header{align-items:flex-start;flex-direction:column}.fa-footer{align-items:stretch;flex-direction:column}.fa-save-button{width:100%}}@media (max-width:480px){.fa-stat-grid{grid-template-columns:1fr}.fa-header-content h1{font-size:23px}}.ab-page,.ab-page *{box-sizing:border-box}.ab-page{background:radial-gradient(circle at 10% 0,#f9731614,#0000 30%),radial-gradient(circle at 90% 20%,#fb923c0f,#0000 28%),#f7f9fc;color:#172033;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:40px;width:100%}.ab-header{margin:0 auto 30px;max-width:1180px;width:100%}.ab-eyebrow{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:13px;padding:7px 13px}.ab-title{color:#111827;font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0}.ab-subtitle{color:#7c8798;font-size:14px;line-height:1.7;margin:12px 0 0}.ab-filter-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 15px 45px #0f172a0f;margin:0 auto 22px;max-width:1180px;padding:26px 30px;width:100%}.ab-filter-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.ab-section-label{color:#f97316;display:block;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:7px}.ab-section-title{color:#172033;font-size:20px;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0}.ab-section-description{color:#8b95a5;font-size:12px;line-height:1.5;margin:6px 0 0}.ab-reset-button{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#ea580c;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;min-height:35px;padding:0 13px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.ab-reset-button:hover{background:#ffedd5;border-color:#fdba74;color:#c2410c;transform:translateY(-1px)}.ab-filter-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.ab-filter-field{min-width:0}.ab-filter-field label{color:#667085;display:block;font-size:10px;font-weight:750;margin-bottom:7px}.ab-input-wrapper{position:relative;width:100%}.ab-input-icon{font-size:13px;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.ab-filter-field input{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:10px;color:#1d2738;font-family:inherit;font-size:12px;height:43px;outline:none;padding:0 13px 0 38px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.ab-filter-field input::placeholder{color:#a8b0bd}.ab-filter-field input:hover{border-color:#cbd4e0}.ab-filter-field input:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 4px #f9731614}.ab-table-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 20px 60px #0f172a12;margin:0 auto;max-width:1180px;overflow:hidden;width:100%}.ab-table-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;padding:27px 30px 24px}.ab-total-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:10px;font-weight:800;justify-content:center;min-height:34px;padding:0 13px}.ab-table-wrapper{border-top:1px solid #edf0f5;overflow-x:auto;width:100%}.ab-table{border-collapse:collapse;min-width:820px;table-layout:fixed;width:100%}.ab-table thead{background:#fff8f3}.ab-table th{border-bottom:1px solid #f3e1d3;color:#7c3a13;font-size:11px;font-weight:800;height:52px;letter-spacing:.1px;padding:0 20px;text-align:left}.ab-table td{border-bottom:1px solid #edf0f5;color:#667085;font-size:12px;height:72px;padding:12px 20px;vertical-align:middle}.ab-table tbody tr:last-child td{border-bottom:none}.ab-table-row{transition:background .2s ease,box-shadow .2s ease}.ab-table-row:hover{background:#fffaf7}.ab-table-row:hover td{color:#596579}.ab-table td:first-child,.ab-table th:first-child{width:19%}.ab-table td:nth-child(2),.ab-table th:nth-child(2){width:29%}.ab-table td:nth-child(3),.ab-table th:nth-child(3){width:17%}.ab-table td:nth-child(4),.ab-table th:nth-child(4){width:15%}.ab-table td:nth-child(5),.ab-table th:nth-child(5){width:20%}.ab-class-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;color:#c2410c;display:inline-flex;font-size:10px;font-weight:750;min-height:28px;padding:0 10px}.ab-subject{gap:9px;min-width:0}.ab-subject,.ab-subject-icon{align-items:center;display:flex}.ab-subject-icon{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;flex:0 0 31px;font-size:12px;height:31px;justify-content:center;width:31px}.ab-subject span:last-child{color:#344054;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-day{color:#667085;font-size:11px;font-weight:650}.ab-time{align-items:center;background:#fbfcfe;border:1px solid #e7ebf2;border-radius:7px;color:#596579;display:inline-flex;font-size:10px;font-weight:700;min-height:27px;padding:0 9px}.ab-action-column{text-align:center!important}.ab-action-cell{text-align:center}.ab-btn-attendance{align-items:center;background:#f97316;border:none;border-radius:8px;box-shadow:0 5px 12px #f9731629;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:10px;font-weight:750;gap:7px;justify-content:center;min-height:34px;padding:0 13px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.ab-btn-attendance span{font-size:12px;font-weight:900}.ab-btn-attendance:hover{background:#ea580c;box-shadow:0 7px 15px #f9731638;transform:translateY(-1px)}.ab-btn-attendance:active{transform:translateY(0)}.ab-empty-cell{height:280px!important;text-align:center}.ab-empty,.ab-loading{align-items:center;display:flex;flex-direction:column;gap:7px;justify-content:center}.ab-empty strong,.ab-loading strong{color:#344054;font-size:13px}.ab-empty span,.ab-loading span{color:#9aa3b2;font-size:11px}.ab-spinner{animation:ab-spin .8s linear infinite;border:3px solid #ffedd5;border-radius:50%;border-top-color:#f97316;height:35px;margin-bottom:5px;width:35px}@keyframes ab-spin{to{transform:rotate(1turn)}}.ab-empty-icon{align-items:center;background:#fff7ed;border-radius:13px;display:flex;font-size:20px;height:48px;justify-content:center;margin-bottom:5px;width:48px}.ab-empty-reset{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#ea580c;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;margin-top:7px;min-height:32px;padding:0 12px;transition:background .2s ease,color .2s ease,transform .2s ease}.ab-empty-reset:hover{background:#ffedd5;color:#c2410c;transform:translateY(-1px)}.ab-form-container{margin:0 auto;max-width:1180px;width:100%}@media (max-width:900px){.ab-page{padding:30px}.ab-filter-grid{grid-template-columns:1fr}.ab-filter-header{align-items:flex-start;flex-direction:column}.ab-reset-button{align-self:flex-start}}@media (max-width:600px){.ab-page{padding:20px 14px 30px}.ab-header{margin-bottom:22px}.ab-title{font-size:29px;letter-spacing:-1px}.ab-subtitle{font-size:12px}.ab-filter-card{border-radius:15px;padding:21px 18px}.ab-section-title{font-size:19px}.ab-section-description{font-size:11px}.ab-table-card{border-radius:15px}.ab-table-header{align-items:flex-start;flex-direction:column;padding:22px 18px 20px}.ab-table{min-width:820px}.ab-table th{padding:0 14px}.ab-table td{padding:10px 14px}}@media (max-width:390px){.ab-page{padding:17px 11px 25px}.ab-title{font-size:26px}.ab-eyebrow{font-size:9px}.ab-filter-card,.ab-table-header{padding:19px 15px}.ab-total-badge{font-size:9px}}@media (prefers-reduced-motion:reduce){.ab-page *,.ab-page :after,.ab-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.upload-nilai-page,.upload-nilai-page *{box-sizing:border-box}.upload-nilai-page{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:32px;width:100%}.upload-nilai-page h1{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 28px}.file-card,.upload-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:28px;max-width:800px;padding:28px}.file-card h2,.upload-card h2{border-bottom:2px solid #fff7ed;color:#0f172a;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:10px}.upload-form{gap:20px}.form-group,.upload-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#475569;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-group input[type=file],.form-group select{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:14px;outline:none;padding:11px 14px;transition:all .2s ease;width:100%}.form-group input[type=file]:focus,.form-group select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.form-group input[type=file]::-webkit-file-upload-button{background-color:#fff7ed;border:none;border-radius:6px;color:#c2410c;cursor:pointer;font-size:13px;font-weight:600;margin-right:12px;padding:6px 12px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.form-group input[type=file]::file-selector-button{background-color:#fff7ed;border:none;border-radius:6px;color:#c2410c;cursor:pointer;font-size:13px;font-weight:600;margin-right:12px;padding:6px 12px;transition:background-color .2s ease}.form-group input[type=file]::-webkit-file-upload-button:hover{background-color:#ffedd5}.form-group input[type=file]::file-selector-button:hover{background-color:#ffedd5}.file-name{background-color:#fff7ed;border:1px dashed #fed7aa;border-radius:6px;color:#ea580c;display:inline-block;font-size:13px;font-weight:600;margin:4px 0 0;padding:8px 12px}.btn-upload{align-self:flex-start;background-color:#f97316;border:none;border-radius:8px;box-shadow:0 2px 4px #f9731640;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:4px;padding:12px 24px;transition:all .2s ease}.btn-upload:hover:not(:disabled){background-color:#ea580c;transform:translateY(-1px)}.btn-upload:disabled{cursor:not-allowed;opacity:.6;transform:none}.file-item{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.file-item:hover{background-color:#fffaf5;border-color:#fed7aa}.file-item h3{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 4px}.file-item p{color:#64748b;font-size:13px;margin:0}.btn-open{align-items:center;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:6px;color:#ea580c;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:8px 18px;text-decoration:none;transition:all .2s ease}.btn-open:hover{background-color:#f97316;border-color:#f97316;color:#fff}.empty-file{background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:10px;color:#94a3b8;font-size:14px;padding:32px 16px;text-align:center}@media (max-width:640px){.upload-nilai-page{padding:16px}.file-card,.upload-card{padding:20px}.btn-upload{width:100%}.file-item{align-items:flex-start;flex-direction:column;gap:12px}.btn-open{width:100%}}.jd-page,.jd-page *{box-sizing:border-box}.jd-page{background:radial-gradient(circle at 10% 0,#f9731614,#0000 30%),radial-gradient(circle at 90% 20%,#fb923c0f,#0000 28%),#f7f9fc;color:#172033;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:40px;width:100%}.jd-header{align-items:flex-end;display:flex;gap:25px;justify-content:space-between;margin:0 auto 28px;max-width:1180px;width:100%}.jd-eyebrow{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:13px;padding:7px 13px}.jd-title{color:#111827;font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0}.jd-subtitle{color:#7c8798;font-size:14px;line-height:1.7;margin:12px 0 0}.jd-btn-add{align-items:center;background:#f97316;border:none;border-radius:10px;box-shadow:0 7px 17px #f973162e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:750;gap:8px;justify-content:center;min-height:43px;padding:0 17px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.jd-btn-add:hover{background:#ea580c;box-shadow:0 10px 22px #f9731640;transform:translateY(-1px)}.jd-btn-add-icon{font-size:19px;font-weight:400;line-height:1}.jd-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto 22px;max-width:1180px;width:100%}.jd-summary-card{align-items:center;background:#fff;border:1px solid #e7ebf2;border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,.045);display:flex;gap:13px;min-height:88px;padding:17px;transition:transform .2s ease,box-shadow .2s ease}.jd-summary-card:hover{box-shadow:0 14px 35px #0f172a12;transform:translateY(-2px)}.jd-summary-icon{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:11px;display:flex;flex:0 0 44px;font-size:19px;height:44px;justify-content:center;width:44px}.jd-summary-content{display:flex;flex-direction:column;gap:3px}.jd-summary-content span{color:#8b95a5;font-size:10px;font-weight:700}.jd-summary-content strong{color:#172033;font-size:21px;font-weight:800;line-height:1}.jd-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 20px 60px #0f172a12;margin:0 auto;max-width:1180px;overflow:hidden;width:100%}.jd-card-header{align-items:flex-end;display:flex;gap:25px;justify-content:space-between;padding:28px 30px 24px}.jd-section-label{color:#f97316;display:block;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:8px}.jd-section-title{color:#172033;font-size:22px;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0}.jd-section-description{color:#8b95a5;font-size:12px;line-height:1.5;margin:7px 0 0}.jd-total-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:11px;display:flex;flex-direction:column;gap:3px;justify-content:center;min-width:115px;padding:9px 15px}.jd-total-badge strong{color:#ea580c;font-size:20px;font-weight:800;line-height:1}.jd-total-badge span{color:#9a5b28;font-size:9px;font-weight:700}.jd-table-wrapper{border-top:1px solid #edf0f5;overflow-x:auto;width:100%}.jd-table{border-collapse:collapse;min-width:1050px;table-layout:fixed;width:100%}.jd-table thead{background:#fff8f3}.jd-table th{border-bottom:1px solid #f3e1d3;color:#7c3a13;font-size:10px;font-weight:800;height:52px;letter-spacing:.2px;padding:0 16px;text-align:left}.jd-table td{border-bottom:1px solid #edf0f5;color:#667085;font-size:11px;height:72px;padding:11px 16px;vertical-align:middle}.jd-table tbody tr:last-child td{border-bottom:none}.jd-table-row{transition:background .2s ease,box-shadow .2s ease}.jd-table-row:hover{background:#fffaf7}.jd-col-no{text-align:center!important;width:5%}.jd-col-kelas,.jd-col-mapel{width:17%}.jd-col-tentor{width:15%}.jd-col-tanggal{width:20%}.jd-col-waktu{width:13%}.jd-col-aksi{text-align:center!important;width:13%}.jd-number-cell{text-align:center}.jd-number{align-items:center;background:#f8fafc;border-radius:8px;color:#7c8798;display:inline-flex;font-size:10px;font-weight:800;height:27px;justify-content:center;width:27px}.jd-class-info{align-items:center;display:flex;gap:10px;min-width:0}.jd-class-avatar{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:10px;color:#ea580c;display:flex;flex:0 0 36px;font-size:12px;font-weight:800;height:36px;justify-content:center;width:36px}.jd-class-text{display:flex;flex-direction:column;gap:3px;min-width:0}.jd-class-text strong{color:#344054;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jd-class-text span{color:#a0a8b5;font-size:9px}.jd-subject{gap:7px}.jd-subject,.jd-subject-icon{align-items:center;display:flex}.jd-subject-icon{background:#fff7ed;border-radius:7px;flex:0 0 25px;font-size:12px;height:25px;justify-content:center;width:25px}.jd-subject strong{color:#344054;font-size:11px;font-weight:700}.jd-tentor{align-items:center;color:#667085;display:flex;font-size:11px;font-weight:650;gap:7px}.jd-tentor-icon{font-size:13px}.jd-date{line-height:1.5}.jd-date,.jd-date strong{color:#667085;font-size:10px}.jd-date strong{font-weight:650}.jd-time-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#c2410c;display:inline-flex;font-size:9px;font-weight:750;gap:5px;min-height:29px;padding:0 9px;white-space:nowrap}.jd-time-badge span{font-size:11px}.jd-action-group{align-items:center;display:flex;gap:6px;justify-content:center}.jd-btn-delete,.jd-btn-edit{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:9px;font-weight:750;gap:5px;justify-content:center;min-height:31px;padding:0 9px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.jd-btn-edit{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.jd-btn-edit:hover{background:#ffedd5;border-color:#fdba74;color:#c2410c;transform:translateY(-1px)}.jd-btn-delete{background:#fff5f5;border:1px solid #fecaca;color:#dc2626}.jd-btn-delete:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px)}.jd-empty-cell{height:280px!important;text-align:center}.jd-empty{flex-direction:column;gap:7px}.jd-empty,.jd-empty-icon{align-items:center;display:flex;justify-content:center}.jd-empty-icon{background:#fff7ed;border-radius:14px;font-size:22px;height:52px;margin-bottom:4px;width:52px}.jd-empty strong{color:#344054;font-size:13px}.jd-empty span{color:#9aa3b2;font-size:10px}.jd-loading{align-items:center;color:#8b95a5;display:flex;flex-direction:column;font-size:11px;gap:10px}.jd-loading-spinner{animation:jd-spin .8s linear infinite;border:3px solid #ffedd5;border-radius:50%;border-top-color:#f97316;height:28px;width:28px}@keyframes jd-spin{to{transform:rotate(1turn)}}.jd-modal-overlay{align-items:center;animation:jd-fade-in .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:25px;position:fixed;z-index:9999}.jd-modal{animation:jd-modal-up .25s ease;background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 25px 80px #0f172a2e;max-height:90vh;overflow-y:auto;width:min(650px,100%)}.jd-modal-header{align-items:flex-start;border-bottom:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;padding:24px 26px}.jd-modal-heading{align-items:center;display:flex;gap:13px}.jd-modal-icon{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:11px;color:#ea580c;display:flex;flex:0 0 44px;font-size:18px;height:44px;justify-content:center;width:44px}.jd-modal-label{color:#f97316;display:block;font-size:9px;font-weight:800;letter-spacing:.7px;margin-bottom:3px}.jd-modal-header h2{color:#172033;font-size:20px;font-weight:800;margin:0}.jd-modal-header p{color:#8b95a5;font-size:10px;line-height:1.5;margin:5px 0 0}.jd-modal-close{align-items:center;background:#f5f6f8;border:none;border-radius:8px;color:#7c8798;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:20px;height:34px;justify-content:center;line-height:1;transition:background .2s ease,color .2s ease;width:34px}.jd-modal-close:hover{background:#fff1e8;color:#ea580c}.jd-form{padding:25px 26px 0}.jd-field{margin-bottom:17px;width:100%}.jd-field label{color:#344054;display:block;font-size:11px;font-weight:750;margin-bottom:7px}.jd-field label span{color:#ef4444;margin-left:3px}.jd-field input,.jd-field select{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:9px;color:#344054;font-family:inherit;font-size:11px;height:43px;outline:none;padding:0 12px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.jd-field input::placeholder{color:#a8b0bd}.jd-field input:hover,.jd-field select:hover{border-color:#cbd4e0}.jd-field input:focus,.jd-field select:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 4px #f9731614}.jd-field input[readonly]{background:#f8fafc;color:#8b95a5;cursor:default}.jd-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.jd-modal-footer{border-top:1px solid #edf0f5;display:flex;gap:8px;justify-content:flex-end;margin-top:5px;padding:18px 0 24px}.jd-btn-cancel,.jd-btn-save{border-radius:9px;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;min-height:39px;padding:0 16px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.jd-btn-cancel{background:#fff;border:1px solid #dfe4ec;color:#667085}.jd-btn-cancel:hover{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.jd-btn-save{align-items:center;background:#f97316;border:none;box-shadow:0 6px 14px #f9731629;color:#fff;display:inline-flex;gap:6px;justify-content:center}.jd-btn-save:hover{background:#ea580c;box-shadow:0 8px 18px #f9731638;transform:translateY(-1px)}.jd-btn-save span{font-size:15px}@keyframes jd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes jd-modal-up{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.jd-page{padding:30px}.jd-header{align-items:flex-start;flex-direction:column}.jd-btn-add{width:100%}.jd-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.jd-card-header{align-items:flex-start;flex-direction:column}.jd-total-badge{align-self:flex-start}.jd-table{min-width:1000px}}@media (max-width:600px){.jd-page{padding:20px 14px 30px}.jd-header{margin-bottom:22px}.jd-title{font-size:29px;letter-spacing:-1px}.jd-subtitle{font-size:12px}.jd-summary{gap:9px;grid-template-columns:1fr}.jd-summary-card{min-height:70px}.jd-card{border-radius:15px}.jd-card-header{padding:22px 18px 20px}.jd-section-title{font-size:19px}.jd-section-description{font-size:11px}.jd-total-badge{width:100%}.jd-table{min-width:1000px}.jd-table th{padding:0 13px}.jd-table td{padding:10px 13px}.jd-modal-overlay{align-items:flex-end;padding:0}.jd-modal{border-radius:18px 18px 0 0;max-height:92vh;width:100%}.jd-modal-header{padding:20px 18px}.jd-form{padding:22px 18px 0}.jd-form-row{gap:0;grid-template-columns:1fr}.jd-modal-footer{padding-bottom:20px}.jd-btn-cancel,.jd-btn-save{flex:1 1}}@media (max-width:390px){.jd-page{padding:17px 11px 25px}.jd-title{font-size:26px}.jd-eyebrow{font-size:9px}.jd-modal-heading{gap:9px}.jd-modal-icon{flex-basis:39px;height:39px;width:39px}.jd-modal-header h2{font-size:18px}}@media (prefers-reduced-motion:reduce){.jd-page *,.jd-page :after,.jd-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.pg-page,.pg-page *{box-sizing:border-box}.pg-page{background:radial-gradient(circle at 10% 0,#f9731614,#0000 30%),radial-gradient(circle at 90% 20%,#fb923c0f,#0000 28%),#f7f9fc;color:#172033;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:40px;width:100%}.pg-header{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin:0 auto 30px;max-width:1180px;width:100%}.pg-header-content{min-width:0}.pg-eyebrow{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:13px;padding:7px 13px}.pg-title{color:#111827;font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0}.pg-subtitle{color:#7c8798;font-size:14px;line-height:1.7;margin:12px 0 0;max-width:650px}.pg-btn-add{align-items:center;background:#f97316;border:none;border-radius:10px;box-shadow:0 7px 18px #f973162e;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:11px;font-weight:800;gap:9px;justify-content:center;min-height:43px;padding:0 17px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.pg-btn-add:hover{background:#ea580c;box-shadow:0 9px 22px #f9731640;transform:translateY(-1px)}.pg-btn-add-icon{font-size:18px;line-height:1}.pg-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 20px 60px #0f172a12;margin:0 auto;max-width:1180px;overflow:hidden;width:100%}.pg-card-header{align-items:flex-end;border-bottom:1px solid #edf0f5;display:flex;gap:25px;justify-content:space-between;padding:28px 30px 24px}.pg-section-label{color:#f97316;display:block;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:8px}.pg-section-title{color:#172033;font-size:22px;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0}.pg-section-description{color:#8b95a5;font-size:12px;line-height:1.5;margin:7px 0 0}.pg-total-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:10px;font-weight:800;justify-content:center;min-height:34px;padding:0 13px;white-space:nowrap}.pg-content{padding:26px 30px 30px}.pg-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.pg-item{background:#fff;border:1px solid #e7ebf2;border-radius:14px;box-shadow:0 8px 25px #0f172a0a;display:flex;flex-direction:column;min-width:0;padding:20px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pg-item:before{background:#f97316;border-radius:14px 0 0 14px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.pg-item:hover{border-color:#fed7aa;box-shadow:0 14px 35px #0f172a14;transform:translateY(-2px)}.pg-item:hover:before{opacity:1}.pg-item-header{align-items:flex-start;display:flex;gap:12px}.pg-item-icon{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:11px;display:flex;flex:0 0 42px;font-size:18px;height:42px;justify-content:center;width:42px}.pg-item-heading{min-width:0}.pg-item-title{color:#344054;font-size:14px;font-weight:800;line-height:1.4;margin:1px 0 5px;overflow:hidden;text-overflow:ellipsis}.pg-item-date{color:#9aa3b2;display:block;font-size:10px}.pg-item-body{border-top:1px solid #edf0f5;margin-top:17px;padding-top:15px}.pg-item-body p{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#667085;display:-webkit-box;font-size:12px;line-height:1.7;margin:0;overflow:hidden;white-space:pre-line;word-break:break-word}.pg-item-footer{align-items:center;border-top:1px solid #edf0f5;display:flex;gap:12px;justify-content:space-between;margin-top:18px;padding-top:14px}.pg-item-status{color:#16a34a;font-size:10px;font-weight:750}.pg-item-actions{align-items:center;display:flex;gap:7px}.pg-btn-edit{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#ea580c;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;min-height:31px;padding:0 11px;transition:background .2s ease,transform .2s ease}.pg-btn-edit:hover{background:#ffedd5;transform:translateY(-1px)}.pg-btn-delete{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;min-height:31px;padding:0 11px;transition:background .2s ease,transform .2s ease}.pg-btn-delete:hover{background:#fee2e2;color:#b91c1c;transform:translateY(-1px)}.pg-loading{align-items:center;color:#8b95a5;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:300px;text-align:center}.pg-loading strong{color:#344054;font-size:13px}.pg-loading span{color:#9aa3b2;font-size:11px}.pg-loading-spinner{animation:pg-spin .8s linear infinite;border:3px solid #ffedd5;border-radius:50%;border-top-color:#f97316;height:36px;margin-bottom:6px;width:36px}.pg-empty{flex-direction:column;gap:8px;min-height:330px;padding:40px;text-align:center}.pg-empty,.pg-empty-icon{align-items:center;display:flex;justify-content:center}.pg-empty-icon{background:#fff7ed;border:1px solid #fed7aa;border-radius:15px;font-size:24px;height:58px;margin-bottom:5px;width:58px}.pg-empty h3{color:#344054;font-size:15px;font-weight:800;margin:0}.pg-empty p{color:#9aa3b2;font-size:11px;line-height:1.6;margin:0;max-width:420px}.pg-btn-empty{background:#f97316;border:none;border-radius:9px;color:#fff;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;margin-top:9px;min-height:37px;padding:0 14px;transition:background .2s ease,transform .2s ease}.pg-btn-empty:hover{background:#ea580c;transform:translateY(-1px)}.pg-modal-overlay{align-items:center;animation:pg-fade-in .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:25px;position:fixed;z-index:9999}.pg-modal{animation:pg-modal-up .25s ease;background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 25px 80px #0f172a2e;max-height:90vh;overflow-y:auto;width:min(620px,100%)}.pg-modal-header{align-items:flex-start;border-bottom:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;padding:24px 26px}.pg-modal-label{color:#f97316;display:block;font-size:9px;font-weight:800;letter-spacing:.7px;margin-bottom:7px}.pg-modal-header h2{color:#172033;font-size:20px;font-weight:800;margin:0}.pg-modal-header p{color:#8b95a5;font-size:11px;margin:6px 0 0}.pg-modal-close{align-items:center;background:#f5f6f8;border:none;border-radius:8px;color:#7c8798;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:20px;height:34px;justify-content:center;line-height:1;transition:background .2s ease,color .2s ease;width:34px}.pg-modal-close:hover{background:#fff1e8;color:#ea580c}.pg-form{padding-top:24px}.pg-form-group{margin-bottom:20px;padding:0 26px}.pg-form-group label{color:#344054;display:block;font-size:11px;font-weight:800;margin-bottom:7px}.pg-form-input,.pg-form-textarea{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:10px;color:#1d2738;font-family:inherit;font-size:12px;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.pg-form-input{height:43px;padding:0 13px}.pg-form-textarea{line-height:1.6;min-height:145px;padding:12px 13px;resize:vertical}.pg-form-input::placeholder,.pg-form-textarea::placeholder{color:#a8b0bd}.pg-form-input:hover,.pg-form-textarea:hover{border-color:#cbd4e0}.pg-form-input:focus,.pg-form-textarea:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 4px #f9731614}.pg-form-input:disabled,.pg-form-textarea:disabled{cursor:not-allowed;opacity:.65}.pg-form-group small{color:#9aa3b2;display:block;font-size:9px;margin-top:6px;text-align:right}.pg-modal-footer{border-top:1px solid #edf0f5;display:flex;gap:8px;justify-content:flex-end;margin-top:4px;padding:18px 26px}.pg-btn-cancel{background:#fff;border:1px solid #dfe4ec;border-radius:9px;color:#667085;cursor:pointer;font-family:inherit;font-size:11px;font-weight:750;min-height:38px;padding:0 16px;transition:background .2s ease,border-color .2s ease,color .2s ease}.pg-btn-cancel:hover{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.pg-btn-save{background:#f97316;border:none;border-radius:9px;box-shadow:0 5px 12px #f9731629;color:#fff;cursor:pointer;font-family:inherit;font-size:11px;font-weight:800;min-height:38px;padding:0 17px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.pg-btn-save:hover{background:#ea580c;box-shadow:0 7px 15px #f9731638;transform:translateY(-1px)}.pg-btn-cancel:disabled,.pg-btn-save:disabled,.pg-modal-close:disabled{cursor:not-allowed;opacity:.6;transform:none}.pg-button-spinner{animation:pg-spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;margin-right:7px;vertical-align:-2px;width:12px}@keyframes pg-spin{to{transform:rotate(1turn)}}@keyframes pg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pg-modal-up{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.pg-page{padding:30px}.pg-header{align-items:flex-start;flex-direction:column}.pg-btn-add{align-self:flex-start}.pg-list{grid-template-columns:1fr}.pg-card-header{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.pg-page{padding:20px 14px 30px}.pg-header{margin-bottom:22px}.pg-title{font-size:29px;letter-spacing:-1px}.pg-subtitle{font-size:12px}.pg-btn-add{width:100%}.pg-card{border-radius:15px}.pg-card-header{padding:22px 18px 20px}.pg-content{padding:20px 18px 22px}.pg-section-title{font-size:19px}.pg-section-description{font-size:11px}.pg-total-badge{align-self:flex-start}.pg-item{padding:17px}.pg-item-footer{align-items:flex-start;flex-direction:column}.pg-item-actions{width:100%}.pg-btn-delete,.pg-btn-edit{flex:1 1}.pg-modal-overlay{align-items:flex-end;padding:0}.pg-modal{border-radius:18px 18px 0 0;max-height:92vh;width:100%}.pg-modal-header{padding:20px 18px}.pg-form-group{padding:0 18px}.pg-modal-footer{padding:16px 18px}.pg-btn-cancel,.pg-btn-save{flex:1 1}}@media (max-width:390px){.pg-page{padding:17px 11px 25px}.pg-title{font-size:26px}.pg-eyebrow{font-size:9px}.pg-card-header{padding:19px 15px}.pg-content{padding:17px 15px 20px}.pg-item{padding:15px}.pg-item-title{font-size:13px}.pg-modal-header{padding:18px 15px}.pg-form-group{padding:0 15px}.pg-modal-footer{padding:15px}}@media (prefers-reduced-motion:reduce){.pg-page *,.pg-page :after,.pg-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*{font-family:Inter,Segoe UI,Arial,sans-serif}.modal-bg{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.modal-card{animation:modalFade .25s ease;background:#fff;border-radius:18px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;gap:14px;max-width:100%;padding:28px;width:430px}.modal-card h2{color:#14532d;font-size:24px;font-weight:700;margin:0 0 8px}.modal-card input{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;font-size:14px;outline:none;padding:12px 14px;transition:.2s ease;width:100%}.modal-card input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.modal-card input::placeholder{color:#9ca3af}.modal-action{display:flex;gap:10px;margin-top:8px}.modal-action button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px;transition:.2s ease}.modal-action button:first-child{background:#166534;color:#fff}.modal-action button:first-child:hover{background:#14532d;transform:translateY(-1px)}.modal-action button:nth-child(2){background:#e5e7eb;color:#374151}.modal-action button:nth-child(2):hover{background:#d1d5db;transform:translateY(-1px)}@keyframes modalFade{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.modal-card{padding:22px;width:100%}.modal-card h2{font-size:21px}.modal-action{flex-direction:column}}.detail-kelas-container,.detail-kelas-container *{box-sizing:border-box}.detail-kelas-container{--navy-900:#101d33;--navy-800:#16274a;--navy-700:#1f3563;--navy-500:#35507f;--ink:#1b2233;--ink-soft:#5b6478;--ink-faint:#8a91a3;--paper:#fbfbfd;--paper-tint:#eef1fa;--paper-line:#dfe4f2;--amber:#f0a93e;--amber-deep:#d98a1f;--amber-ink:#6b4508;--mint:#2c9c73;--mint-deep:#1f7d5c;--danger:#c84b4b;--danger-bg:#fff2f2;background:repeating-linear-gradient(to bottom,#0000 0,#0000 43px,rgba(31,53,99,.035) 44px),var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:40px 32px 70px;width:100%}.detail-kelas-container>h1{color:var(--navy-900);display:inline-block;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.5px;line-height:1.15;margin:0 0 28px;position:relative}.detail-kelas-container>h1:after{background:#f0a93e66;bottom:1px;content:"";height:9px;left:0;position:absolute;right:8px;z-index:0}.detail-kelas-container>h1{isolation:isolate}.detail-kelas-container>h1:after{z-index:-1}.kelas-top-row{grid-gap:22px;align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);margin-bottom:24px}.detail-kelas-card{background:#fff;border:1px solid var(--paper-line);border-radius:20px;box-shadow:0 10px 28px #101d3312;min-height:180px;overflow:hidden;padding:28px;position:relative}.detail-kelas-card:before{background:var(--amber);border-radius:0 0 4px 4px;content:"";height:4px;left:28px;position:absolute;top:0;width:90px}.detail-kelas-card:after{background:#dfe4f28c;bottom:34px;content:"";height:1px;left:0;position:absolute;right:0}.detail-kelas-card h3{color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-size:25px;font-weight:700;line-height:1.3;margin:20px 0 15px;position:relative}.detail-kelas-card p{color:var(--ink-soft);font-size:14px;line-height:1.7;margin:0}.detail-kelas-card p:first-line{color:var(--navy-700)}.tambah-siswa-card{background:#fff;border:1px solid var(--paper-line);border-radius:20px;box-shadow:0 10px 28px #101d3312;overflow:visible;padding:28px;position:relative;z-index:5}.tambah-siswa-card:before{background:var(--amber);border-radius:0 0 4px 4px;content:"";height:4px;left:28px;position:absolute;top:0;width:70px}.tambah-siswa-card h2{color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-size:20px;font-weight:700;line-height:1.3;margin:2px 0 18px}.search-box{position:relative;width:100%}.search-box input{background:#fbfbfd;border:1px solid var(--paper-line);border-radius:11px;color:var(--ink);font-family:Inter,sans-serif;font-size:13px;height:46px;outline:none;padding:0 15px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.search-box input::placeholder{color:var(--ink-faint)}.search-box input:focus{background:#fff;border-color:var(--navy-500);box-shadow:0 0 0 3px #35507f1a}.search-result{background:#fff;border:1px solid var(--paper-line);border-radius:13px;box-shadow:0 16px 35px #101d3324;left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.search-item{border-bottom:1px solid #edf0f6;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:13px 15px;transition:background .18s ease,padding-left .18s ease}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--paper-tint);padding-left:19px}.search-item strong{color:var(--navy-900);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.search-item span{color:var(--ink-soft);font-size:11px;line-height:1.5}.siswa-table-card{background:#fff;border:1px solid var(--paper-line);border-radius:20px;box-shadow:0 10px 28px #101d3312;overflow:hidden;padding:26px;position:relative;width:100%}.siswa-table-card:before{background:var(--amber);border-radius:0 0 4px 4px;content:"";height:4px;left:28px;position:absolute;top:0;width:80px}.siswa-table-card h2{color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-size:21px;font-weight:700;margin:3px 0 22px}.siswa-table-card{overflow-x:auto}.siswa-table{border-collapse:initial;border-spacing:0;min-width:720px;overflow:hidden;width:100%}.siswa-table thead th{background:var(--navy-800);border:none;color:#fff;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.04em;padding:13px 14px;text-align:left;white-space:nowrap}.siswa-table thead th:first-child{border-radius:10px 0 0 10px}.siswa-table thead th:last-child{border-radius:0 10px 10px 0;text-align:center}.siswa-table tbody tr{transition:background .18s ease}.siswa-table tbody tr:hover{background:var(--paper-tint)}.siswa-table tbody td{border-bottom:1px solid #e7eaf1;color:var(--ink-soft);font-size:12px;line-height:1.5;padding:15px 14px;vertical-align:middle}.siswa-table tbody td:first-child{color:var(--navy-900);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.siswa-table tbody td:last-child{text-align:center}.btn-detail{align-items:center;background:#16274a;border:1px solid #16274a;border-radius:11px;display:flex;font-size:13px;font-weight:700;height:44px;justify-content:center;padding:0 18px;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-detail:hover{border-color:#1f3563;box-shadow:0 7px 16px #101d332e}.btn-delete{background:var(--danger-bg);border:1px solid #c84b4b40;border-radius:8px;color:var(--danger);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:700;padding:8px 12px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.btn-delete:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:translateY(-1px)}.empty-data{background:#fbfbfd;color:var(--ink-faint)!important;font-size:12px!important}.empty-data:before{color:var(--amber);content:"✎";display:block;font-family:Space Grotesk,sans-serif;font-size:26px;margin-bottom:7px}.search-result::-webkit-scrollbar,.siswa-table-card::-webkit-scrollbar{height:7px;width:7px}.search-result::-webkit-scrollbar-track,.siswa-table-card::-webkit-scrollbar-track{background:#f1f3f8}.search-result::-webkit-scrollbar-thumb,.siswa-table-card::-webkit-scrollbar-thumb{background:#cbd2e2;border-radius:999px}.search-result::-webkit-scrollbar-thumb:hover,.siswa-table-card::-webkit-scrollbar-thumb:hover{background:var(--navy-500)}@media (max-width:1050px){.kelas-top-row{grid-template-columns:1fr}}@media (max-width:768px){.detail-kelas-container{padding:25px 20px 50px}.detail-kelas-container>h1{font-size:29px;margin-bottom:23px}.detail-kelas-card,.siswa-table-card,.tambah-siswa-card{padding:22px}.detail-kelas-card:before,.siswa-table-card:before,.tambah-siswa-card:before{left:22px}}@media (max-width:550px){.detail-kelas-container{padding:20px 14px 40px}.detail-kelas-container>h1{font-size:26px}.detail-kelas-card,.siswa-table-card,.tambah-siswa-card{padding:18px}.detail-kelas-card:before,.siswa-table-card:before,.tambah-siswa-card:before{left:18px}.detail-kelas-card h3{font-size:21px;margin-top:17px}.siswa-table-card h2,.tambah-siswa-card h2{font-size:18px}.notification-item{grid-template-columns:40px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.detail-kelas-container *,.detail-kelas-container :after,.detail-kelas-container :before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.program-page{color:#1b2233;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0 auto;max-width:1500px;width:100%}.program-page-header{align-items:center;background:#fff;border:1px solid #dfe4f2;border-radius:17px;box-shadow:0 4px 18px #101d330d;display:flex;gap:30px;justify-content:space-between;margin-bottom:18px;overflow:hidden;padding:28px 30px;position:relative}.program-page-header:after{border-top:3px solid #f0a93e47;bottom:-22px;content:"";height:55px;pointer-events:none;position:absolute;right:35px;transform:rotate(-2deg);width:190px}.program-heading{position:relative;z-index:2}.program-eyebrow{align-items:center;background:#eef1fa;border-radius:5px;color:#35507f;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.61rem;font-weight:700;gap:7px;letter-spacing:.08em;margin-bottom:8px;padding:5px 9px}.program-eyebrow span{background:#f0a93e;border-radius:50%;height:6px;width:6px}.program-heading h1{color:#101d33;display:inline-block;font-family:Space Grotesk,Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.035em;line-height:1.1;margin:0 0 8px;position:relative}.program-heading h1:after{background:#f0a93e66;border-radius:3px;bottom:-3px;content:"";height:8px;left:0;position:absolute;transform:rotate(-1deg);width:55%;z-index:-1}.program-heading p{color:#737e93;font-size:.77rem;line-height:1.65;margin:0;max-width:650px}.btn-add{align-items:center;background:#f0a93e;border:1px solid #e4a039;border-radius:9px;box-shadow:0 6px 16px #f0a93e33;color:#654208;cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:700;gap:7px;justify-content:center;min-height:44px;padding:0 17px;position:relative;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap;z-index:3}.btn-add:hover{background:#eda02c;box-shadow:0 9px 20px #f0a93e45;transform:translateY(-2px)}.program-plus{font-size:1rem;line-height:1}.program-toolbar{align-items:center;background:#f8f9fc;border:1px solid #e2e6f0;border-radius:11px;display:flex;justify-content:space-between;margin-bottom:12px;padding:14px 18px}.program-toolbar-info{align-items:center;display:flex;gap:11px}.program-count-icon{align-items:center;background:#eef1fa;border:1px solid #dce2ef;border-radius:9px;display:flex;font-size:1rem;height:37px;justify-content:center;width:37px}.program-toolbar-info strong{color:#263653;display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:.74rem;margin-bottom:2px}.program-toolbar-info span{color:#8a93a5;font-size:.61rem}.program-status{align-items:center;color:#718093;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.59rem;gap:7px}.program-status span{background:#35a57f;border-radius:50%;box-shadow:0 0 0 3px #35a57f1f;height:6px;width:6px}.program-table-card{background:#fff;border:1px solid #dfe4f2;border-radius:15px;box-shadow:0 4px 18px rgba(16,29,51,.045);overflow:hidden;position:relative}.program-table-card:before{background:#f0a93e;border-radius:0 0 4px 4px;content:"";height:4px;left:28px;position:absolute;top:0;width:72px;z-index:2}.program-table-wrapper{overflow-x:auto;width:100%}.program-table{border-collapse:collapse;min-width:750px;table-layout:fixed;width:100%}.program-table th:first-child{width:65px}.program-table th:nth-child(2){width:38%}.program-table th:nth-child(3){width:18%}.program-table th:nth-child(4){width:17%}.program-table th:nth-child(5){width:180px}.program-table thead{background:#f7f8fc}.program-table th{border-bottom:1px solid #e0e5ef;color:#67738a;font-family:IBM Plex Mono,monospace;font-size:.6rem;font-weight:700;height:55px;letter-spacing:.04em;padding:0 17px;text-align:left;text-transform:uppercase}.program-table .program-no{text-align:center}.program-action-head{text-align:center!important}.program-table tbody tr{transition:background .18s ease}.program-table tbody tr:hover{background:#fcfcfe}.program-table td{border-bottom:1px solid #edf0f5;color:#4e5b73;font-size:.71rem;height:82px;padding:10px 17px;vertical-align:middle}.program-table tbody tr:last-child td{border-bottom:none}.program-number{color:#9ba4b4!important;font-family:IBM Plex Mono,monospace;font-size:.63rem!important;text-align:center}.program-name-cell{align-items:center;display:flex;gap:11px;min-width:0}.program-icon{align-items:center;background:#fff5e4;border:1px solid #f4dfb9;border-radius:9px;display:flex;flex-shrink:0;font-size:.95rem;height:39px;justify-content:center;width:39px}.program-name-cell>div:last-child{min-width:0}.program-name-cell strong{color:#263653;display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:.75rem;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-name-cell span{color:#a0a8b6;display:block;font-size:.59rem}.program-price{color:#263653;font-size:.69rem;font-weight:700}.duration-badge,.program-price{font-family:IBM Plex Mono,monospace}.duration-badge{align-items:center;background:#f5f6fa;border:1px solid #e4e7ef;border-radius:6px;color:#5e6a80;display:inline-flex;font-size:.58rem;gap:5px;padding:6px 9px}.program-actions{display:flex;gap:6px}.program-actions,.program-actions button{align-items:center;justify-content:center}.program-actions button{border-radius:6px;cursor:pointer;display:inline-flex;font-size:.6rem;font-weight:600;gap:5px;min-height:31px;padding:0 10px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.program-actions button:hover{transform:translateY(-1px)}.btn-edit{background:#f3f6fb;border:1px solid #dce4f0;color:#3e5e8d}.btn-edit:hover{background:#eaf0f9;border-color:#cbd8e9}.btn-delete{background:#fff3f1;border:1px solid #f1d6d2;color:#bd5a50}.btn-delete:hover{background:#ffe9e6;border-color:#e9c1bc}.program-actions button span{font-size:.75rem}.program-empty{height:360px!important;padding:50px 20px!important;text-align:center!important}.empty-program-icon{align-items:center;background:#f5f6fa;border:1px dashed #d4dbe8;border-radius:14px;display:flex;font-size:1.4rem;height:62px;justify-content:center;margin:0 auto 13px;width:62px}.program-empty strong{color:#5d6980;display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:.82rem;margin-bottom:5px}.program-empty span{color:#9aa2b1;display:block;font-size:.66rem;margin-bottom:17px}.empty-add-program{background:#f0a93e;border:1px solid #e5a23a;border-radius:7px;color:#69470c;cursor:pointer;font-size:.65rem;font-weight:700;min-height:35px;padding:0 13px;transition:transform .2s ease,background .2s ease}.empty-add-program:hover{background:#eda02c;transform:translateY(-1px)}.program-table-footer{align-items:center;background:#fafbfc;border-top:1px solid #e7eaf1;color:#939baa;display:flex;font-size:.61rem;justify-content:space-between;min-height:48px;padding:0 19px}.program-table-footer strong{color:#536078;font-family:IBM Plex Mono,monospace}.program-system-status{align-items:center;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.56rem;gap:6px}.program-system-status i{background:#35a57f;border-radius:50%;height:6px;width:6px}@media (max-width:1000px){.program-page-header{align-items:flex-start;flex-direction:column}.btn-add{align-self:flex-start}}@media (max-width:650px){.program-page-header{border-radius:14px;padding:22px 19px}.program-heading h1{font-size:1.7rem}.program-heading p{font-size:.7rem}.btn-add{width:100%}.program-toolbar{align-items:flex-start;gap:10px;padding:12px 14px}.program-status{display:none}.program-table{min-width:750px}.program-table th{height:50px;padding:0 12px}.program-table td{height:72px;padding:9px 12px}.program-table-footer{padding:0 14px}}.program-page button:focus-visible{outline:3px solid #f0a93e8c;outline-offset:2px}.prg-modal-overlay{align-items:center;animation:prgFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.prg-modal{animation:prgSlideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0f172a2e;max-height:90vh;max-width:650px;overflow-y:auto;width:100%}.prg-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 28px 20px}.prg-modal-label{background:#fff4e8;border-radius:6px;color:#f97316;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.7px;margin-bottom:7px;padding:5px 9px;text-transform:uppercase}.prg-modal-header h2{color:#172033;font-size:22px;font-weight:700;line-height:1.3;margin:0}.prg-modal-header p{color:#94a3b8;font-size:12px;line-height:1.5;margin:6px 0 0}.prg-close-btn{align-items:center;background:#f8fafc;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:23px;font-weight:400;height:34px;justify-content:center;transition:background .2s ease,color .2s ease,transform .2s ease;width:34px}.prg-close-btn:hover{background:#fff1e8;color:#f97316;transform:rotate(90deg)}.prg-form{padding:24px 28px}.prg-form-group{display:flex;flex-direction:column;margin-bottom:18px}.prg-form-group:last-child{margin-bottom:0}.prg-form-group label{color:#475569;font-size:12px;font-weight:600;margin-bottom:7px}.prg-form-group label span{color:#f97316}.prg-form-group input,.prg-form-group select,.prg-form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-family:inherit;font-size:12px;outline:none;padding:11px 13px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.prg-form-group input::placeholder,.prg-form-group textarea::placeholder{color:#c0c8d2}.prg-form-group input:hover,.prg-form-group select:hover,.prg-form-group textarea:hover{border-color:#cbd5e1}.prg-form-group input:focus,.prg-form-group select:focus,.prg-form-group textarea:focus{background:#fffdfb;border-color:#f97316;box-shadow:0 0 0 3px #f9731617}.prg-form-group textarea{line-height:1.6;min-height:100px;resize:vertical}.prg-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.prg-input-prefix{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.prg-input-prefix:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f9731617}.prg-input-prefix span{align-items:center;background:#f8fafc;border-right:1px solid #e2e8f0;color:#64748b;display:flex;font-size:12px;font-weight:600;height:100%;padding:0 12px}.prg-input-prefix input{border:none;border-radius:0;box-shadow:none!important}.prg-input-prefix input:focus{border:none;box-shadow:none}.prg-form-group select{-webkit-appearance:auto;appearance:auto;cursor:pointer}.prg-modal-footer{align-items:center;background:#fafafa;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:18px 28px}.prg-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;min-width:90px;padding:10px 16px;transition:background .2s ease,border-color .2s ease,color .2s ease}.prg-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.prg-btn-save{background:#f97316;border:none;border-radius:8px;box-shadow:0 4px 10px #f973162e;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;min-width:135px;padding:10px 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.prg-btn-save:hover{background:#ea580c;box-shadow:0 6px 14px #f9731640;transform:translateY(-1px)}.prg-btn-save:active{transform:translateY(0)}.prg-modal::-webkit-scrollbar{width:6px}.prg-modal::-webkit-scrollbar-track{background:#f8fafc}.prg-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.prg-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes prgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes prgSlideUp{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.prg-modal-overlay{padding:12px}.prg-modal{border-radius:14px;max-height:94vh}.prg-form,.prg-modal-header{padding:20px}.prg-modal-footer{padding:16px 20px}.prg-form-row{gap:0;grid-template-columns:1fr}.prg-modal-header h2{font-size:19px}.prg-modal-header p{font-size:11px}.prg-modal-footer{flex-direction:column-reverse}.prg-btn-cancel,.prg-btn-save{width:100%}}.logx-page,.logx-page *{box-sizing:border-box}.logx-page{background:radial-gradient(circle at 5% 0,#f9731617,#0000 28%),radial-gradient(circle at 95% 15%,#fb923c12,#0000 26%),#f7f9fc;color:#172033;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:36px 40px 50px;width:100%}.logx-header{align-items:flex-end;display:flex;gap:25px;justify-content:space-between;margin:0 auto 28px;max-width:1180px;width:100%}.logx-header-content{min-width:0}.logx-eyebrow{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:9px;font-weight:800;gap:7px;letter-spacing:.7px;margin-bottom:12px;padding:7px 12px}.logx-eyebrow-dot{background:#f97316;border-radius:50%;box-shadow:0 0 0 3px #f973161f;height:6px;width:6px}.logx-title{color:#172033;font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-1.6px;line-height:1.08;margin:0}.logx-subtitle{color:#7c8798;font-size:13px;line-height:1.6;margin:10px 0 0}.logx-header-stat{background:#ffffffe0;border:1px solid #fed7aa;border-radius:13px;box-shadow:0 10px 30px #0f172a0a;min-width:135px;padding:14px 17px}.logx-header-stat-number{color:#ea580c;display:block;font-size:24px;font-weight:800;line-height:1}.logx-header-stat-label{color:#9a5b28;display:block;font-size:9px;font-weight:700;margin-top:5px}.logx-table-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 20px 60px #0f172a12;margin:0 auto;max-width:1180px;overflow:hidden;width:100%}.logx-table-header{align-items:center;border-bottom:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;padding:23px 26px}.logx-heading-wrapper{align-items:center;display:flex;gap:12px;min-width:0}.logx-heading-icon{align-items:center;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:11px;box-shadow:0 7px 16px #f9731633;color:#fff;display:flex;flex:0 0 40px;font-size:21px;font-weight:500;height:40px;justify-content:center;width:40px}.logx-section-label{color:#ea580c;display:block;font-size:8px;font-weight:800;letter-spacing:.8px;margin-bottom:4px}.logx-table-title{color:#172033;font-size:19px;font-weight:800;letter-spacing:-.4px;margin:0}.logx-table-description{color:#8b95a5;font-size:10px;margin:5px 0 0}.logx-refresh-button{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#ea580c;cursor:pointer;display:inline-flex;font-family:inherit;font-size:10px;font-weight:750;gap:7px;height:36px;justify-content:center;padding:0 13px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.logx-refresh-button:hover:not(:disabled){background:#ffedd5;border-color:#fdba74;transform:translateY(-1px)}.logx-refresh-button:disabled{cursor:not-allowed;opacity:.6}.logx-refresh-icon{font-size:15px;line-height:1}.logx-loading{align-items:center;display:flex;gap:13px;justify-content:center;min-height:230px;padding:40px}.logx-loading-spinner{animation:logx-spin .75s linear infinite;border:3px solid #ffedd5;border-radius:50%;border-top-color:#f97316;flex:0 0 25px;height:25px;width:25px}@keyframes logx-spin{to{transform:rotate(1turn)}}.logx-loading div{display:flex;flex-direction:column;gap:3px}.logx-loading strong{color:#344054;font-size:11px}.logx-loading span{color:#9aa3b2;font-size:9px}.logx-table-scroll{overflow-x:auto;width:100%}.logx-table{border-collapse:collapse;min-width:1050px;table-layout:fixed;width:100%}.logx-table thead{background:#fff8f3}.logx-table th{border-bottom:1px solid #f3e1d3;color:#7c3a13;font-size:9px;font-weight:800;height:48px;letter-spacing:.3px;padding:0 18px;text-align:left;white-space:nowrap}.logx-table td{border-bottom:1px solid #edf0f5;color:#667085;font-size:10px;height:68px;padding:10px 18px;vertical-align:middle}.logx-table tbody tr:last-child td{border-bottom:none}.logx-col-number{width:6%}.logx-col-user{width:19%}.logx-col-role{width:12%}.logx-col-activity{width:19%}.logx-col-description{width:25%}.logx-col-date{width:19%}.logx-row{transition:background .2s ease}.logx-row:hover{background:#fffaf7}.logx-number{color:#a0a8b5;font-size:9px;font-weight:700}.logx-user{gap:10px;min-width:0}.logx-avatar,.logx-user{align-items:center;display:flex}.logx-avatar{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:10px;color:#ea580c;flex:0 0 35px;font-size:11px;font-weight:800;height:35px;justify-content:center;width:35px}.logx-user-info{display:flex;flex-direction:column;gap:3px;min-width:0}.logx-user-info strong{color:#344054;display:block;font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logx-user-info span{color:#9aa3b2;font-size:8px}.logx-role{align-items:center;border-radius:7px;display:inline-flex;font-size:8px;font-weight:750;gap:6px;min-height:27px;padding:0 9px;text-transform:capitalize}.logx-role-dot{background:currentColor;border-radius:50%;height:5px;width:5px}.logx-role-admin{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.logx-role-tentor{background:#eff6ff;border:1px solid #dbeafe;color:#2563eb}.logx-role-siswa{background:#f0fdf4;border:1px solid #dcfce7;color:#16a34a}.logx-role-default{background:#f8fafc;border:1px solid #e5e7eb;color:#64748b}.logx-activity{color:#344054;display:inline-block;font-size:10px;font-weight:700}.logx-activity,.logx-description{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logx-description{color:#7c8798;display:block;font-size:9px;line-height:1.5}.logx-date{color:#7c8798;font-size:9px;gap:7px;white-space:nowrap}.logx-date,.logx-date-icon{align-items:center;display:flex}.logx-date-icon{background:#fff7ed;border-radius:7px;color:#ea580c;flex:0 0 25px;font-size:12px;height:25px;justify-content:center;width:25px}.logx-empty-cell{height:250px!important;text-align:center}.logx-empty{flex-direction:column}.logx-empty,.logx-empty-icon{align-items:center;display:flex;justify-content:center}.logx-empty-icon{background:#fff7ed;border-radius:14px;color:#f97316;font-size:23px;height:52px;margin-bottom:10px;width:52px}.logx-empty h3{color:#344054;font-size:12px;font-weight:750;margin:0}.logx-empty p{color:#9aa3b2;font-size:9px;margin:5px 0 0}.logx-table-scroll::-webkit-scrollbar{height:6px}.logx-table-scroll::-webkit-scrollbar-track{background:#f8f9fb}.logx-table-scroll::-webkit-scrollbar-thumb{background:#fed7aa;border-radius:999px}.logx-table-scroll::-webkit-scrollbar-thumb:hover{background:#fdba74}@media (max-width:900px){.logx-page{padding:30px}}@media (max-width:600px){.logx-page{padding:22px 15px 35px}.logx-header{align-items:flex-start;flex-direction:column;margin-bottom:22px}.logx-header-stat{width:100%}.logx-table-header{align-items:flex-start;flex-direction:column;padding:20px 18px}.logx-refresh-button{width:100%}.logx-table{min-width:1050px}}@media (max-width:390px){.logx-page{padding:18px 11px 28px}.logx-title{font-size:27px}.logx-heading-icon{flex-basis:36px;height:36px;width:36px}}@media (prefers-reduced-motion:reduce){.logx-page *,.logx-page :after,.logx-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.landing-management{color:#1b2233;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0 auto;max-width:1500px;width:100%}.landing-header{align-items:center;background:#fff;border:1px solid #dfe4f2;border-radius:17px;box-shadow:0 4px 18px #101d330d;display:flex;gap:35px;justify-content:space-between;margin-bottom:18px;overflow:hidden;padding:29px 30px;position:relative}.landing-header:after{border-top:3px solid #f0a93e38;bottom:-24px;content:"";height:75px;pointer-events:none;position:absolute;right:80px;transform:rotate(-2deg);width:260px}.landing-heading{position:relative;z-index:2}.landing-eyebrow{align-items:center;background:#eef1fa;border-radius:5px;color:#35507f;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.61rem;font-weight:700;gap:7px;letter-spacing:.08em;margin-bottom:9px;padding:5px 9px}.landing-eyebrow span{background:#f0a93e;border-radius:50%;height:6px;width:6px}.landing-heading h1{color:#101d33;display:inline-block;font-family:Space Grotesk,Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.035em;line-height:1.1;margin:0 0 9px;position:relative}.landing-heading h1:after{background:#f0a93e66;border-radius:3px;bottom:-3px;content:"";height:8px;left:0;position:absolute;transform:rotate(-1deg);width:55%;z-index:-1}.landing-heading p{color:#737e93;font-size:.77rem;line-height:1.65;margin:0;max-width:680px}.landing-header-info{align-items:center;background:#f8f9fc;border:1px solid #e1e5ef;border-radius:10px;display:flex;gap:11px;min-width:190px;padding:13px 15px;position:relative;z-index:3}.landing-header-icon{align-items:center;background:#fff4df;border:1px solid #f2ddb8;border-radius:9px;color:#d99427;display:flex;font-size:1rem;height:38px;justify-content:center;width:38px}.landing-header-info strong{color:#263653;display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:.72rem;margin-bottom:3px}.landing-header-info span{color:#8b94a5;font-family:IBM Plex Mono,monospace;font-size:.54rem}.landing-info-bar{align-items:center;background:#f8f9fc;border:1px solid #e1e5ef;border-radius:11px;display:flex;justify-content:space-between;margin-bottom:13px;min-height:66px;padding:10px 18px}.landing-info-left{align-items:center;display:flex;gap:11px}.landing-info-icon{align-items:center;background:#eef1fa;border:1px solid #dce2ef;border-radius:9px;color:#405c8a;display:flex;font-size:.95rem;height:37px;justify-content:center;width:37px}.landing-info-left strong{color:#263653;display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:.73rem;margin-bottom:3px}.landing-info-left span{color:#8b94a5;font-size:.61rem}.landing-section-count{align-items:baseline;display:flex;gap:7px;padding-right:5px}.landing-section-count strong{color:#263653;font-family:IBM Plex Mono,monospace;font-size:1rem}.landing-section-count span{color:#9aa2b1;font-family:IBM Plex Mono,monospace;font-size:.51rem;font-weight:700;letter-spacing:.06em}.landing-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-card{background:#fff;border:1px solid #dfe4f2;border-radius:14px;box-shadow:0 3px 14px rgba(16,29,51,.035);color:inherit;cursor:pointer;display:flex;flex-direction:column;min-height:235px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.landing-card:before{background:#f0a93e;border-radius:0 0 4px 4px;content:"";height:4px;left:22px;position:absolute;top:0;transition:width .22s ease;width:48px}.landing-card:hover{border-color:#d1d9e9;box-shadow:0 12px 28px #101d3314;transform:translateY(-4px)}.landing-card:hover:before{width:78px}.landing-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.landing-number{color:#a2aaba;font-family:IBM Plex Mono,monospace;font-size:.56rem;font-weight:700;letter-spacing:.04em}.landing-arrow{align-items:center;background:#f7f8fb;border:1px solid #e4e8ef;border-radius:7px;color:#7e899d;display:flex;font-size:.78rem;height:26px;justify-content:center;transition:background .2s ease,color .2s ease;width:26px}.landing-card:hover .landing-arrow{background:#fff2d9;border-color:#f0d7a7;color:#d28b20}.landing-icon{align-items:center;background:#fff5e4;border:1px solid #f1dfbe;border-radius:11px;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:14px;transition:transform .2s ease;width:48px}.landing-card:hover .landing-icon{transform:scale(1.05)}.landing-card-content{flex:1 1}.landing-card-content h3{color:#1e2d48;font-family:Space Grotesk,Inter,sans-serif;font-size:.91rem;font-weight:700;letter-spacing:-.015em;margin:0 0 7px}.landing-card-content p{color:#8791a3;font-size:.64rem;line-height:1.65;margin:0;max-width:320px}.landing-card-footer{align-items:center;color:#8791a3;display:flex;font-family:IBM Plex Mono,monospace;font-size:.52rem;gap:8px;letter-spacing:.01em;margin-top:19px}.landing-card-line{background:#e7eaf0;flex:1 1;height:1px}.landing-card-arrow{color:#9ca5b4;font-size:.78rem;transition:transform .2s ease,color .2s ease}.landing-card:hover .landing-card-arrow{color:#d79427;transform:translateX(3px)}.landing-footer-note{align-items:center;color:#98a0ae;display:flex;font-family:IBM Plex Mono,monospace;font-size:.53rem;gap:7px;margin-top:13px;padding:11px 4px}.landing-online-dot{background:#35a57f;border-radius:50%;box-shadow:0 0 0 3px #35a57f1a;flex-shrink:0;height:6px;width:6px}@media (max-width:1050px){.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-header-info{min-width:170px}}@media (max-width:700px){.landing-header{align-items:flex-start;flex-direction:column;padding:22px 19px}.landing-header-info{width:100%}.landing-heading h1{font-size:1.7rem}.landing-heading p{font-size:.69rem}.landing-info-bar{padding:10px 14px}.landing-grid{gap:10px;grid-template-columns:1fr}.landing-card{min-height:210px;padding:18px}.landing-section-count{display:none}}@media (max-width:420px){.landing-eyebrow{font-size:.55rem}.landing-heading h1{font-size:1.5rem}.landing-card{min-height:200px}.landing-card-content h3{font-size:.85rem}}.landing-card:focus-visible{outline:3px solid #f0a93e80;outline-offset:3px}.hm-page,.hm-page *{box-sizing:border-box}.hm-page{background:radial-gradient(circle at 10% 0,#f9731614,#0000 30%),radial-gradient(circle at 90% 20%,#fb923c0f,#0000 28%),#f7f9fc;color:#172033;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:40px;width:100%}.hm-header{margin:0 auto 30px;max-width:1180px;width:100%}.hm-eyebrow{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:13px;padding:7px 13px}.hm-title{color:#111827;font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0}.hm-subtitle{color:#7c8798;font-size:14px;line-height:1.7;margin:12px 0 0;max-width:700px}.hm-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 20px 60px #0f172a12;margin:0 auto;max-width:1180px;overflow:hidden;width:100%}.hm-card-header{align-items:flex-end;border-bottom:1px solid #edf0f5;display:flex;gap:25px;justify-content:space-between;padding:28px 30px 24px}.hm-section-label{color:#f97316;display:block;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:8px}.hm-section-title{color:#172033;font-size:22px;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0}.hm-section-description{color:#8b95a5;font-size:12px;line-height:1.5;margin:7px 0 0}.hm-status-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;min-height:34px;padding:0 14px}.hm-form{grid-gap:0;align-items:stretch;display:grid;gap:0;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr)}.hm-form-content{border-right:1px solid #edf0f5;padding:30px}.hm-field{margin-bottom:21px}.hm-field label{align-items:center;color:#344054;display:flex;font-size:11px;font-weight:800;gap:4px;margin-bottom:8px}.hm-field label span{color:#ea580c}.hm-field input[type=text],.hm-field textarea{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:10px;color:#1d2738;font-family:inherit;font-size:12px;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.hm-field input[type=text]{height:44px;padding:0 13px}.hm-field textarea{line-height:1.6;min-height:120px;padding:12px 13px;resize:vertical}.hm-field input::placeholder,.hm-field textarea::placeholder{color:#a8b0bd}.hm-field input:hover,.hm-field textarea:hover{border-color:#cbd4e0}.hm-field input:focus,.hm-field textarea:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 4px #f9731614}.hm-field small{color:#9aa3b2;display:block;font-size:10px;line-height:1.5;margin-top:6px}.hm-file-wrapper{background:#fffaf5;border:1px dashed #fdba74;border-radius:11px;min-height:85px;overflow:hidden;position:relative;transition:border-color .2s ease,background .2s ease}.hm-file-wrapper:hover{background:#fff7ed;border-color:#f97316}.hm-file-wrapper input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:2}.hm-file-info{align-items:center;display:flex;gap:13px;inset:0;padding:15px;position:absolute}.hm-file-info>span{align-items:center;background:#ffedd5;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.hm-file-info strong{color:#344054;display:block;font-size:11px;font-weight:800;margin-bottom:4px}.hm-file-info small{color:#9aa3b2;font-size:10px;margin:0}.hm-btn-save{align-items:center;background:#f97316;border:none;border-radius:9px;box-shadow:0 6px 15px #f973162e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:800;gap:8px;justify-content:center;min-height:40px;padding:0 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.hm-btn-save span{font-size:14px}.hm-btn-save:hover{background:#ea580c;box-shadow:0 8px 18px #f973163d;transform:translateY(-1px)}.hm-btn-save:active{transform:translateY(0)}.hm-preview-section{background:#fbfcfe;min-width:0;padding:30px}.hm-preview-header{margin-bottom:15px}.hm-preview-title{color:#172033;font-size:18px;font-weight:800;margin:0}.hm-preview-card{background:#eef1f5;border:1px solid #e7ebf2;border-radius:15px;box-shadow:0 12px 30px #0f172a14;min-height:340px;overflow:hidden;position:relative;width:100%}.hm-preview-background{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;inset:0;position:absolute}.hm-preview-content{padding:35px;width:100%}.hm-preview-badge{align-items:center;background:#f97316e6;border:1px solid #ffffff40;border-radius:999px;color:#fff;display:inline-flex;font-size:8px;font-weight:800;letter-spacing:.7px;margin-bottom:13px;padding:6px 10px}.hm-preview-content h2{color:#fff;font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.8px;line-height:1.15;margin:0 0 10px;max-width:450px}.hm-preview-content p{color:#ffffffd9;font-size:11px;line-height:1.7;margin:0 0 20px;max-width:430px}.hm-preview-button{background:#f97316;border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:10px;font-weight:800;min-height:36px;padding:0 15px}.hm-preview-empty{flex-direction:column;gap:7px;min-height:340px;padding:30px;text-align:center}.hm-preview-empty,.hm-preview-empty-icon{align-items:center;display:flex;justify-content:center}.hm-preview-empty-icon{background:#fff7ed;border-radius:14px;font-size:22px;height:54px;margin-bottom:5px;width:54px}.hm-preview-empty strong{color:#344054;font-size:13px}.hm-preview-empty span{color:#9aa3b2;font-size:10px;line-height:1.5;max-width:220px}.hm-preview-info{align-items:flex-start;background:#fffaf5;border:1px solid #fed7aa;border-radius:9px;display:flex;gap:9px;margin-top:14px;padding:12px}.hm-info-icon{flex-shrink:0;font-size:13px}.hm-preview-info p{color:#9a5b28;font-size:10px;line-height:1.5;margin:0}.hm-new-images{background:#fbfcfe;border:1px solid #e7ebf2;border-radius:12px;margin-top:15px;padding:15px}.hm-new-images-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:14px}.hm-new-images-header>div{align-items:center;display:flex;gap:9px;min-width:0}.hm-new-images-header strong{color:#344054;font-size:11px;font-weight:800}.hm-new-images-header span{align-items:center;background:#fff7ed;border-radius:999px;display:inline-flex;height:22px;justify-content:center;min-width:24px;padding:0 7px}.hm-clear-btn,.hm-new-images-header span{color:#ea580c;font-size:9px;font-weight:800}.hm-clear-btn{background:#fff;border:1px solid #fed7aa;border-radius:7px;cursor:pointer;flex-shrink:0;font-family:inherit;padding:7px 10px;transition:all .2s ease}.hm-clear-btn:hover{background:#fff7ed;border-color:#f97316}.hm-new-images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.hm-new-image{background:#fff;border:1px solid #e7ebf2;border-radius:9px;min-width:0;overflow:hidden;position:relative}.hm-new-image img{display:block;height:100px;object-fit:cover;width:100%}.hm-new-image-number{background:#0f172abf;border-radius:6px;font-size:9px;font-weight:800;height:22px;left:7px;width:22px}.hm-new-image-number,.hm-remove-image{align-items:center;color:#fff;display:flex;justify-content:center;position:absolute;top:7px}.hm-remove-image{background:#dc2626eb;border:none;border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-size:17px;height:24px;line-height:1;padding:0;right:7px;transition:all .2s ease;width:24px}.hm-remove-image:hover{background:#dc2626;transform:scale(1.05)}.hm-new-image-name{color:#667085;font-size:9px;line-height:1.3;overflow:hidden;padding:8px 9px;text-overflow:ellipsis;white-space:nowrap}.hm-form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;padding-top:8px}.hm-btn-upload{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:9px;color:#ea580c;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:800;gap:8px;justify-content:center;min-height:40px;padding:0 16px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.hm-btn-upload:hover:not(:disabled){background:#ffedd5;border-color:#f97316;transform:translateY(-1px)}.hm-btn-upload:disabled{cursor:not-allowed;opacity:.5}.hm-btn-upload span{font-size:13px}.hm-slider-card{margin-top:25px;overflow:hidden}.hm-count-badge{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:10px;font-weight:800;justify-content:center;min-height:34px;padding:0 13px;white-space:nowrap}.hm-slider-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));padding:25px 30px 30px}.hm-slider-item{background:#fff;border:1px solid #e7ebf2;border-radius:13px;box-shadow:0 5px 18px #0f172a0d;min-width:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.hm-slider-item:hover{box-shadow:0 10px 25px #0f172a17;transform:translateY(-2px)}.hm-slider-image-wrapper{aspect-ratio:16/9;background:#eef1f5;overflow:hidden;position:relative;width:100%}.hm-slider-image{display:block;height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.hm-slider-item:hover .hm-slider-image{transform:scale(1.03)}.hm-slider-number{background:#0f172ac7;border-radius:7px;color:#fff;display:flex;font-size:10px;height:27px;justify-content:center;left:9px;min-width:27px;padding:0 7px;top:9px}.hm-slider-number,.hm-slider-status{align-items:center;font-weight:800;position:absolute}.hm-slider-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff0;border-radius:999px;bottom:9px;display:inline-flex;font-size:9px;min-height:25px;padding:0 8px;right:9px}.hm-slider-status.active{color:#15803d}.hm-slider-status.inactive{color:#98a2b3}.hm-slider-detail{padding:13px}.hm-slider-filename{color:#344054;font-size:10px;font-weight:800;margin-bottom:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-slider-actions{align-items:center;display:flex;gap:7px}.hm-btn-delete,.hm-btn-toggle{align-items:center;border-radius:7px;cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:9px;font-weight:800;justify-content:center;min-height:32px;padding:0 8px;transition:all .2s ease}.hm-btn-toggle{background:#fff;border:1px solid #dfe4ec;color:#667085}.hm-btn-toggle:hover{background:#fff7ed;border-color:#f97316;color:#ea580c}.hm-btn-toggle.active{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.hm-btn-delete{background:#fff;border:1px solid #fecaca;color:#dc2626}.hm-btn-delete:hover{background:#fef2f2;border-color:#dc2626}.hm-loading{color:#98a2b3;font-size:11px;font-weight:600;min-height:180px}.hm-empty-slides,.hm-loading{align-items:center;display:flex;justify-content:center;padding:30px}.hm-empty-slides{flex-direction:column;gap:7px;min-height:200px;text-align:center}.hm-empty-slides-icon{align-items:center;background:#fff7ed;border-radius:13px;display:flex;font-size:22px;height:52px;justify-content:center;margin-bottom:5px;width:52px}.hm-empty-slides strong{color:#344054;font-size:12px}.hm-empty-slides span{color:#98a2b3;font-size:10px}@media (max-width:950px){.hm-new-images-grid,.hm-slider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-slider-grid{padding:22px}}@media (max-width:600px){.hm-new-images{padding:12px}.hm-new-images-header{align-items:flex-start;flex-direction:column;gap:9px}.hm-new-images-header>div{flex-wrap:wrap}.hm-clear-btn{width:100%}.hm-new-images-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.hm-new-image img{height:90px}.hm-form-actions{align-items:stretch;flex-direction:column}.hm-btn-save,.hm-btn-upload{width:100%}.hm-slider-grid{grid-template-columns:1fr;padding:18px}.hm-slider-actions{flex-direction:column}.hm-btn-delete,.hm-btn-toggle{width:100%}}@media (max-width:390px){.hm-new-images-grid{grid-template-columns:1fr}.hm-new-image img{height:150px}.hm-slider-grid{padding:15px}.hm-count-badge{font-size:9px;min-height:30px}}@media (max-width:950px){.hm-page{padding:30px}.hm-form{grid-template-columns:1fr}.hm-form-content{border-bottom:1px solid #edf0f5;border-right:none}.hm-preview-section{padding:30px}}@media (max-width:600px){.hm-page{padding:20px 14px 30px}.hm-header{margin-bottom:22px}.hm-title{font-size:29px;letter-spacing:-1px}.hm-subtitle{font-size:12px}.hm-card{border-radius:15px}.hm-card-header{align-items:flex-start;flex-direction:column;padding:22px 18px 20px}.hm-section-title{font-size:19px}.hm-section-description{font-size:11px}.hm-status-badge{font-size:10px;min-height:31px}.hm-form-content,.hm-preview-section{padding:22px 18px}.hm-preview-card,.hm-preview-empty{min-height:300px}.hm-preview-content{padding:24px}.hm-preview-content h2{font-size:23px}.hm-form-actions{justify-content:stretch}.hm-btn-save{width:100%}}@media (max-width:390px){.hm-page{padding:17px 11px 25px}.hm-title{font-size:26px}.hm-eyebrow{font-size:9px}.hm-card-header,.hm-form-content,.hm-preview-section{padding:19px 15px}.hm-preview-content{padding:20px}.hm-preview-content h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.hm-page *,.hm-page :after,.hm-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.abt-page{background:#f8fafc;box-sizing:border-box;color:#1f2937;min-height:100vh;padding:28px;width:100%}.abt-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:26px}.abt-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 6px}.abt-header p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.abt-header-icon{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.abt-header-icon span{color:#f97316;font-size:24px;font-weight:700}.abt-content{margin:0 auto;max-width:1100px;width:100%}.abt-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;overflow:hidden}.abt-card-header{background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #e5e7eb;border-left:4px solid #f97316;padding:22px 26px}.abt-card-header h2{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 5px}.abt-card-header p{color:#6b7280;font-size:13px;margin:0}.abt-form{padding:28px}.abt-form-group{margin-bottom:23px}.abt-form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.abt-form-group label span{color:#ef4444}.abt-form-group input[type=text],.abt-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:9px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:.2s ease;width:100%}.abt-form-group input[type=text]{height:45px}.abt-form-group textarea{line-height:1.6;min-height:150px;resize:vertical}.abt-form-group input[type=text]:focus,.abt-form-group textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.abt-form-group input::placeholder,.abt-form-group textarea::placeholder{color:#9ca3af}.abt-form-group small{color:#9ca3af;display:block;font-size:12px;margin-top:6px;text-align:right}.abt-upload-wrapper{background:#fffaf5;border:1px dashed #fdba74;border-radius:10px;padding:16px}.abt-upload-wrapper input[type=file]{color:#4b5563;font-family:inherit;font-size:13px;width:100%}.abt-upload-wrapper input[type=file]::-webkit-file-upload-button{background:#f97316;border:none;border-radius:7px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;margin-right:12px;padding:9px 14px;-webkit-transition:.2s ease;transition:.2s ease}.abt-upload-wrapper input[type=file]::file-selector-button{background:#f97316;border:none;border-radius:7px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;margin-right:12px;padding:9px 14px;transition:.2s ease}.abt-upload-wrapper input[type=file]::-webkit-file-upload-button:hover{background:#ea580c}.abt-upload-wrapper input[type=file]::file-selector-button:hover{background:#ea580c}.abt-upload-info{color:#9ca3af;display:flex;font-size:12px;gap:20px;margin-top:9px}.abt-preview-section{margin-bottom:22px;margin-top:5px}.abt-preview-header{margin-bottom:10px}.abt-preview-header h3{color:#374151;font-size:14px;font-weight:600;margin:0}.abt-preview-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;max-width:500px;overflow:hidden;padding:8px;width:100%}.abt-preview-image{border-radius:8px;display:block;max-height:280px;object-fit:cover;width:100%}.abt-selected-file{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;display:flex;gap:12px;margin-bottom:24px;padding:12px 14px}.abt-file-icon{align-items:center;background:#ffedd5;border-radius:8px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.abt-file-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.abt-file-info strong{color:#374151;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abt-file-info span{color:#9ca3af;font-size:11px}.abt-remove-file{background:#fee2e2;border:none;border-radius:7px;color:#dc2626;cursor:pointer;font-size:20px;height:30px;line-height:1;transition:.2s ease;width:30px}.abt-remove-file:hover{background:#fecaca}.abt-form-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding-top:22px}.abt-btn-primary,.abt-btn-secondary{border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-height:42px;padding:0 18px;transition:.2s ease}.abt-btn-primary{align-items:center;background:#f97316;border:1px solid #f97316;box-shadow:0 3px 8px #f9731633;color:#fff;display:inline-flex;gap:7px;justify-content:center}.abt-btn-primary:hover:not(:disabled){background:#ea580c;border-color:#ea580c;transform:translateY(-1px)}.abt-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#4b5563}.abt-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.abt-btn-primary:disabled,.abt-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.abt-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.abt-loading p{font-size:14px;margin:0}.abt-btn-spinner,.abt-loading-spinner{animation:abt-spin .8s linear infinite;border-radius:50%}.abt-loading-spinner{border:3px solid #fed7aa;border-top-color:#f97316;height:34px;width:34px}.abt-btn-spinner{border:2px solid #fff6;border-top-color:#fff;height:14px;width:14px}@keyframes abt-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.abt-page{padding:20px 16px}.abt-header{align-items:flex-start}.abt-header h1{font-size:23px}.abt-header-icon{height:42px;width:42px}.abt-card-header{padding:18px 20px}.abt-form{padding:20px}.abt-upload-info{flex-direction:column;gap:4px}.abt-form-footer{align-items:stretch;flex-direction:column-reverse}.abt-btn-primary,.abt-btn-secondary{width:100%}}@media (max-width:480px){.abt-page{padding:15px 10px}.abt-header p{font-size:12px}.abt-card{border-radius:12px}.abt-form{padding:16px}.abt-preview-container{max-width:100%}}.tst-page{background:#f8fafc;box-sizing:border-box;color:#1f2937;min-height:100vh;padding:28px;width:100%}.tst-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.tst-header-content{align-items:center;display:flex;gap:14px}.tst-header-icon{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.tst-header-icon span{color:#f97316;font-size:23px}.tst-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 5px}.tst-header p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.tst-btn-add{align-items:center;background:#f97316;border:1px solid #f97316;border-radius:8px;box-shadow:0 3px 8px #f973162e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-height:43px;padding:0 17px;transition:.2s ease}.tst-btn-add:hover{background:#ea580c;border-color:#ea580c;transform:translateY(-1px)}.tst-btn-icon{font-size:19px;line-height:1}.tst-summary{display:flex;gap:16px;margin-bottom:20px}.tst-summary-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 3px 12px #0f172a0d;box-sizing:border-box;display:flex;gap:13px;min-height:82px;padding:15px 18px;width:230px}.tst-summary-icon{align-items:center;background:#fff7ed;border-radius:10px;color:#f97316;display:flex;flex-shrink:0;font-size:19px;height:42px;justify-content:center;width:42px}.tst-summary-info{display:flex;flex-direction:column;gap:3px}.tst-summary-label{color:#6b7280;font-size:12px}.tst-summary-info strong{color:#1f2937;font-size:22px;line-height:1}.tst-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 16px #0f172a0f;overflow:hidden;width:100%}.tst-card-header{align-items:center;background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #e5e7eb;border-left:4px solid #f97316;display:flex;padding:21px 24px}.tst-card-header h2{color:#1f2937;font-size:17px;font-weight:700;margin:0 0 5px}.tst-card-header p{color:#6b7280;font-size:12px;margin:0}.tst-table-wrapper{overflow-x:auto;width:100%}.tst-table{border-collapse:collapse;font-size:13px;min-width:950px;width:100%}.tst-table thead{background:#f9fafb}.tst-table th{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:12px;font-weight:700;height:48px;padding:0 14px;text-align:left;white-space:nowrap}.tst-table td{border-bottom:1px solid #f1f5f9;color:#374151;min-height:70px;padding:12px 14px;vertical-align:middle}.tst-table tbody tr{transition:background .15s ease}.tst-table tbody tr:hover{background:#fffaf5}.tst-table tbody tr:last-child td{border-bottom:none}.tst-col-no{text-align:center!important;width:50px}.tst-col-foto{width:80px}.tst-col-action{width:165px}.tst-number{color:#6b7280!important;font-weight:600;text-align:center}.tst-name{color:#1f2937;font-weight:600}.tst-text{color:#4b5563;line-height:1.5}.tst-message,.tst-message-cell{max-width:280px}.tst-message{color:#6b7280;display:block;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tst-photo-wrapper{background:#fff7ed;border:2px solid #fed7aa;border-radius:10px;height:50px;overflow:hidden;width:50px}.tst-photo{display:block;height:100%;object-fit:cover;width:100%}.tst-no-photo{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;height:50px;justify-content:center;width:50px}.tst-no-photo span{font-size:19px}.tst-actions{align-items:center;display:flex;gap:7px}.tst-btn-delete,.tst-btn-edit{align-items:center;border-radius:7px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;justify-content:center;min-height:34px;padding:0 10px;transition:.2s ease}.tst-btn-edit{background:#fff7ed;border:1px solid #fdba74;color:#ea580c}.tst-btn-edit:hover{background:#ffedd5;border-color:#fb923c}.tst-btn-delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.tst-btn-delete:hover{background:#fee2e2;border-color:#fca5a5}.tst-card-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:13px 20px}.tst-card-footer span{color:#9ca3af;font-size:12px}.tst-card-footer strong{color:#f97316}.tst-empty{color:#6b7280;flex-direction:column;gap:7px;min-height:280px;padding:30px}.tst-empty,.tst-empty-icon{align-items:center;display:flex;justify-content:center}.tst-empty-icon{background:#fff7ed;border-radius:50%;color:#f97316;font-size:24px;height:58px;margin-bottom:7px;width:58px}.tst-empty strong{color:#374151;font-size:15px}.tst-empty span{color:#9ca3af;font-size:12px}.tst-empty-button{background:#f97316;border:1px solid #f97316;border-radius:7px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;margin-top:10px;min-height:36px;padding:0 13px;transition:.2s ease}.tst-empty-button:hover{background:#ea580c}.tst-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;min-height:280px}.tst-spinner{animation:tst-spin .8s linear infinite;border:3px solid #fed7aa;border-radius:50%;border-top-color:#f97316;height:32px;width:32px}@keyframes tst-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.tst-page{padding:22px 18px}.tst-header{align-items:flex-start}.tst-header h1{font-size:24px}.tst-btn-add{white-space:nowrap}}@media (max-width:700px){.tst-page{padding:18px 14px}.tst-header{align-items:stretch;flex-direction:column}.tst-header-content{align-items:flex-start}.tst-header-icon{height:42px;width:42px}.tst-header h1{font-size:22px}.tst-header p{font-size:12px}.tst-btn-add,.tst-summary-card{width:100%}.tst-card-header{padding:18px}}@media (max-width:480px){.tst-page{padding:14px 10px}.tst-header-content{gap:10px}.tst-card{border-radius:11px}.tst-summary-card{min-height:72px}.tst-table{min-width:900px}}.modal-overlay{background:#00000080;z-index:999}.testimonial-modal{background:#fff;border-radius:12px;max-width:95%;padding:25px;width:650px}.testimonial-modal h2{margin-bottom:20px}.testimonial-modal form{display:flex;flex-direction:column;gap:12px}.testimonial-modal input,.testimonial-modal textarea{border:1px solid #ccc;border-radius:8px;font-size:15px;padding:10px}.preview-image{border:1px solid #ddd;border-radius:10px;height:180px;object-fit:cover;width:180px}.modal-buttons{gap:10px;margin-top:20px}.btn-save{background:#2e7d32}.btn-cancel,.btn-save{border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 25px}.btn-cancel{background:#d32f2f}.gal-page{background:#f8fafc;box-sizing:border-box;color:#1f2937;min-height:100vh;padding:28px;width:100%}.gal-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.gal-header-content{align-items:center;display:flex;gap:14px}.gal-header-icon{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;color:#f97316;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.gal-header-icon span{font-size:22px;font-weight:700}.gal-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 5px}.gal-header p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.gal-btn-add{align-items:center;background:#f97316;border:1px solid #f97316;border-radius:8px;box-shadow:0 3px 8px #f973162e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:7px;justify-content:center;min-height:42px;padding:0 17px;transition:.2s ease}.gal-btn-add span{font-size:17px;line-height:1}.gal-btn-add:hover{background:#ea580c;border-color:#ea580c;transform:translateY(-1px)}.gal-summary{display:flex;gap:16px;margin-bottom:20px}.gal-summary-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 3px 12px #0f172a0d;box-sizing:border-box;display:flex;gap:13px;min-height:82px;min-width:220px;padding:15px 18px}.gal-summary-icon{align-items:center;background:#fff7ed;border-radius:10px;color:#f97316;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:42px;justify-content:center;width:42px}.gal-summary-info{display:flex;flex-direction:column;gap:4px}.gal-summary-info span{color:#6b7280;font-size:12px}.gal-summary-info strong{color:#1f2937;font-size:17px}.gal-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 16px #0f172a0f;overflow:hidden;width:100%}.gal-card-header{align-items:center;background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #e5e7eb;border-left:4px solid #f97316;box-sizing:border-box;display:flex;gap:15px;justify-content:space-between;min-height:76px;padding:17px 22px}.gal-card-header h2{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 4px}.gal-card-header p{color:#6b7280;font-size:11px;margin:0}.gal-refresh-btn{background:#fff;border:1px solid #d1d5db;border-radius:7px;color:#4b5563;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;min-height:35px;padding:0 12px;transition:.2s ease}.gal-refresh-btn:hover:not(:disabled){background:#fff7ed;border-color:#f97316;color:#f97316}.gal-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.gal-table-wrapper{overflow-x:auto;width:100%}.gal-table{border-collapse:collapse;min-width:820px;width:100%}.gal-table thead{background:#f9fafb}.gal-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:700;padding:13px 14px;text-align:left;white-space:nowrap}.gal-table td{border-bottom:1px solid #f1f5f9;color:#4b5563;font-size:12px;padding:13px 14px;vertical-align:middle}.gal-table tbody tr{transition:.15s ease}.gal-table tbody tr:hover{background:#fffaf5}.gal-table tbody tr:last-child td{border-bottom:none}.gal-col-no{text-align:center!important;width:55px}.gal-col-image{width:105px}.gal-col-action{width:160px}.gal-number{color:#6b7280;font-weight:600;text-align:center}.gal-image-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:58px;overflow:hidden;width:78px}.gal-image{display:block;height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.gal-image:hover{transform:scale(1.06)}.gal-no-image{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;height:100%;justify-content:center;width:100%}.gal-no-image span{font-size:20px}.gal-title{color:#1f2937;font-size:12px;font-weight:600;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gal-description{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#6b7280;display:-webkit-box;font-size:11px;line-height:1.6;max-width:320px;overflow:hidden}.gal-actions{align-items:center;display:flex;gap:6px}.gal-btn-delete,.gal-btn-edit{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:10px;font-weight:600;gap:4px;justify-content:center;min-height:31px;padding:0 9px;transition:.2s ease}.gal-btn-edit{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.gal-btn-edit:hover:not(:disabled){background:#ffedd5;border-color:#f97316}.gal-btn-delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.gal-btn-delete:hover:not(:disabled){background:#fee2e2;border-color:#ef4444}.gal-btn-delete:disabled,.gal-btn-edit:disabled{cursor:not-allowed;opacity:.55}.gal-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:12px;gap:12px;justify-content:center;min-height:350px}.gal-loading p{margin:0}.gal-spinner{animation:gal-spin .8s linear infinite;border:3px solid #fed7aa;border-radius:50%;border-top-color:#f97316;height:34px;width:34px}.gal-empty{flex-direction:column;min-height:350px;padding:40px 25px;text-align:center}.gal-empty,.gal-empty-icon{align-items:center;display:flex;justify-content:center}.gal-empty-icon{background:#fff7ed;border-radius:15px;color:#f97316;font-size:27px;height:62px;margin-bottom:14px;width:62px}.gal-empty h3{color:#374151;font-size:15px;margin:0 0 7px}.gal-empty p{color:#9ca3af;font-size:11px;line-height:1.6;margin:0 0 17px;max-width:420px}.gal-empty-btn{background:#f97316;border:1px solid #f97316;border-radius:7px;color:#fff;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;min-height:37px;padding:0 14px;transition:.2s ease}.gal-empty-btn:hover{background:#ea580c;border-color:#ea580c}.gal-delete-spinner{animation:gal-spin .7s linear infinite;border:2px solid #dc26264d;border-radius:50%;border-top-color:#dc2626;height:10px;width:10px}@keyframes gal-spin{to{transform:rotate(1turn)}}@media (max-width:800px){.gal-page{padding:22px 18px}.gal-header{align-items:flex-start}.gal-header h1{font-size:24px}.gal-summary{flex-direction:column}.gal-summary-card{width:100%}}@media (max-width:600px){.gal-page{padding:18px 14px}.gal-header{align-items:stretch;flex-direction:column}.gal-header-content{align-items:flex-start}.gal-header-icon{height:42px;width:42px}.gal-header h1{font-size:22px}.gal-header p{font-size:12px}.gal-btn-add{width:100%}.gal-card-header{align-items:flex-start;flex-direction:column;padding:17px}.gal-refresh-btn{width:100%}.gal-empty{padding:35px 18px}}@media (max-width:400px){.gal-page{padding:14px 10px}.gal-header h1{font-size:20px}.gal-card{border-radius:11px}.gal-summary-card{min-width:0}}.glm-overlay{align-items:center;animation:glm-fade-in .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.glm-modal{animation:glm-slide-up .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 45px #0f172a2e;max-height:92vh;max-width:570px;overflow-y:auto;width:100%}.glm-header{background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #e5e7eb;gap:12px;padding:20px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.glm-header,.glm-header-icon{align-items:center;display:flex}.glm-header-icon{background:#f97316;border-radius:10px;box-shadow:0 4px 10px #f9731633;color:#fff;flex-shrink:0;height:42px;justify-content:center;width:42px}.glm-header-icon span{font-size:20px;font-weight:700}.glm-header-text{flex:1 1;min-width:0}.glm-header-text h2{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 4px}.glm-header-text p{color:#6b7280;font-size:11px;line-height:1.5;margin:0}.glm-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:34px;justify-content:center;line-height:1;transition:.2s ease;width:34px}.glm-close:hover:not(:disabled){background:#fee2e2;color:#dc2626}.glm-close:disabled{cursor:not-allowed;opacity:.5}.glm-form{padding:24px}.glm-form-group{margin-bottom:19px}.glm-form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.glm-form-group label span{color:#ef4444}.glm-form-group input[type=text],.glm-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:13px;outline:none;transition:.2s ease;width:100%}.glm-form-group input[type=text]{height:43px;padding:0 13px}.glm-form-group textarea{line-height:1.6;min-height:95px;padding:11px 13px;resize:vertical}.glm-form-group input[type=text]:focus,.glm-form-group textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.glm-form-group input[type=text]::placeholder,.glm-form-group textarea::placeholder{color:#9ca3af}.glm-form-group input:disabled,.glm-form-group textarea:disabled{background:#f9fafb;cursor:not-allowed}.glm-counter{color:#9ca3af;font-size:10px;margin-top:5px;text-align:right}.glm-upload-box{align-items:center;background:#fffaf5;border:1px dashed #fdba74;border-radius:10px;box-sizing:border-box;display:flex;gap:12px;min-height:72px;padding:12px 14px;position:relative;transition:.2s ease}.glm-upload-box:hover{background:#fff7ed;border-color:#f97316}.glm-upload-icon{align-items:center;background:#ffedd5;border-radius:9px;color:#f97316;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:38px;justify-content:center;width:38px}.glm-upload-content{display:flex;flex-direction:column;gap:4px;min-width:0}.glm-upload-content strong{color:#374151;font-size:12px}.glm-upload-content span{color:#9ca3af;font-size:10px;line-height:1.4}.glm-upload-box input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.glm-upload-box input[type=file]:disabled{cursor:not-allowed}.glm-preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:14px}.glm-preview-header{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:10px}.glm-new-badge{background:#fff7ed;border-radius:20px;color:#ea580c;font-size:9px;font-weight:600;padding:4px 8px}.glm-preview-wrapper{background:#e5e7eb;border-radius:8px;height:220px;overflow:hidden;width:100%}.glm-preview-image{display:block;height:100%;object-fit:cover;width:100%}.glm-buttons{display:flex;gap:9px;justify-content:flex-end;padding-top:5px}.glm-btn-cancel,.glm-btn-save{border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;min-height:41px;padding:0 16px;transition:.2s ease}.glm-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#4b5563}.glm-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.glm-btn-save{align-items:center;background:#f97316;border:1px solid #f97316;box-shadow:0 3px 8px #f973162e;color:#fff;display:inline-flex;gap:7px;justify-content:center}.glm-btn-save:hover:not(:disabled){background:#ea580c;border-color:#ea580c;transform:translateY(-1px)}.glm-btn-cancel:disabled,.glm-btn-save:disabled{cursor:not-allowed;opacity:.6}.glm-spinner{animation:glm-spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes glm-spin{to{transform:rotate(1turn)}}@keyframes glm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes glm-slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.glm-overlay{padding:12px}.glm-modal{border-radius:13px;max-height:95vh}.glm-header{padding:17px}.glm-form{padding:18px}.glm-preview-wrapper{height:190px}.glm-buttons{flex-direction:column-reverse}.glm-btn-cancel,.glm-btn-save{width:100%}}@media (max-width:400px){.glm-overlay{padding:8px}.glm-header-text h2{font-size:16px}.glm-header-text p{font-size:10px}.glm-form{padding:15px}.glm-preview-wrapper{height:165px}}.ktk-page{background:#f8fafc;box-sizing:border-box;color:#1f2937;min-height:100vh;padding:28px;width:100%}.ktk-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.ktk-header-content{align-items:center;display:flex;gap:14px}.ktk-header-icon{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;color:#f97316;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ktk-header-icon span{font-size:22px;font-weight:700}.ktk-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 5px}.ktk-header p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.ktk-summary{display:flex;gap:16px;margin-bottom:20px}.ktk-summary-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 3px 12px #0f172a0d;box-sizing:border-box;display:flex;gap:13px;min-height:82px;min-width:220px;padding:15px 18px}.ktk-summary-icon{align-items:center;background:#fff7ed;border-radius:10px;color:#f97316;display:flex;flex-shrink:0;font-size:19px;font-weight:700;height:42px;justify-content:center;width:42px}.ktk-summary-info{display:flex;flex-direction:column;gap:4px}.ktk-summary-info span{color:#6b7280;font-size:12px}.ktk-summary-info strong{color:#1f2937;font-size:16px}.ktk-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 16px #0f172a0f;overflow:hidden;width:100%}.ktk-card-header{background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #e5e7eb;border-left:4px solid #f97316;padding:21px 24px}.ktk-card-header h2{color:#1f2937;font-size:17px;font-weight:700;margin:0 0 5px}.ktk-card-header p{color:#6b7280;font-size:12px;margin:0}.ktk-form{padding:27px}.ktk-section{border-bottom:1px solid #e5e7eb;margin-bottom:26px;padding-bottom:26px}.ktk-section:last-of-type{margin-bottom:0}.ktk-section-title{align-items:center;display:flex;gap:12px;margin-bottom:20px}.ktk-section-number{align-items:center;background:#fff7ed;border-radius:9px;color:#f97316;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:36px;justify-content:center;width:36px}.ktk-section-title h3{color:#374151;font-size:14px;font-weight:700;margin:0 0 3px}.ktk-section-title p{color:#9ca3af;font-size:11px;margin:0}.ktk-form-grid{grid-gap:19px 20px;display:grid;gap:19px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.ktk-full{grid-column:1/-1}.ktk-form-group{min-width:0}.ktk-form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.ktk-form-group label span{color:#ef4444}.ktk-form-group input,.ktk-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;display:block;font-family:inherit;font-size:13px;outline:none;padding:11px 13px;transition:.2s ease;width:100%}.ktk-form-group input{height:43px}.ktk-form-group textarea{line-height:1.6;min-height:90px;resize:vertical}.ktk-form-group input:focus,.ktk-form-group textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.ktk-form-group input::placeholder,.ktk-form-group textarea::placeholder{color:#9ca3af}.ktk-form-group small{color:#9ca3af;display:block;font-size:11px;margin-top:5px;text-align:right}.ktk-form-footer{align-items:center;display:flex;gap:9px;justify-content:flex-end;padding-top:23px}.ktk-btn-save,.ktk-btn-secondary{border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;min-height:41px;padding:0 16px;transition:.2s ease}.ktk-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#4b5563}.ktk-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ktk-btn-save{align-items:center;background:#f97316;border:1px solid #f97316;box-shadow:0 3px 8px #f973162e;color:#fff;display:inline-flex;gap:7px;justify-content:center}.ktk-btn-save:hover:not(:disabled){background:#ea580c;border-color:#ea580c;transform:translateY(-1px)}.ktk-btn-save:disabled,.ktk-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.ktk-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;min-height:450px}.ktk-loading p{margin:0}.ktk-spinner{border:3px solid #fed7aa;border-radius:50%;border-top-color:#f97316;height:34px;width:34px}.ktk-btn-spinner,.ktk-spinner{animation:ktk-spin .8s linear infinite}.ktk-btn-spinner{border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes ktk-spin{to{transform:rotate(1turn)}}@media (max-width:800px){.ktk-page{padding:22px 18px}.ktk-header h1{font-size:24px}.ktk-summary{flex-direction:column}.ktk-summary-card{width:100%}.ktk-form-grid{grid-template-columns:1fr}.ktk-full{grid-column:auto}}@media (max-width:600px){.ktk-page{padding:18px 14px}.ktk-header-content{align-items:flex-start}.ktk-header-icon{height:42px;width:42px}.ktk-header h1{font-size:22px}.ktk-header p{font-size:12px}.ktk-card-header,.ktk-form{padding:18px}.ktk-form-footer{align-items:stretch;flex-direction:column-reverse}.ktk-btn-save,.ktk-btn-secondary{width:100%}}@media (max-width:400px){.ktk-page{padding:14px 10px}.ktk-card{border-radius:11px}.ktk-section-title{gap:9px}.ktk-section-number{height:32px;width:32px}}.faq-page{background:#f8fafc;box-sizing:border-box;color:#1f2937;min-height:100vh;padding:28px;width:100%}.faq-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.faq-header-content{align-items:center;display:flex;gap:14px}.faq-header-icon{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;color:#f97316;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.faq-header-icon span{font-size:24px;font-weight:700}.faq-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 5px}.faq-header p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.faq-btn-add{align-items:center;background:#f97316;border:1px solid #f97316;border-radius:8px;box-shadow:0 3px 8px #f973162e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-height:43px;padding:0 17px;transition:.2s ease}.faq-btn-add:hover{background:#ea580c;border-color:#ea580c;transform:translateY(-1px)}.faq-btn-add-icon{font-size:19px;line-height:1}.faq-summary{display:flex;gap:16px;margin-bottom:20px}.faq-summary-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 3px 12px #0f172a0d;box-sizing:border-box;display:flex;gap:13px;min-height:82px;padding:15px 18px;width:230px}.faq-summary-icon{align-items:center;background:#fff7ed;border-radius:10px;color:#f97316;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:42px;justify-content:center;width:42px}.faq-summary-info{display:flex;flex-direction:column;gap:4px}.faq-summary-info span{color:#6b7280;font-size:12px}.faq-summary-info strong{color:#1f2937;font-size:22px;line-height:1}.faq-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 16px #0f172a0f;overflow:hidden;width:100%}.faq-card-header{align-items:center;background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #e5e7eb;border-left:4px solid #f97316;display:flex;padding:21px 24px}.faq-card-header h2{color:#1f2937;font-size:17px;font-weight:700;margin:0 0 5px}.faq-card-header p{color:#6b7280;font-size:12px;margin:0}.faq-table-wrapper{overflow-x:auto;width:100%}.faq-table{border-collapse:collapse;font-size:13px;min-width:850px;width:100%}.faq-table thead{background:#f9fafb}.faq-table th{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:12px;font-weight:700;height:48px;padding:0 14px;text-align:left;white-space:nowrap}.faq-table td{border-bottom:1px solid #f1f5f9;color:#374151;padding:14px;vertical-align:middle}.faq-table tbody tr{transition:background .15s ease}.faq-table tbody tr:hover{background:#fffaf5}.faq-table tbody tr:last-child td{border-bottom:none}.faq-col-no{text-align:center!important;width:55px}.faq-col-question{width:30%}.faq-col-answer{width:45%}.faq-col-action{width:155px}.faq-number{color:#6b7280!important;font-weight:600;text-align:center}.faq-question{align-items:flex-start;display:flex;gap:9px}.faq-question-icon{align-items:center;background:#fff7ed;border-radius:6px;color:#f97316;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-top:1px;width:24px}.faq-question-text{color:#1f2937;font-weight:600;line-height:1.5}.faq-answer,.faq-question-text{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.faq-answer{color:#6b7280;line-height:1.6;max-width:550px}.faq-actions{align-items:center;display:flex;gap:7px}.faq-btn-delete,.faq-btn-edit{align-items:center;border-radius:7px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;justify-content:center;min-height:34px;padding:0 10px;transition:.2s ease}.faq-btn-edit{background:#fff7ed;border:1px solid #fdba74;color:#ea580c}.faq-btn-edit:hover{background:#ffedd5;border-color:#fb923c}.faq-btn-delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.faq-btn-delete:hover{background:#fee2e2;border-color:#fca5a5}.faq-card-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;font-size:12px;justify-content:flex-end;padding:13px 20px}.faq-card-footer strong{color:#f97316;margin:0 3px}.faq-empty{color:#6b7280;flex-direction:column;gap:7px;min-height:280px;padding:30px}.faq-empty,.faq-empty-icon{align-items:center;display:flex;justify-content:center}.faq-empty-icon{background:#fff7ed;border-radius:50%;color:#f97316;font-size:25px;font-weight:700;height:58px;margin-bottom:7px;width:58px}.faq-empty strong{color:#374151;font-size:15px}.faq-empty span{color:#9ca3af;font-size:12px}.faq-empty-button{background:#f97316;border:1px solid #f97316;border-radius:7px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;margin-top:10px;min-height:36px;padding:0 13px;transition:.2s ease}.faq-empty-button:hover{background:#ea580c}.faq-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;min-height:280px}.faq-spinner{animation:faq-spin .8s linear infinite;border:3px solid #fed7aa;border-radius:50%;border-top-color:#f97316;height:32px;width:32px}@keyframes faq-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.faq-page{padding:22px 18px}.faq-header{align-items:flex-start}.faq-header h1{font-size:24px}.faq-btn-add{white-space:nowrap}}@media (max-width:700px){.faq-page{padding:18px 14px}.faq-header{align-items:stretch;flex-direction:column}.faq-header-content{align-items:flex-start}.faq-header-icon{height:42px;width:42px}.faq-header h1{font-size:22px}.faq-header p{font-size:12px}.faq-btn-add,.faq-summary-card{width:100%}.faq-card-header{padding:18px}}@media (max-width:480px){.faq-page{padding:14px 10px}.faq-card{border-radius:11px}.faq-table{min-width:850px}}.faqm-overlay{align-items:center;animation:faqm-overlay-in .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.faqm-modal{animation:faqm-modal-in .25s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 50px #0f172a33,0 5px 15px #0f172a14;max-height:calc(100vh - 40px);max-width:620px;overflow-y:auto;width:100%}.faqm-header{background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #e5e7eb;border-left:4px solid #f97316;gap:13px;padding:20px 22px}.faqm-header,.faqm-header-icon{align-items:center;display:flex}.faqm-header-icon{background:#ffedd5;border:1px solid #fed7aa;border-radius:10px;color:#ea580c;flex-shrink:0;font-size:21px;font-weight:700;height:43px;justify-content:center;width:43px}.faqm-header-content{flex:1 1;min-width:0}.faqm-header-content h2{color:#1f2937;font-size:19px;font-weight:700;margin:0 0 4px}.faqm-header-content p{color:#6b7280;font-size:12px;line-height:1.5;margin:0}.faqm-close{align-items:center;background:#0000;border:none;border-radius:7px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:25px;height:34px;justify-content:center;line-height:1;transition:.2s ease;width:34px}.faqm-close:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.faqm-close:disabled{cursor:not-allowed;opacity:.5}.faqm-form{padding:24px}.faqm-form-group{margin-bottom:21px}.faqm-form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.faqm-form-group label span{color:#ef4444}.faqm-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:9px;box-sizing:border-box;color:#1f2937;display:block;font-family:inherit;font-size:13px;line-height:1.6;outline:none;padding:12px 14px;resize:vertical;transition:.2s ease;width:100%}.faqm-form-group textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.faqm-form-group textarea::placeholder{color:#9ca3af}.faqm-form-group textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.faqm-counter{color:#9ca3af;font-size:11px;margin-top:5px;text-align:right}.faqm-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:9px;justify-content:flex-end;padding-top:19px}.faqm-btn-cancel,.faqm-btn-save{border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;min-height:41px;padding:0 16px;transition:.2s ease}.faqm-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#4b5563}.faqm-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.faqm-btn-save{align-items:center;background:#f97316;border:1px solid #f97316;box-shadow:0 3px 8px #f973162e;color:#fff;display:inline-flex;gap:7px;justify-content:center}.faqm-btn-save:hover:not(:disabled){background:#ea580c;border-color:#ea580c;transform:translateY(-1px)}.faqm-btn-cancel:disabled,.faqm-btn-save:disabled{cursor:not-allowed;opacity:.6}.faqm-spinner{animation:faqm-spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes faqm-spin{to{transform:rotate(1turn)}}@keyframes faqm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes faqm-modal-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.faqm-overlay{padding:12px}.faqm-modal{border-radius:13px;max-height:calc(100vh - 24px)}.faqm-header{padding:17px}.faqm-header-icon{height:39px;width:39px}.faqm-header-content h2{font-size:17px}.faqm-form{padding:18px}.faqm-footer{flex-direction:column-reverse}.faqm-btn-cancel,.faqm-btn-save{width:100%}}.ka-page,.ka-page *{box-sizing:border-box}.ka-page{background:radial-gradient(circle at 5% 0,#f9731614,#0000 28%),radial-gradient(circle at 95% 10%,#fb923c12,#0000 25%),#f7f9fc;color:#172033;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:38px 42px 50px;width:100%}.ka-header{align-items:center;display:flex;gap:30px;justify-content:space-between;margin:0 auto 22px;max-width:1200px;width:100%}.ka-header-content{min-width:0}.ka-eyebrow{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#ea580c;display:inline-flex;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:11px;padding:6px 12px}.ka-title{color:#111827;font-size:clamp(30px,4vw,40px);font-weight:800;letter-spacing:-1.4px;line-height:1.1;margin:0}.ka-subtitle{color:#7c8798;font-size:13px;line-height:1.65;margin:10px 0 0;max-width:680px}.ka-btn-primary{align-items:center;background:#f97316;border:none;border-radius:10px;box-shadow:0 7px 18px #f973162e;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.ka-btn-primary:hover{background:#ea580c;box-shadow:0 10px 25px #f973163d;transform:translateY(-1px)}.ka-btn-primary:active{transform:translateY(0)}.ka-btn-icon{font-size:18px;line-height:1}.ka-access-info{align-items:center;background:#fffaf5;border:1px solid #fed7aa;border-radius:10px;color:#9a5b28;display:flex;font-size:11px;gap:10px;line-height:1.5;margin:0 auto 22px;max-width:1200px;padding:12px 15px;width:100%}.ka-access-info:before{color:#f97316;content:"●";font-size:9px}.ka-access-info strong{color:#c2410c;font-weight:800}.ka-access-info span{color:#9a5b28}.ka-card{background:#fff;border:1px solid #e6eaf0;border-radius:17px;box-shadow:0 18px 55px #0f172a12;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.ka-card-header{align-items:center;background:#fff;display:flex;gap:25px;justify-content:space-between;min-height:105px;padding:25px 28px}.ka-card-heading{min-width:0}.ka-section-label{color:#f97316;display:block;font-size:10px;font-weight:800;letter-spacing:.8px;margin-bottom:7px}.ka-section-title{color:#172033;font-size:21px;font-weight:800;letter-spacing:-.35px;line-height:1.3;margin:0}.ka-section-description{color:#8b95a5;font-size:11px;line-height:1.5;margin:6px 0 0}.ka-search-wrapper{flex-shrink:0;position:relative;width:285px}.ka-search-icon{color:#9aa3b2;font-size:14px;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ka-search-input{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:9px;color:#1d2738;font-family:inherit;font-size:11px;height:42px;outline:none;padding:0 42px 0 38px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.ka-search-input::placeholder{color:#a8b0bd}.ka-search-input:hover{border-color:#cbd4e0}.ka-search-input:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 4px #f9731614}.ka-search-clear{align-items:center;background:#0000;border:none;border-radius:7px;color:#9aa3b2;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:background .2s ease,color .2s ease;width:30px}.ka-search-clear:hover{background:#fff1e8;color:#ea580c}.ka-search-info{background:#fffaf5;border:1px solid #fed7aa;border-radius:8px;color:#9a5b28;font-size:10px;line-height:1.5;margin:0 28px 16px;padding:10px 13px}.ka-search-info strong{color:#ea580c}.ka-table-wrapper{border-top:1px solid #edf0f5;overflow-x:auto;width:100%}.ka-table{border-collapse:collapse;min-width:850px;table-layout:fixed;width:100%}.ka-table thead{background:#fff8f3}.ka-table th{border-bottom:1px solid #f3e1d3;color:#7c3a13;font-size:10px;font-weight:800;height:50px;letter-spacing:.2px;padding:0 20px;text-align:left}.ka-table td{border-bottom:1px solid #edf0f5;color:#667085;font-size:11px;height:70px;padding:11px 20px;vertical-align:middle}.ka-table-row{transition:background .2s ease}.ka-table-row:hover{background:#fffaf7}.ka-table-row:last-child td{border-bottom:none}.ka-col-number{width:7%}.ka-table td:nth-child(2),.ka-table th:nth-child(2){width:29%}.ka-table td:nth-child(3),.ka-table th:nth-child(3){width:27%}.ka-table td:nth-child(4),.ka-table th:nth-child(4){width:17%}.ka-col-action{width:20%}.ka-number-cell{color:#98a2b3!important;font-size:10px!important;font-weight:700}.ka-admin-profile{gap:10px;min-width:0}.ka-admin-profile,.ka-avatar{align-items:center;display:flex}.ka-avatar{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:10px;color:#ea580c;flex:0 0 38px;font-size:13px;font-weight:800;height:38px;justify-content:center;width:38px}.ka-admin-name{display:flex;flex-direction:column;gap:3px;min-width:0}.ka-admin-name strong{color:#344054;display:block;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ka-admin-name span{color:#98a2b3;font-size:9px}.ka-email{color:#667085;display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ka-role{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:9px;font-weight:800;justify-content:center;min-height:26px;padding:0 10px}.ka-action-cell{text-align:center}.ka-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ka-btn-edit{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#ea580c;cursor:pointer;font-family:inherit;font-size:9px;font-weight:750;min-height:31px;padding:0 10px;transition:background .2s ease,color .2s ease,transform .2s ease}.ka-btn-edit:hover{background:#ffedd5;color:#c2410c;transform:translateY(-1px)}.ka-btn-delete{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:9px;font-weight:750;min-height:31px;padding:0 10px;transition:background .2s ease,color .2s ease,transform .2s ease}.ka-btn-delete:hover{background:#fee2e2;color:#b91c1c;transform:translateY(-1px)}.ka-edit-protected,.ka-master-protected{align-items:center;border-radius:7px;display:inline-flex;font-size:9px;font-weight:700;justify-content:center;min-height:30px;padding:0 9px;white-space:nowrap}.ka-edit-protected{background:#f8fafc;border:1px solid #e5e7eb;color:#98a2b3}.ka-master-protected{background:#fffaf5;border:1px solid #fed7aa;color:#c2410c}.ka-empty-cell{height:280px!important;text-align:center}.ka-empty{flex-direction:column;gap:6px}.ka-empty,.ka-empty-icon{align-items:center;display:flex;justify-content:center}.ka-empty-icon{background:#fff7ed;border-radius:12px;font-size:19px;height:46px;margin-bottom:5px;width:46px}.ka-empty strong{color:#344054;font-size:12px}.ka-empty span{color:#9aa3b2;font-size:10px}.ka-btn-empty{background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;margin-top:9px;min-height:33px;padding:0 13px}.ka-btn-empty:hover{background:#ea580c}.ka-loading{align-items:center;display:flex;flex-direction:column;gap:8px}.ka-loading strong{color:#344054;font-size:12px}.ka-loading span:last-child{color:#9aa3b2;font-size:10px}.ka-spinner{animation:ka-spin .8s linear infinite;border:3px solid #fed7aa;border-radius:50%;border-top-color:#f97316;height:30px;margin-bottom:3px;width:30px}.ka-modal-overlay{align-items:center;animation:ka-fade-in .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.ka-modal{animation:ka-modal-up .25s ease;background:#fff;border:1px solid #e7ebf2;border-radius:17px;box-shadow:0 25px 80px #0f172a33;max-height:90vh;overflow-y:auto;width:min(550px,100%)}.ka-modal-header{align-items:flex-start;border-bottom:1px solid #edf0f5;display:flex;gap:20px;justify-content:space-between;padding:22px 25px}.ka-modal-label{color:#f97316;display:block;font-size:9px;font-weight:800;letter-spacing:.7px;margin-bottom:6px}.ka-modal-header h2{color:#172033;font-size:20px;font-weight:800;margin:0}.ka-modal-header p{color:#8b95a5;font-size:10px;line-height:1.5;margin:6px 0 0}.ka-modal-close{align-items:center;background:#f5f6f8;border:none;border-radius:8px;color:#7c8798;cursor:pointer;display:flex;flex-shrink:0;font-size:19px;height:33px;justify-content:center;transition:background .2s ease,color .2s ease;width:33px}.ka-modal-close:hover{background:#fff1e8;color:#ea580c}.ka-modal-profile{align-items:center;background:#fffaf5;border:1px solid #fed7aa;border-radius:12px;display:flex;gap:12px;margin:20px 25px;padding:14px}.ka-modal-avatar{align-items:center;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:11px;box-shadow:0 7px 18px #f973162e;color:#fff;display:flex;flex:0 0 46px;font-size:15px;font-weight:800;height:46px;justify-content:center;width:46px}.ka-modal-profile>div:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.ka-modal-profile strong{color:#172033;font-size:12px;font-weight:800}.ka-modal-profile span,.ka-modal-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ka-modal-profile span{color:#8b95a5;font-size:9px}.ka-form{padding:0 25px}.ka-form-group{margin-bottom:15px}.ka-form-group label{color:#344054;display:block;font-size:10px;font-weight:800;margin-bottom:6px}.ka-form-group input{background:#fbfcfe;border:1px solid #dfe4ec;border-radius:9px;color:#172033;font-family:inherit;font-size:11px;height:42px;outline:none;padding:0 12px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.ka-form-group input::placeholder{color:#a8b0bd}.ka-form-group input:hover{border-color:#cbd4e0}.ka-form-group input:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 4px #f9731614}.ka-form-group input:disabled{cursor:not-allowed;opacity:.65}.ka-form-group small{color:#98a2b3;display:block;font-size:8px;line-height:1.5;margin-top:5px}.ka-modal-footer{border-top:1px solid #edf0f5;display:flex;gap:8px;justify-content:flex-end;margin-top:5px;padding:17px 25px}.ka-btn-cancel{background:#fff;border:1px solid #dfe4ec;border-radius:9px;color:#667085;cursor:pointer;font-family:inherit;font-size:10px;font-weight:750;min-height:37px;padding:0 17px;transition:background .2s ease,border-color .2s ease,color .2s ease}.ka-btn-cancel:hover{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.ka-btn-save{align-items:center;background:#f97316;border:none;border-radius:9px;box-shadow:0 6px 14px #f973162b;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:10px;font-weight:800;gap:8px;justify-content:center;min-height:37px;min-width:125px;padding:0 17px;transition:background .2s ease,transform .2s ease}.ka-btn-save:hover{background:#ea580c;transform:translateY(-1px)}.ka-btn-cancel:disabled,.ka-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.ka-button-spinner{animation:ka-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes ka-spin{to{transform:rotate(1turn)}}@keyframes ka-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ka-modal-up{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.ka-page{padding:30px 25px 40px}.ka-header{align-items:flex-start;flex-direction:column;gap:18px}.ka-btn-primary{align-self:flex-start}.ka-access-info{flex-wrap:wrap}.ka-card-header{align-items:flex-start;flex-direction:column;padding:23px 24px}.ka-search-wrapper{max-width:400px;width:100%}}@media (max-width:600px){.ka-page{padding:20px 14px 30px}.ka-header{gap:16px;margin-bottom:18px}.ka-eyebrow{font-size:9px}.ka-title{font-size:28px;letter-spacing:-1px}.ka-subtitle{font-size:11px}.ka-btn-primary{width:100%}.ka-access-info{align-items:flex-start;flex-direction:column;gap:4px;padding:11px 13px}.ka-access-info:before{display:none}.ka-card{border-radius:14px}.ka-card-header{padding:20px 17px}.ka-section-title{font-size:18px}.ka-section-description{font-size:10px}.ka-search-wrapper{max-width:none;width:100%}.ka-search-info{margin:0 17px 14px}.ka-table{min-width:850px}.ka-table th{padding:0 13px}.ka-table td{padding:10px 13px}.ka-action-group{justify-content:flex-start}.ka-modal-overlay{align-items:flex-end;padding:0}.ka-modal{border-radius:17px 17px 0 0;max-height:92vh;width:100%}.ka-modal-header{padding:19px 17px}.ka-modal-profile{margin:17px}.ka-form{padding:0 17px}.ka-modal-footer{padding:15px 17px}.ka-btn-cancel,.ka-btn-save{flex:1 1}}@media (max-width:390px){.ka-page{padding:17px 11px 25px}.ka-title{font-size:25px}.ka-card-header{padding:18px 14px}.ka-modal-profile{margin:15px}.ka-form{padding:0 15px}.ka-modal-footer{padding:14px 15px}}.ka-page button:focus-visible,.ka-page input:focus-visible{outline:3px solid #f9731640;outline-offset:2px}@media (prefers-reduced-motion:reduce){.ka-page *,.ka-page :after,.ka-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.kelola-event{color:#1b2233;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0 auto;max-width:1500px;width:100%}.event-page-header{align-items:center;background:#fff;border:1px solid #dfe4f2;border-radius:17px;box-shadow:0 4px 18px #101d330d;display:flex;gap:30px;justify-content:space-between;margin-bottom:18px;overflow:hidden;padding:28px 30px;position:relative}.event-page-header:after{border-top:3px solid #f0a93e47;bottom:-20px;content:"";height:55px;pointer-events:none;position:absolute;right:30px;transform:rotate(-2deg);width:180px}.event-heading{position:relative;z-index:2}.event-eyebrow{align-items:center;background:#eef1fa;border-radius:5px;color:#35507f;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.61rem;font-weight:700;gap:7px;letter-spacing:.08em;margin-bottom:7px;padding:5px 9px}.event-eyebrow span{background:#f0a93e;border-radius:50%;height:6px;width:6px}.event-heading h1{color:#101d33;display:inline-block;font-family:Space Grotesk,Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.035em;line-height:1.1;margin:0 0 8px;position:relative}.event-heading h1:after{background:#f0a93e66;border-radius:3px;bottom:-3px;content:"";height:8px;left:0;position:absolute;transform:rotate(-1deg);width:55%;z-index:-1}.event-heading p{color:#737e93;font-size:.77rem;line-height:1.65;margin:0;max-width:620px}.btn-tambah-event{align-items:center;background:#f0a93e;border:1px solid #e4a039;border-radius:9px;box-shadow:0 6px 16px #f0a93e33;color:#654208;cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:700;gap:7px;justify-content:center;min-height:44px;padding:0 17px;position:relative;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap;z-index:3}.btn-tambah-event:hover{background:#eda02c;box-shadow:0 9px 20px #f0a93e45;transform:translateY(-2px)}.plus-icon{font-size:1rem;line-height:1}.event-toolbar{align-items:center;background:#f8f9fc;border:1px solid #e2e6f0;border-radius:11px;display:flex;justify-content:space-between;margin-bottom:12px;padding:14px 18px}.event-toolbar-info{align-items:center;display:flex;gap:11px}.event-count-icon{align-items:center;background:#eef1fa;border:1px solid #dce2ef;border-radius:9px;display:flex;font-size:1rem;height:37px;justify-content:center;width:37px}.event-toolbar-info strong{color:#263653;display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:.74rem;margin-bottom:2px}.event-toolbar-info span{color:#8a93a5;font-size:.61rem}.event-status{align-items:center;color:#718093;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.59rem;gap:7px}.event-status span{background:#35a57f;border-radius:50%;box-shadow:0 0 0 3px #35a57f1f;height:6px;width:6px}.event-table-card{background:#fff;border:1px solid #dfe4f2;border-radius:15px;box-shadow:0 4px 18px rgba(16,29,51,.045);overflow:hidden;position:relative}.event-table-card:before{background:#f0a93e;border-radius:0 0 4px 4px;content:"";height:4px;left:28px;position:absolute;top:0;width:72px;z-index:2}.event-table-wrapper{overflow-x:auto;width:100%}.event-table{border-collapse:collapse;min-width:850px;table-layout:fixed;width:100%}.event-table th:first-child{width:65px}.event-table th:nth-child(2){width:27%}.event-table th:nth-child(3){width:18%}.event-table th:nth-child(4){width:14%}.event-table th:nth-child(5){width:18%}.event-table th:nth-child(6){width:160px}.event-table thead{background:#f7f8fc}.event-table th{border-bottom:1px solid #e0e5ef;color:#67738a;font-family:IBM Plex Mono,monospace;font-size:.6rem;font-weight:700;height:55px;letter-spacing:.04em;padding:0 17px;text-align:left;text-transform:uppercase}.event-table .col-action,.event-table th:first-child{text-align:center}.event-table tbody tr{transition:background .18s ease}.event-table tbody tr:hover{background:#fcfcfe}.event-table td{border-bottom:1px solid #edf0f5;color:#4e5b73;font-size:.71rem;height:78px;padding:10px 17px;vertical-align:middle}.event-table tbody tr:last-child td{border-bottom:none}.event-number{color:#9ba4b4!important;font-family:IBM Plex Mono,monospace;font-size:.63rem!important;text-align:center}.event-title-cell{align-items:center;display:flex;gap:11px;min-width:0}.event-row-icon{align-items:center;background:#fff5e4;border:1px solid #f4dfb9;border-radius:9px;display:flex;flex-shrink:0;font-size:.95rem;height:38px;justify-content:center;width:38px}.event-title-cell>div:last-child{min-width:0}.event-title-cell strong{color:#263653;display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:.75rem;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-title-cell span{color:#a0a8b6;display:block;font-size:.59rem}.date-badge{background:#f5f6fa;border:1px solid #e4e7ef;border-radius:6px;display:inline-block;font-size:.58rem;padding:6px 9px}.date-badge,.time-badge{color:#5e6a80;font-family:IBM Plex Mono,monospace}.time-badge{align-items:center;display:inline-flex;font-size:.6rem;gap:4px}.location-cell{align-items:center;color:#667188;display:flex;font-size:.68rem;gap:5px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-cell span{color:#e39a2f;font-size:.8rem}.event-actions{display:flex;gap:6px}.event-actions,.event-actions button{align-items:center;justify-content:center}.event-actions button{border-radius:6px;cursor:pointer;display:inline-flex;font-size:.6rem;font-weight:600;gap:5px;min-height:31px;padding:0 9px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.event-actions button:hover{transform:translateY(-1px)}.btn-event-edit{background:#f3f6fb;border:1px solid #dce4f0;color:#3e5e8d}.btn-event-edit:hover{background:#eaf0f9;border-color:#cbd8e9}.btn-event-delete{background:#fff3f1;border:1px solid #f1d6d2;color:#bd5a50}.btn-event-delete:hover{background:#ffe9e6;border-color:#e9c1bc}.event-actions button span{font-size:.75rem}.event-empty{height:360px!important;padding:50px 20px!important;text-align:center!important}.empty-event-icon{align-items:center;background:#f5f6fa;border:1px dashed #d4dbe8;border-radius:14px;display:flex;font-size:1.4rem;height:62px;justify-content:center;margin:0 auto 13px;width:62px}.event-empty strong{color:#5d6980;display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:.82rem;margin-bottom:5px}.event-empty span{color:#9aa2b1;display:block;font-size:.66rem;margin-bottom:17px}.empty-add-event{background:#f0a93e;border:1px solid #e5a23a;border-radius:7px;color:#69470c;cursor:pointer;font-size:.65rem;font-weight:700;min-height:35px;padding:0 13px;transition:transform .2s ease,background .2s ease}.empty-add-event:hover{background:#eda02c;transform:translateY(-1px)}.event-table-footer{align-items:center;background:#fafbfc;border-top:1px solid #e7eaf1;color:#939baa;display:flex;font-size:.61rem;justify-content:space-between;min-height:48px;padding:0 19px}.event-table-footer strong{color:#536078;font-family:IBM Plex Mono,monospace}.footer-system-status{align-items:center;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.56rem;gap:6px}.footer-system-status i{background:#35a57f;border-radius:50%;height:6px;width:6px}@media (max-width:1000px){.event-page-header{align-items:flex-start;flex-direction:column}.btn-tambah-event{align-self:flex-start}}.ka-master-protected{background:#f1f5f9;border-radius:8px;color:#475569;cursor:default;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;white-space:nowrap}.ka-master-protected,.ka-role{align-items:center;display:inline-flex}.ka-role{background:#eef2ff;border-radius:7px;color:#4338ca;font-size:12px;font-weight:700;padding:6px 10px;text-transform:capitalize}.ka-admin-name span{color:#64748b;display:block;font-size:12px;margin-top:3px}.ka-table-row:has(.ka-master-protected) .ka-avatar{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}@media (max-width:768px){.ka-master-protected{font-size:12px;padding:7px 9px}}@media (max-width:650px){.event-page-header{border-radius:14px;padding:22px 19px}.event-heading h1{font-size:1.7rem}.event-heading p{font-size:.7rem}.btn-tambah-event{width:100%}.event-toolbar{align-items:flex-start;gap:10px;padding:12px 14px}.event-status{display:none}.event-table{min-width:780px}.event-table th{height:50px;padding:0 12px}.event-table td{height:70px;padding:9px 12px}.event-table-footer{padding:0 14px}}.kelola-event button:focus-visible{outline:3px solid #f0a93e8c;outline-offset:2px}.modal-overlay{background:#0f172a8c;padding:20px;z-index:9999}.modal{box-shadow:0 20px 50px #0f172a2e,0 5px 15px #0f172a14;box-sizing:border-box;max-width:560px}.modal h2{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 25px}.modal h2:after{background:#2563eb;border-radius:10px;content:"";display:block;height:4px;margin-top:10px;width:45px}.modal input,.modal textarea{background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:14px;margin-bottom:16px;outline:none;padding:13px 15px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.modal textarea{line-height:1.5;min-height:110px;resize:vertical}.modal input::placeholder,.modal textarea::placeholder{color:#94a3b8}.modal input:focus,.modal textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal input:disabled,.modal textarea:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.65}.modal input[type=date]{color:#334155;cursor:pointer}.modal input[type=date]:focus{color:#1e293b}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.modal-buttons button{border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;min-width:110px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.modal-buttons button:first-child{background:#2563eb;box-shadow:0 4px 10px #2563eb33;color:#fff}.modal-buttons button:first-child:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 15px #2563eb40;transform:translateY(-1px)}.modal-buttons button:last-child{background:#f1f5f9;color:#475569}.modal-buttons button:last-child:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.modal-buttons button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:600px){.modal-overlay{padding:15px}.modal{border-radius:15px;max-width:100%;padding:23px}.modal h2{font-size:21px;margin-bottom:20px}.modal input,.modal textarea{font-size:14px;padding:12px 13px}.modal-buttons{flex-direction:column-reverse;gap:10px}.modal-buttons button{width:100%}}@media (min-width:1440px){.siswa-main{padding-left:55px;padding-right:55px}}@media (max-width:1200px){:root{--sidebar-width:235px}.siswa-sidebar{padding:22px 14px}.siswa-main{margin-left:var(--sidebar-width);padding:30px 28px;width:calc(100% - var(--sidebar-width))}.sidebar-brand{gap:10px}.brand-logo{font-size:1.2rem;height:40px;width:40px}.sidebar-brand h2{font-size:.95rem}.sidebar-menu button{font-size:.84rem;padding:11px 12px}.sidebar-profile{margin:20px 2px;padding:12px}}@media (max-width:992px){:root{--sidebar-width:210px}.siswa-main{padding:28px 22px}.sidebar-brand{padding-left:4px;padding-right:4px}.brand-logo{height:38px;width:38px}.sidebar-brand h2{font-size:.88rem}.sidebar-menu{gap:4px}.sidebar-menu button{font-size:.8rem;gap:8px;padding:10px 9px}.sidebar-menu button span{font-size:.95rem;width:20px}.sidebar-profile{gap:8px}.profile-avatar{font-size:.85rem;height:36px;width:36px}.sidebar-profile h3{font-size:.82rem;max-width:115px}.sidebar-profile p{font-size:.65rem;max-width:115px}.siswa-main h1{font-size:2rem}.page-header{gap:16px}}@media (max-width:768px){.siswa-layout{display:block;min-width:0;overflow-x:hidden;width:100%}.siswa-sidebar{border-bottom:1px solid #ffffff14;border-right:none;box-shadow:0 5px 20px #101d332e;flex-direction:row;height:68px;left:0;min-height:68px;overflow:visible;padding:10px 16px;position:fixed;right:0;top:0;width:100%}.sidebar-brand,.siswa-sidebar{align-items:center;display:flex}.sidebar-brand{border:none;gap:9px;padding:0}.brand-logo{border-radius:9px;font-size:1.15rem;height:40px;width:40px}.sidebar-brand h2{font-size:.9rem;white-space:nowrap}.sidebar-brand p,.sidebar-menu,.sidebar-profile{display:none}.logout-btn{align-items:center;border-radius:9px;display:flex;flex-shrink:0;height:42px;justify-content:center;margin:0 0 0 auto;padding:0;width:42px}.logout-btn span{font-size:1.1rem}.siswa-main{margin-left:0;min-width:0;overflow-x:hidden;padding:95px 20px 35px;width:100%}.siswa-main:before{left:0}.page-header{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;width:100%}.page-header h1{font-size:clamp(1.6rem,6vw,2rem);max-width:100%}.page-header p{font-size:.85rem}.content-card,.dashboard-card,.stat-card{min-width:0;width:100%}.stat-card{padding:20px}.stat-card .stat-number{font-size:1.7rem}.siswa-main table{display:table;min-width:650px;width:100%}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.siswa-main input,.siswa-main select,.siswa-main textarea{font-size:16px;max-width:100%;min-height:44px;width:100%}.btn-primary,.btn-secondary{max-width:100%}}@media (max-width:576px){.siswa-sidebar{height:64px;min-height:64px;padding:9px 13px}.brand-logo{height:38px;width:38px}.sidebar-brand h2{font-size:.84rem}.logout-btn{height:38px;width:38px}.siswa-main{padding:86px 15px 28px}.siswa-main h1{font-size:1.55rem}.siswa-main h2{font-size:1.25rem}.siswa-main h3{font-size:1.05rem}.siswa-main p{font-size:.84rem}.page-header{margin-bottom:20px}.page-header p{line-height:1.6}.content-card,.dashboard-card,.stat-card{border-radius:13px}.stat-card{padding:18px}.stat-card h3{font-size:.76rem}.stat-card .stat-number{font-size:1.55rem}.stat-card .stat-label{font-size:.64rem}.btn-primary,.btn-secondary{width:100%}.form-grid,.form-row{grid-template-columns:1fr!important}}@media (max-width:400px){.siswa-sidebar{padding-left:10px;padding-right:10px}.sidebar-brand{gap:7px}.brand-logo{font-size:1rem;height:36px;width:36px}.sidebar-brand h2{font-size:.78rem}.logout-btn{height:36px;width:36px}.siswa-main{padding-left:12px;padding-right:12px}.siswa-main h1{font-size:1.4rem}.stat-card{padding:16px}}.table-responsive,.table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;width:100%}iframe,img,video{height:auto;max-width:100%}.siswa-main *,.siswa-sidebar *{max-width:100%}@media (prefers-reduced-motion:reduce){.siswa-main *,.siswa-sidebar *{animation:none!important;transition:none!important}}:root{--radius-lg:24px}.content{background:#eef1fa;background:var(--paper-tint);color:#1b2233;color:var(--ink);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);min-height:100vh;padding:48px 5% 64px}.header{margin:0 auto 36px;max-width:1080px}.header h2{background-image:linear-gradient(#0000 64%,#f0a93e80 0);color:#101d33;color:var(--navy-900);display:inline-block;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;margin:0}.header p{color:#5b6478;color:var(--ink-soft);font-size:1rem;margin:10px 0 0}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1080px}.card{padding:24px 24px 22px;transition:transform .2s ease,box-shadow .2s ease}.card:before{height:100%;left:0;width:5px}.card h3{color:#16274a;color:var(--navy-800);font-size:.98rem;font-weight:600;margin:0 0 10px}.card p{color:#1b2233;color:var(--ink);font-size:1.02rem;font-weight:500;word-break:break-word}.dashboard-grid+.card{background:#101d33;background:var(--navy-900);border-color:#101d33;border-color:var(--navy-900);margin:20px auto 0;max-width:1080px}.dashboard-grid+.card:before{background:#2c9c73;background:var(--mint)}.dashboard-grid+.card h3{color:#fff;color:var(--white)}.dashboard-grid+.card p{color:#d8deee;font-weight:400;line-height:1.7}.status-active{align-items:center;background:#e4f5ee;background:var(--mint-bg);border-radius:999px;color:#1f7d5c!important;color:var(--mint-deep)!important;display:inline-flex!important;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.82rem!important;font-weight:600;gap:6px;padding:6px 14px}.status-active:before{background:#2c9c73;background:var(--mint);border-radius:50%;content:"";height:7px;width:7px}@media (max-width:640px){.content{padding:32px 5% 48px}.dashboard-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card{transition:none}}.datadiri-container{background:repeating-linear-gradient(180deg,#0000 0,#0000 43px,rgba(31,53,99,.045) 44px),#fbfbfd;background:repeating-linear-gradient(to bottom,#0000 0,#0000 43px,rgba(31,53,99,.045) 44px),var(--paper);color:#1b2233;color:var(--ink);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);min-height:100vh;padding:45px 5% 70px;position:relative;width:100%}.datadiri-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 30px;max-width:1050px}.datadiri-header h2{color:#101d33;color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.2;margin:0;position:relative}.datadiri-header h2:after{background:#f0a93e6b;bottom:1px;content:"";height:10px;left:0;position:absolute;width:100%;z-index:0}.datadiri-header h2{isolation:isolate}.datadiri-header h2:after{z-index:-1}.datadiri-header p{color:#5b6478;color:var(--ink-soft);font-size:.95rem;line-height:1.6;margin-top:8px}.datadiri-card{background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:18px;border-radius:var(--radius-md);box-shadow:0 12px 32px #101d331a;box-shadow:var(--shadow-md);margin:0 auto;max-width:1050px;padding:38px 42px 42px;position:relative}.datadiri-card:before{background:#f0a93e;background:var(--amber);border-radius:0 0 5px 5px;content:"";height:4px;left:32px;position:absolute;right:32px;top:0}.info-id{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.info-id>div{background:#eef1fa;background:var(--paper-tint);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:10px;border-radius:var(--radius-sm);overflow:hidden;padding:17px 20px;position:relative}.info-id>div:before{background:#1f3563;background:var(--navy-700);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.info-id span{color:#8a91a3;color:var(--ink-faint);font-size:.68rem;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.info-id span,.info-id strong{display:block;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-weight:600}.info-id strong{color:#16274a;color:var(--navy-800);font-size:.95rem}.datadiri-card>label{color:#16274a;color:var(--navy-800);display:block;font-size:.88rem;font-weight:600;margin:20px 0 8px}.datadiri-card input,.datadiri-card>label{font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body)}.datadiri-card input{background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:10px;border-radius:var(--radius-sm);color:#1b2233;color:var(--ink);font-size:.94rem;min-height:48px;outline:none;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.datadiri-card input:not(:disabled):hover{border-color:#bdc6da}.datadiri-card input:not(:disabled):focus{border-color:#f0a93e;border-color:var(--amber);box-shadow:0 0 0 3px #f0a93e29}.datadiri-card input:disabled{background:#f5f6fa;border-color:#dfe4f2;border-color:var(--paper-line);color:#5b6478;color:var(--ink-soft);cursor:default}.datadiri-card input:disabled[name=nama]{background:#f5f6fa}.button-group{align-items:center;border-top:1px dashed #dfe4f2;border-top:1px dashed var(--paper-line);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.button-group button,.retry-btn{border:none;border-radius:10px;cursor:pointer;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.9rem;font-weight:600;min-height:46px;padding:11px 22px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.edit-btn{background:#101d33;background:var(--navy-900);box-shadow:0 2px 10px #101d330f;box-shadow:var(--shadow-sm);color:#fff;color:var(--white)}.edit-btn:hover{background:#1f3563;background:var(--navy-700);box-shadow:0 12px 32px #101d331a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.save-btn{background:#2c9c73;background:var(--mint);box-shadow:0 6px 16px #2c9c7338;color:#fff;color:var(--white)}.save-btn:hover{background:#1f7d5c;background:var(--mint-deep);box-shadow:0 10px 24px #2c9c7347;transform:translateY(-2px)}.cancel-btn{background:#eef1fa;background:var(--paper-tint);border:1px solid #dfe4f2!important;border:1px solid var(--paper-line)!important;color:#16274a;color:var(--navy-800)}.cancel-btn:hover{background:#e5e9f4;transform:translateY(-2px)}.datadiri-loading{background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:18px;border-radius:var(--radius-md);box-shadow:0 12px 32px #101d331a;box-shadow:var(--shadow-md);margin:100px auto;padding:40px 35px;position:relative;text-align:center;width:min(520px,100%)}.datadiri-loading:before{background:#f0a93e;background:var(--amber);border-radius:0 0 5px 5px;content:"";height:4px;left:25%;position:absolute;right:25%;top:0}.datadiri-loading h2{color:#101d33;color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.35rem;margin:0 0 10px}.datadiri-loading p{color:#5b6478;color:var(--ink-soft);font-size:.92rem;margin:0}.datadiri-empty{background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:18px;border-radius:var(--radius-md);box-shadow:0 12px 32px #101d331a;box-shadow:var(--shadow-md);margin:90px auto;padding:45px 40px;position:relative;text-align:center;width:min(600px,100%)}.datadiri-empty:before{background:#f0a93e;background:var(--amber);border-radius:0 0 5px 5px;content:"";height:4px;left:30px;position:absolute;right:30px;top:0}.datadiri-empty h2{color:#101d33;color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.45rem;margin:0 0 12px}.datadiri-empty p{color:#5b6478;color:var(--ink-soft);font-size:.94rem;line-height:1.7;margin:0 auto 25px;max-width:460px}.retry-btn{background:#f0a93e;background:var(--amber);box-shadow:0 6px 18px #f0a93e40;color:#6b4508;color:var(--amber-ink)}.retry-btn:hover{background:#d98a1f;background:var(--amber-deep);box-shadow:0 10px 24px #f0a93e4d;color:#fff;color:var(--white);transform:translateY(-2px)}@media (max-width:900px){.datadiri-container{padding:35px 4% 60px}.datadiri-card{padding:34px 30px 36px}.info-id{gap:14px}}@media (max-width:600px){.datadiri-container{padding:28px 4% 50px}.datadiri-header{margin-bottom:24px}.datadiri-header h2{font-size:1.65rem}.datadiri-header p{font-size:.85rem}.datadiri-card{border-radius:14px;padding:30px 20px 25px}.datadiri-card:before{left:20px;right:20px}.info-id{gap:10px;grid-template-columns:1fr;margin-bottom:24px}.info-id>div{padding:14px 17px}.datadiri-card>label{font-size:.84rem;margin-top:17px}.datadiri-card input{font-size:.88rem;min-height:46px;padding:11px 13px}.button-group{align-items:stretch;flex-direction:column;gap:10px;margin-top:26px;padding-top:20px}.button-group button{width:100%}.datadiri-empty,.datadiri-loading{margin:60px auto;padding:35px 22px}.datadiri-empty h2{font-size:1.25rem}}@media (max-width:380px){.datadiri-container{padding-left:3%;padding-right:3%}.datadiri-card{padding-left:16px;padding-right:16px}.datadiri-header h2{font-size:1.45rem}.datadiri-header p{font-size:.8rem}.info-id strong{font-size:.85rem}}.button-group button:focus-visible,.datadiri-card input:focus-visible,.retry-btn:focus-visible{outline:3px solid #f0a93e73;outline-offset:3px}@media (prefers-reduced-motion:reduce){.button-group button,.datadiri-card input,.retry-btn{transition:none}}:root{--shadow-lg:0 24px 60px #101d3324}.jadwal-siswa-container{background:repeating-linear-gradient(180deg,#0000 0,#0000 43px,rgba(31,53,99,.045) 44px),#fbfbfd;background:repeating-linear-gradient(to bottom,#0000 0,#0000 43px,rgba(31,53,99,.045) 44px),var(--paper);color:#1b2233;color:var(--ink);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);min-height:100vh;overflow-x:hidden;padding:45px 5% 70px;width:100%}.jadwal-siswa-card{background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:18px;border-radius:var(--radius-md);box-shadow:0 12px 32px #101d331a;box-shadow:var(--shadow-md);margin:0 auto;max-width:1180px;padding:38px 40px 40px;position:relative;width:100%}.jadwal-siswa-card:before{background:#f0a93e;background:var(--amber);border-radius:0 0 5px 5px;content:"";height:4px;left:32px;position:absolute;right:32px;top:0}.jadwal-siswa-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.jadwal-siswa-title{color:#101d33;color:var(--navy-900);display:inline-block;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.35rem);font-weight:700;line-height:1.2;margin:0;position:relative}.jadwal-siswa-title:after{background:#f0a93e66;border-radius:2px;bottom:1px;content:"";height:9px;left:0;position:absolute;right:0;z-index:0}.jadwal-siswa-title{isolation:isolate}.jadwal-siswa-title:after{z-index:-1}.jadwal-siswa-subtitle{color:#5b6478;color:var(--ink-soft);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.94rem;line-height:1.6;margin-top:9px}.jadwal-table-wrapper{border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #101d330f;box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-color:#f0a93e #eef1fa;scrollbar-color:var(--amber) var(--paper-tint);scrollbar-width:thin;width:100%}.jadwal-table-wrapper::-webkit-scrollbar{height:8px}.jadwal-table-wrapper::-webkit-scrollbar-track{background:#eef1fa;background:var(--paper-tint);border-radius:10px}.jadwal-table-wrapper::-webkit-scrollbar-thumb{background:#f0a93e;background:var(--amber);border-radius:10px}.jadwal-table{background:#fff;background:var(--white);border-collapse:collapse;font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);min-width:850px;width:100%}.jadwal-table thead{background:#101d33;background:var(--navy-900)}.jadwal-table thead tr{height:58px}.jadwal-table th{border:none;color:#fff;color:var(--white);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.03em;padding:15px 16px;text-align:left;white-space:nowrap}.jadwal-table td:first-child,.jadwal-table th:first-child{text-align:center;width:65px}.jadwal-table tbody tr{border-bottom:1px solid #dfe4f2;border-bottom:1px solid var(--paper-line);min-height:62px;transition:background .2s ease,transform .2s ease}.jadwal-table tbody tr:hover{background:#fffaf0}.jadwal-table tbody tr:last-child{border-bottom:none}.jadwal-table td{color:#1b2233;color:var(--ink);font-size:.9rem;padding:17px 16px;vertical-align:middle;white-space:nowrap}.jadwal-table td:first-child{color:#8a91a3;color:var(--ink-faint);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600}.jadwal-mapel{color:#16274a!important;color:var(--navy-800)!important;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.92rem!important;font-weight:600}.jadwal-hari{align-items:center;background:#eef1fa;background:var(--paper-tint);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:8px;color:#1f3563;color:var(--navy-700);display:inline-flex;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:600;justify-content:center;min-width:85px;padding:7px 12px;text-align:center}.jadwal-table tbody tr:hover .jadwal-hari{background:#f0a93e2e;border-color:#f0a93e66}.jadwal-jam{color:#1f7d5c!important;color:var(--mint-deep)!important;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.78rem!important;font-weight:600}.jadwal-jam:before{background:#2c9c73;background:var(--mint);border-radius:50%;content:"";display:inline-block;height:6px;margin-right:8px;vertical-align:middle;width:6px}.jadwal-empty{border:none!important;color:#8a91a3!important;color:var(--ink-faint)!important;font-family:Inter,Segoe UI,sans-serif!important;font-family:var(--font-body)!important;font-size:.92rem!important;padding:50px 25px!important;text-align:center!important}.jadwal-empty,.jadwal-table tbody tr:hover .jadwal-empty{background:#fbfbfd;background:var(--paper)}.jadwal-error{background:#fff7e8;border:1px solid #f0a93e59;border-left:4px solid #f0a93e;border-left:4px solid var(--amber);border-radius:10px;border-radius:var(--radius-sm);color:#6b4508;color:var(--amber-ink);font-size:.92rem;line-height:1.6;padding:20px 22px}.jadwal-siswa-card>.jadwal-empty{align-items:center;background:#fbfbfd;background:var(--paper);border:1px dashed #dfe4f2!important;border:1px dashed var(--paper-line)!important;border-radius:10px;border-radius:var(--radius-sm);display:flex;justify-content:center;min-height:180px}@media (max-width:1024px){.jadwal-siswa-container{padding:35px 4% 60px}.jadwal-siswa-card{padding:34px 30px 35px}.jadwal-table{min-width:800px}}@media (max-width:700px){.jadwal-siswa-container{padding:28px 4% 50px}.jadwal-siswa-card{border-radius:14px;padding:30px 18px 25px}.jadwal-siswa-card:before{left:20px;right:20px}.jadwal-siswa-header{margin-bottom:24px}.jadwal-siswa-title{font-size:1.65rem}.jadwal-siswa-subtitle{font-size:.82rem;margin-top:7px}.jadwal-table-wrapper{border-radius:9px}.jadwal-table{min-width:780px}.jadwal-table th{font-size:.72rem;padding:13px 14px}.jadwal-table td{font-size:.84rem;padding:15px 14px}.jadwal-hari{font-size:.68rem;min-width:78px;padding:6px 10px}.jadwal-jam{font-size:.72rem!important}}@media (max-width:420px){.jadwal-siswa-container{padding:22px 3% 40px}.jadwal-siswa-card{padding:26px 14px 20px}.jadwal-siswa-card:before{left:16px;right:16px}.jadwal-siswa-title{font-size:1.45rem}.jadwal-siswa-subtitle{font-size:.78rem}.jadwal-table{min-width:760px}}.jadwal-table-wrapper:focus-visible{outline:3px solid #f0a93e73;outline-offset:3px}@media (prefers-reduced-motion:reduce){.jadwal-table tbody tr{transition:none}}body{color:#1b2233}.nilai-siswa-container{background:linear-gradient(#f7f8fcf5,#f7f8fcf5);min-height:100vh;padding:30px;width:100%}.nilai-siswa-card{background:#fff;border:1px solid #dfe4f2;border-radius:20px;box-shadow:0 10px 30px #101d3312;padding:28px;width:100%}.nilai-siswa-header{align-items:center;border-bottom:1px solid #e1e5ef;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;position:relative}.nilai-siswa-header:before{background:#f0a93e;border-radius:0 0 4px 4px;bottom:-2px;content:"";height:4px;left:0;position:absolute;width:85px}.nilai-siswa-title{color:#101d33;font-family:Space Grotesk,Segoe UI,Arial,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.4px;margin:0}.nilai-siswa-header p{color:#788196;font-size:14px;line-height:1.6;margin:7px 0 0}.refresh-btn{background:#16274a;border:1px solid #16274a;border-radius:10px;color:#fff;cursor:pointer;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:13px;font-weight:700;height:42px;padding:0 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.refresh-btn:hover{background:#243b66;box-shadow:0 7px 15px #16274a2e;transform:translateY(-2px)}.nilai-siswa-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.info-item{background:#f8f9fc;border:1px solid #e0e4ef;border-radius:14px;min-height:90px;overflow:hidden;padding:18px;position:relative}.info-item:before{background:#f0a93e;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.info-item span{color:#7c8497;font-size:12px;letter-spacing:.3px;margin-bottom:7px}.info-item strong{color:#16274a;display:block;font-size:16px;font-weight:700;word-break:break-word}.nilai-filter{display:flex;flex-direction:column;gap:8px;margin-bottom:28px;width:100%}.nilai-filter label{color:#16274a;font-size:13px;font-weight:700}.nilai-filter select{background:#fff;border:1px solid #d8deeb;border-radius:10px;color:#16274a;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;height:48px;outline:none;padding:0 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.nilai-filter select:hover{border-color:#b9c2d5}.nilai-filter select:focus{border-color:#35507f;box-shadow:0 0 0 3px #35507f1a}.nilai-filter select:disabled{background:#f2f4f8;color:#9299a8;cursor:not-allowed}.nilai-section{background:#fff;border:1px solid #dfe4f2;border-radius:16px;margin-top:25px;padding:22px}.file-section{margin-top:20px}.section-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:18px}.section-header h2{color:#101d33;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:19px;font-weight:700;margin:0}.section-header p{color:#7b8497;font-size:13px;margin:5px 0 0}.nilai-table-wrapper{border:1px solid #dfe4f2;border-radius:12px;overflow-x:auto;width:100%}.nilai-table{border-collapse:collapse;min-width:550px;table-layout:fixed;width:100%}.nilai-table thead th{background:#eef1fa;border-bottom:1px solid #d9deeb;color:#16274a;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:12px;font-weight:700;height:50px;padding:0 16px;text-align:left}.nilai-table td:first-child,.nilai-table th:first-child{text-align:center;width:70px}.nilai-table td:nth-child(2),.nilai-table th:nth-child(2){width:auto}.nilai-table td:last-child,.nilai-table th:last-child{text-align:center;width:150px}.nilai-table tbody tr{background:#fff;transition:background .2s ease}.nilai-table tbody tr:hover{background:#f8f9fc}.nilai-table tbody td{border-bottom:1px solid #e6e9f0;color:#43516c;font-size:13px;height:58px;padding:12px 16px;vertical-align:middle}.nilai-table tbody tr:last-child td{border-bottom:none}.nilai-angka{align-items:center;background:#16274a;border-radius:8px;color:#fff;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;height:32px;justify-content:center;min-width:55px;padding:0 12px}.nilai-empty{background:#fafbfc;color:#858d9f;font-size:13px;padding:35px 20px;text-align:center}.nilai-empty h2,.nilai-empty h3{color:#16274a;font-family:Space Grotesk,sans-serif;font-size:18px;margin:8px 0 6px}.nilai-empty p{color:#858d9f;font-size:13px;line-height:1.6;margin:0 auto;max-width:500px}.empty-icon{align-items:center;background:#fff4df;border-radius:15px;display:flex;font-size:25px;height:55px;justify-content:center;margin:0 auto 12px;width:55px}.nilai-loading{padding:45px 20px;text-align:center}.nilai-loading h2{color:#16274a;font-family:Space Grotesk,sans-serif;font-size:18px;margin:0 0 8px}.nilai-loading p{color:#858d9f;font-size:13px;margin:0}.nilai-error{background:#fff4f4;border:1px solid #efcaca;border-radius:10px;color:#b33d3d;font-size:13px;line-height:1.5;padding:15px 18px}.file-list{display:flex;flex-direction:column;gap:12px}.file-card{align-items:center;background:#fafbfc;border:1px solid #dfe4f2;border-radius:13px;display:flex;gap:14px;min-height:75px;padding:14px 16px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.file-card:hover{background:#f6f8fc;border-color:#ccd3e2;transform:translateY(-1px)}.file-icon{align-items:center;background:#eef1fa;border-radius:11px;display:flex;flex-shrink:0;font-size:21px;height:45px;justify-content:center;width:45px}.file-info{flex:1 1;min-width:0}.file-info h3{color:#16274a;font-size:14px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info p{color:#8991a2;font-size:12px;margin:4px 0 0}.file-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.file-download-btn,.file-view-btn{align-items:center;border-radius:9px;display:inline-flex;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:12px;font-weight:700;height:37px;justify-content:center;padding:0 13px;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.file-view-btn{background:#16274a;border:1px solid #16274a;color:#fff}.file-view-btn:hover{background:#243b66;border-color:#243b66;color:#fff;transform:translateY(-1px)}.file-download-btn{background:#f0a93e;border:1px solid #f0a93e;color:#654408}.file-download-btn:hover{background:#d98a1f;border-color:#d98a1f;color:#fff;transform:translateY(-1px)}.retry-btn{background:#16274a;border:1px solid #16274a;border-radius:9px;color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;height:40px;margin-top:15px;padding:0 18px;transition:background .2s ease,transform .2s ease}.retry-btn:hover{background:#243b66;transform:translateY(-1px)}@media (max-width:900px){.nilai-siswa-container{padding:24px}.nilai-siswa-card{padding:22px}.nilai-siswa-info{grid-template-columns:repeat(2,1fr)}.file-card{align-items:flex-start}}@media (max-width:700px){.nilai-siswa-card,.nilai-siswa-container{padding:18px}.nilai-siswa-header{align-items:flex-start;flex-direction:column}.refresh-btn{width:100%}.nilai-siswa-title{font-size:26px}.nilai-siswa-info{grid-template-columns:1fr}.nilai-section{padding:16px}.section-header{flex-direction:column}.file-card{flex-wrap:wrap}.file-info{flex:none;width:calc(100% - 60px)}.file-actions{padding-left:59px;width:100%}.file-download-btn,.file-view-btn{flex:1 1}}@media (max-width:480px){.nilai-siswa-container{padding:12px}.nilai-siswa-card{border-radius:15px;padding:15px}.nilai-siswa-title{font-size:23px}.nilai-siswa-header p{font-size:12px}.info-item{min-height:80px;padding:15px}.nilai-section{border-radius:13px;padding:13px}.section-header h2{font-size:17px}.nilai-table{min-width:500px}.file-card{padding:13px}.file-actions{padding-left:0}}:root{--amber-bg:#fdf1de;--mint-bg:#e4f5ee;--sky:#2f6fa8;--sky-bg:#e6eff8;--red:#c94a4a;--red-bg:#fbe9e9;--radius-lg:26px}.absensi-siswa-container{background:#eef1fa;background:var(--paper-tint);color:#1b2233;color:var(--ink);display:flex;font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);justify-content:center;min-height:100vh;padding:56px 5%}.absensi-siswa-card{background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:26px;border-radius:var(--radius-lg);box-shadow:0 24px 60px #101d3329;box-shadow:var(--shadow-lg);max-width:880px;overflow:hidden;padding:40px 36px 30px;position:relative;width:100%}.absensi-siswa-card:before{background:repeating-linear-gradient(90deg,#f0a93e 0,#f0a93e 14px,#101d33 0,#101d33 28px);background:repeating-linear-gradient(to right,var(--amber) 0,var(--amber) 14px,var(--navy-900) 14px,var(--navy-900) 28px);content:"";height:6px;left:0;position:absolute;right:0;top:0}.absensi-siswa-title{background-image:linear-gradient(#0000 64%,#f0a93e80 0);color:#101d33;color:var(--navy-900);display:inline-block;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:700;margin:6px 0 30px}.absensi-loading{color:#8a91a3;color:var(--ink-faint);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.9rem;letter-spacing:.02em;padding:46px 0;text-align:center}.absensi-loading:after{animation:absensi-spin .8s linear infinite;border:2px solid #dfe4f2;border-top-color:#d98a1f;border:2px solid var(--paper-line);border-radius:50%;border-top-color:var(--amber-deep);content:"";display:inline-block;height:14px;margin-left:10px;vertical-align:-2px;width:14px}@keyframes absensi-spin{to{transform:rotate(1turn)}}.absensi-table-wrapper{border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:18px;border-radius:var(--radius-md);overflow-x:auto}.absensi-table{border-collapse:collapse;min-width:480px}.absensi-table thead th{background:#101d33;background:var(--navy-900);color:var(--white);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;padding:16px 20px;text-transform:uppercase}.absensi-table thead th:first-child{border-radius:18px 0 0 0;border-radius:var(--radius-md) 0 0 0}.absensi-table thead th:last-child{border-radius:0 18px 0 0;border-radius:0 var(--radius-md) 0 0}.absensi-table tbody tr{border-bottom:1px solid #dfe4f2;border-bottom:1px solid var(--paper-line);transition:background .15s ease}.absensi-table tbody tr:last-child{border-bottom:none}.absensi-table tbody tr:nth-child(2n){background:#eef1fa;background:var(--paper-tint)}.absensi-table tbody tr:hover{background:#fdf1de;background:var(--amber-bg)}.absensi-table td{color:#1b2233;color:var(--ink);font-size:.94rem;padding:15px 20px;vertical-align:middle}.absensi-table td:first-child{color:#5b6478;color:var(--ink-soft);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.85rem;white-space:nowrap}.status-alfa,.status-hadir,.status-izin,.status-sakit{align-items:center;border-radius:999px;display:inline-flex;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;gap:6px;letter-spacing:.03em;padding:6px 14px}.status-alfa:before,.status-hadir:before,.status-izin:before,.status-sakit:before{border-radius:50%;content:"";height:7px;width:7px}.status-hadir{background:#e4f5ee;background:var(--mint-bg);color:#1f7d5c;color:var(--mint-deep)}.status-hadir:before{background:#2c9c73;background:var(--mint)}.status-izin{background:#fdf1de;background:var(--amber-bg);color:#6b4508;color:var(--amber-ink)}.status-izin:before{background:#d98a1f;background:var(--amber-deep)}.status-sakit{background:#e6eff8;background:var(--sky-bg);color:#2f6fa8;color:var(--sky)}.status-sakit:before{background:#2f6fa8;background:var(--sky)}.status-alfa{background:#fbe9e9;background:var(--red-bg);color:#c94a4a;color:var(--red)}.status-alfa:before{background:#c94a4a;background:var(--red)}.absensi-empty{color:#8a91a3;color:var(--ink-faint);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.95rem;padding:48px 20px!important;text-align:center}@media (max-width:640px){.absensi-siswa-container{padding:32px 4%}.absensi-siswa-card{padding:28px 18px 22px}.absensi-table td,.absensi-table thead th{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.absensi-loading:after{animation:none}.absensi-table tbody tr{transition:none}}:root{--navy-900:#101d33;--navy-800:#16274a;--navy-700:#1f3563;--navy-500:#35507f;--ink:#1b2233;--ink-soft:#5b6478;--ink-faint:#8a91a3;--paper:#fbfbfd;--paper-tint:#eef1fa;--paper-line:#dfe4f2;--amber:#f0a93e;--amber-deep:#d98a1f;--amber-ink:#6b4508;--mint:#2c9c73;--mint-deep:#1f7d5c;--red:#c94c4c;--red-soft:#fff0f0;--green-soft:#edf8f3;--amber-soft:#fff7e8;--white:#fff;--shadow-sm:0 2px 10px #101d330f;--shadow-md:0 12px 32px #101d331a;--shadow-lg:0 24px 60px #101d3329;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","Courier New",monospace;--radius-sm:10px;--radius-md:18px;--radius-lg:28px}.pembayaran-page{background:repeating-linear-gradient(180deg,#0000 0,#0000 43px,rgba(31,53,99,.045) 44px),#fbfbfd;background:repeating-linear-gradient(to bottom,#0000 0,#0000 43px,rgba(31,53,99,.045) 44px),var(--paper);color:#1b2233;color:var(--ink);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);min-height:100vh;overflow-x:hidden;padding:45px 5% 70px;width:100%}.pembayaran-page>h1{color:#101d33;color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;isolation:isolate;line-height:1.2;margin:0 auto 32px;max-width:1100px;position:relative;width:-webkit-fit-content;width:fit-content}.pembayaran-page>h1:after{background:#f0a93e6b;border-radius:2px;bottom:1px;content:"";height:9px;left:0;position:absolute;right:0;z-index:-1}.card-container{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:1100px;width:100%}.card{background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:18px;border-radius:var(--radius-md);box-shadow:0 2px 10px #101d330f;box-shadow:var(--shadow-sm);overflow:hidden;padding:28px 28px 25px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:before{background:#f0a93e;background:var(--amber);border-radius:0 0 5px 5px;content:"";height:4px;left:25px;position:absolute;right:25px;top:0}.card:hover{border-color:#d3d9e7;box-shadow:0 12px 32px #101d331a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.card h3{color:#101d33;color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:4px 0 20px}.card p{align-items:baseline;border-bottom:1px dashed #dfe4f2;border-bottom:1px dashed var(--paper-line);color:#5b6478;color:var(--ink-soft);display:flex;font-size:.88rem;gap:20px;justify-content:space-between;margin:0;padding:12px 0}.card p:last-of-type{border-bottom:none}.card p strong{color:#16274a;color:var(--navy-800);flex-shrink:0;font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.82rem;font-weight:600}.card p:not(.sisa){line-height:1.5}.card p:nth-of-type(3){margin-top:3px;padding-top:15px}.card .sisa{background:#fff7e8;background:var(--amber-soft);border:1px solid #f0a93e47;border-left:4px solid #f0a93e;border-left:4px solid var(--amber);border-radius:10px;border-radius:var(--radius-sm);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.82rem;margin-bottom:20px;margin-top:5px;padding:15px 16px}.card .sisa,.card .sisa strong{color:#6b4508;color:var(--amber-ink)}.btn-detail{background:#101d33;background:var(--navy-900);border:none;border-radius:10px;box-shadow:0 2px 10px #101d330f;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.88rem;font-weight:600;min-height:45px;padding:11px 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.btn-detail:hover{background:#1f3563;background:var(--navy-700);box-shadow:0 12px 32px #101d331a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-detail:active{transform:translateY(0)}.empty-payment{background:#fff;background:var(--white);border:1px dashed #dfe4f2;border:1px dashed var(--paper-line);border-radius:18px;border-radius:var(--radius-md);box-shadow:0 2px 10px #101d330f;box-shadow:var(--shadow-sm);margin:60px auto;max-width:700px;padding:45px 30px;text-align:center;width:100%}.empty-payment:before{align-items:center;background:#eef1fa;background:var(--paper-tint);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:50%;color:#1f3563;color:var(--navy-700);content:"Rp";display:flex;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.9rem;font-weight:600;height:58px;justify-content:center;margin:0 auto 18px;width:58px}.empty-payment p{color:#5b6478;color:var(--ink-soft);font-size:.92rem;line-height:1.6;margin:0}.modal-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101d33ad;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:25px;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideUp .25s ease;background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:18px;border-radius:var(--radius-md);box-shadow:0 24px 60px #101d3329;box-shadow:var(--shadow-lg);margin:auto;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.modal:before{background:#f0a93e;background:var(--amber);border-radius:0 0 5px 5px;content:"";height:4px;left:28px;position:absolute;right:28px;top:0}.modal-header{align-items:center;border-bottom:1px solid #dfe4f2;border-bottom:1px solid var(--paper-line);display:flex;gap:20px;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.modal-header h2{color:#101d33;color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.55rem;font-weight:700;margin:0;position:relative}.btn-close{align-items:center;background:#eef1fa;background:var(--paper-tint);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:50%;color:#16274a;color:var(--navy-800);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:38px;justify-content:center;line-height:1;transition:background .2s ease,color .2s ease,transform .2s ease;width:38px}.btn-close:hover{background:#101d33;background:var(--navy-900);color:#fff;color:var(--white);transform:rotate(90deg)}.bayar-form{background:repeating-linear-gradient(180deg,#0000 0,#0000 39px,rgba(31,53,99,.035) 40px),#fbfbfd;background:repeating-linear-gradient(to bottom,#0000 0,#0000 39px,rgba(31,53,99,.035) 40px),var(--paper);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:10px;border-radius:var(--radius-sm);margin-bottom:32px;padding:24px;position:relative}.bayar-form h3{color:#101d33;color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:0 0 22px}.bayar-form h3:before{color:#8a91a3;color:var(--ink-faint);content:"PEMBAYARAN";display:block;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;margin-bottom:5px}.bayar-form label{color:#16274a;color:var(--navy-800);display:block;font-size:.84rem;font-weight:600;margin:18px 0 8px}.bayar-form label:first-of-type{margin-top:0}.bayar-form input[type=number]{background:#fff;background:var(--white);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:10px;border-radius:var(--radius-sm);color:#1b2233;color:var(--ink);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.88rem;min-height:47px;outline:none;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.bayar-form input[type=number]:hover{border-color:#bdc6da}.bayar-form input[type=number]:focus{border-color:#f0a93e;border-color:var(--amber);box-shadow:0 0 0 3px #f0a93e29}.bayar-form input[type=file]{background:#fff;background:var(--white);border:1px dashed #c5ccdc;border-radius:10px;border-radius:var(--radius-sm);color:#5b6478;color:var(--ink-soft);cursor:pointer;font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.8rem;min-height:47px;padding:8px;transition:border-color .2s ease,background .2s ease;width:100%}.bayar-form input[type=file]:hover{background:#fffaf0;border-color:#f0a93e;border-color:var(--amber)}.bayar-form input[type=file]::-webkit-file-upload-button{background:#101d33;background:var(--navy-900);border:none;border-radius:7px;color:#fff;color:var(--white);cursor:pointer;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.76rem;font-weight:600;margin-right:12px;padding:8px 13px}.bayar-form input[type=file]::file-selector-button{background:#101d33;background:var(--navy-900);border:none;border-radius:7px;color:#fff;color:var(--white);cursor:pointer;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.76rem;font-weight:600;margin-right:12px;padding:8px 13px}.file-name{background:#edf8f3;background:var(--green-soft);border-radius:7px;color:#1f7d5c;color:var(--mint-deep);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.7rem;margin:9px 0 0;overflow:hidden;padding:9px 12px;text-overflow:ellipsis;white-space:nowrap}.btn-bayar{background:#2c9c73;background:var(--mint);border:none;border-radius:10px;box-shadow:0 6px 16px #2c9c7333;color:#fff;color:var(--white);cursor:pointer;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.88rem;font-weight:600;margin-top:22px;min-height:47px;padding:11px 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.btn-bayar:hover:not(:disabled){background:#1f7d5c;background:var(--mint-deep);box-shadow:0 10px 24px #2c9c7345;transform:translateY(-2px)}.btn-bayar:active:not(:disabled){transform:translateY(0)}.btn-bayar:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.riwayat-pembayaran{margin-top:8px}.riwayat-pembayaran h3{color:#101d33;color:var(--navy-900);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin:0 0 16px}.riwayat-pembayaran>p{background:#fbfbfd;background:var(--paper);border:1px dashed #dfe4f2;border:1px dashed var(--paper-line);border-radius:10px;border-radius:var(--radius-sm);color:#8a91a3;color:var(--ink-faint);font-size:.86rem;padding:30px;text-align:center}.table-wrapper{border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #101d330f;box-shadow:var(--shadow-sm);scrollbar-color:#f0a93e #eef1fa;scrollbar-color:var(--amber) var(--paper-tint);scrollbar-width:thin}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#eef1fa;background:var(--paper-tint);border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:#f0a93e;background:var(--amber);border-radius:10px}.table-wrapper table{background:#fff;background:var(--white);border-collapse:collapse;min-width:700px;width:100%}.table-wrapper thead{background:#101d33;background:var(--navy-900)}.table-wrapper th{color:#fff;color:var(--white);font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.73rem;font-weight:600;padding:14px 15px;text-align:left;white-space:nowrap}.table-wrapper tbody tr{border-bottom:1px solid #dfe4f2;border-bottom:1px solid var(--paper-line);transition:background .2s ease}.table-wrapper tbody tr:last-child{border-bottom:none}.table-wrapper tbody tr:hover{background:#fffaf0}.table-wrapper td{color:#5b6478;color:var(--ink-soft);font-size:.78rem;padding:15px;vertical-align:middle;white-space:nowrap}.table-wrapper td:first-child{color:#1f3563;color:var(--navy-700);font-size:.7rem}.table-wrapper td:first-child,.table-wrapper td:nth-child(2){font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono)}.table-wrapper td:nth-child(2){color:#16274a;color:var(--navy-800);font-size:.76rem;font-weight:600}.btn-bukti{align-items:center;background:#eef1fa;background:var(--paper-tint);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:7px;color:#1f3563;color:var(--navy-700);display:inline-flex;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.7rem;font-weight:600;justify-content:center;min-height:34px;padding:7px 12px;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.btn-bukti:hover{background:#101d33;background:var(--navy-900);color:#fff;color:var(--white);transform:translateY(-1px)}.status{align-items:center;border-radius:20px;display:inline-flex;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.65rem;font-weight:600;justify-content:center;min-width:82px;padding:6px 10px;text-align:center}.status.pending{background:#fff7e8;background:var(--amber-soft);border:1px solid #f0a93e4d;color:#6b4508;color:var(--amber-ink)}.status.approved{background:#edf8f3;background:var(--green-soft);border:1px solid #2c9c7340;color:#1f7d5c;color:var(--mint-deep)}.status.rejected{background:#fff0f0;background:var(--red-soft);border:1px solid #c94c4c33;color:#c94c4c;color:var(--red)}.status:not(.pending):not(.approved):not(.rejected){background:#eef1fa;background:var(--paper-tint);border:1px solid #dfe4f2;border:1px solid var(--paper-line);color:#5b6478;color:var(--ink-soft)}.empty-detail{background:#fbfbfd;background:var(--paper);color:#8a91a3!important;color:var(--ink-faint)!important;padding:40px 20px!important;text-align:center!important}.btn-tutup{background:#eef1fa;background:var(--paper-tint);border:1px solid #dfe4f2;border:1px solid var(--paper-line);border-radius:10px;color:#16274a;color:var(--navy-800);cursor:pointer;display:block;font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-display);font-size:.88rem;font-weight:600;margin-top:25px;min-height:45px;padding:11px 18px;transition:background .2s ease,color .2s ease,transform .2s ease;width:100%}.btn-tutup:hover{background:#101d33;background:var(--navy-900);color:#fff;color:var(--white);transform:translateY(-2px)}@media (max-width:900px){.pembayaran-page{padding:35px 4% 60px}.card-container{grid-template-columns:1fr}.modal{max-width:800px;padding:27px}}@media (max-width:600px){.pembayaran-page{padding:28px 4% 50px}.pembayaran-page>h1{font-size:1.65rem;margin-bottom:25px}.card-container{gap:16px;grid-template-columns:1fr}.card{border-radius:14px;padding:25px 20px 20px}.card:before{left:20px;right:20px}.card h3{font-size:1.15rem}.card p{font-size:.82rem;gap:12px}.card p strong{font-size:.76rem}.card .sisa{font-size:.72rem;padding:13px 14px}.modal-overlay{align-items:flex-start;padding:15px}.modal{border-radius:14px;max-height:94vh;padding:23px 18px}.modal:before{left:18px;right:18px}.modal-header{margin-bottom:22px;padding-bottom:16px}.modal-header h2{font-size:1.25rem}.btn-close{font-size:1.3rem;height:35px;width:35px}.bayar-form{padding:19px 16px}.bayar-form h3{font-size:1rem}.table-wrapper{border-radius:8px}.table-wrapper table{min-width:680px}.table-wrapper th{font-size:.68rem;padding:12px}.table-wrapper td{font-size:.7rem;padding:13px 12px}.empty-payment{margin:45px auto;padding:35px 20px}}@media (max-width:380px){.pembayaran-page{padding:22px 3% 40px}.pembayaran-page>h1{font-size:1.45rem}.card{padding:23px 16px 18px}.card p{flex-direction:column;gap:3px}.card p strong{font-size:.72rem}.modal{padding:21px 14px}.modal:before{left:14px;right:14px}.bayar-form{padding:17px 14px}}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f0a93e6b;outline-offset:3px}@media (prefers-reduced-motion:reduce){.btn-bayar,.btn-bukti,.btn-close,.btn-detail,.btn-tutup,.card{transition:none}.modal,.modal-overlay{animation:none}}.pengumuman-page{margin:0 auto;max-width:1100px;width:100%}.pengumuman-page>h1{color:var(--navy-900);display:inline-block;font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:700;line-height:1.15;margin:0 0 30px;position:relative}.pengumuman-page>h1:after{background:#f0a93e6b;border-radius:3px;bottom:2px;content:"";height:10px;left:2px;position:absolute;right:-8px;transform:rotate(-1deg);z-index:-1}.notif{align-items:center;animation:pengumumanNotifIn .35s ease;background:#f0a93e21;border:1px solid #f0a93e59;border-left:5px solid var(--amber);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;font-family:var(--font-body);font-size:.9rem;gap:12px;margin-bottom:28px;padding:15px 20px;position:relative}.notif,.notif:after{color:var(--amber-ink);font-weight:600}.notif:after{background:var(--amber);border-radius:5px;content:"BARU";font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;margin-left:auto;padding:4px 8px}@keyframes pengumumanNotifIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pengumuman-list{display:flex;flex-direction:column;gap:20px}.pengumuman-card{background:var(--white);border:1px solid var(--paper-line);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;padding:26px 30px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.pengumuman-card:before{background:var(--navy-700);content:"";height:3px;left:0;position:absolute;right:0;top:0}.pengumuman-card:hover{border-color:#35507f59;box-shadow:var(--shadow-md);transform:translateY(-4px)}.pengumuman-card h3{color:var(--navy-900);font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.35;margin:0 0 12px;padding-right:70px;position:relative}.pengumuman-card p{color:var(--ink-soft);font-family:var(--font-body);font-size:.92rem;line-height:1.75;margin:0 0 18px}.pengumuman-card small{align-items:center;background:var(--paper-tint);border-radius:6px;color:var(--navy-700);display:inline-flex;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.02em;padding:6px 10px}.pengumuman-card.highlight{background:linear-gradient(135deg,#f0a93e14,#fff 45%);border-color:#f0a93e8c;box-shadow:0 10px 30px #f0a93e1f}.pengumuman-card.highlight:before{background:var(--amber)}.pengumuman-card.highlight:after{background:var(--amber);border-radius:5px;box-shadow:0 3px 8px #f0a93e2e;color:var(--amber-ink);content:"TERBARU";font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.06em;padding:5px 9px;position:absolute;right:20px;top:18px;transform:rotate(1.5deg)}.pengumuman-card.highlight h3{background-image:linear-gradient(#0000 68%,#f0a93e47 0);background-repeat:no-repeat;background-size:100% 100%}.pengumuman-list:empty:before{background:var(--white);border:1px dashed var(--paper-line);border-radius:16px;color:var(--ink-faint);content:"Belum ada pengumuman.";display:block;font-family:var(--font-body);font-size:.9rem;padding:60px 30px;text-align:center}.pengumuman-card:nth-child(2n){transform:rotate(.15deg)}.pengumuman-card:nth-child(odd){transform:rotate(-.1deg)}.pengumuman-card:nth-child(2n):hover,.pengumuman-card:nth-child(odd):hover{transform:translateY(-4px) rotate(0)}@media (max-width:768px){.pengumuman-page{max-width:100%}.pengumuman-page>h1{font-size:2rem;margin-bottom:24px}.notif{font-size:.84rem;padding:14px 16px}.pengumuman-card{padding:23px 22px}.pengumuman-card h3{font-size:1.08rem;padding-right:0}.pengumuman-card p{font-size:.88rem}.pengumuman-card.highlight:after{display:inline-flex;margin-top:15px;position:static}}@media (max-width:480px){.pengumuman-page>h1{font-size:1.7rem}.notif{align-items:flex-start;padding:13px 14px}.notif:after{display:none}.pengumuman-list{gap:15px}.pengumuman-card{border-radius:13px;padding:20px 18px}.pengumuman-card h3{font-size:1rem;margin-bottom:10px}.pengumuman-card p{font-size:.84rem;line-height:1.65;margin-bottom:15px}.pengumuman-card small{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.notif,.pengumuman-card{animation:none;transition:none}}body{background:#f7f8fc;color:#16274a;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;padding:0}.tentor-layout{background:#f7f8fc;display:flex;min-height:100vh;width:100%}.tentor-sidebar{background:#fff;border-right:1px solid #dfe4ee;height:100vh;left:0;padding:28px 20px;position:fixed;top:0;width:278px;z-index:100}.sidebar-logo,.tentor-sidebar{display:flex;flex-direction:column}.sidebar-logo{align-items:center;border-bottom:1px solid #e5e8ef;padding:0 0 25px;width:100%}.sidebar-logo h2{color:#16274a;font-size:25px;font-weight:800;line-height:1.2;margin:0}.sidebar-logo h2,.sidebar-logo p{padding:0;text-align:center;width:100%}.sidebar-logo p{color:#8b94a7;display:block;font-size:12px;font-weight:600;line-height:1.4;margin:5px 0 0}.sidebar-user{border-bottom:1px solid #e5e8ef;gap:12px;padding:22px 10px;width:100%}.avatar,.sidebar-user{align-items:center;display:flex}.avatar{background:#16274a;border-radius:13px;box-shadow:0 5px 14px #16274a29;color:#fff;flex-shrink:0;font-size:19px;font-weight:800;height:48px;justify-content:center;width:48px}.sidebar-user h4{color:#16274a;font-size:14px;font-weight:700;line-height:1.3;margin:0}.sidebar-user span{color:#8b94a7;display:block;font-size:11px;line-height:1.3;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-menu{display:flex;flex-direction:column;gap:7px;margin-top:23px;width:100%}.sidebar-menu button{background:#0000;border:none;border-radius:11px;color:#68748a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:49px;padding:0 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.sidebar-menu button:hover{background:#f4f6fa;color:#16274a}.sidebar-menu button.active{background:#16274a;box-shadow:0 7px 16px #16274a24;color:#fff}.sidebar-menu button.active:before{background:#f0a21a;border-radius:0 5px 5px 0;content:"";height:27px;left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.logout-btn{background:#fff7f7;border:1px solid #f1caca;border-radius:11px;color:#d83d3d;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;height:47px;margin-top:auto;transition:all .2s ease;width:100%}.logout-btn:hover{background:#d83d3d;border-color:#d83d3d;color:#fff}.tentor-main{background:#f7f8fc;margin-left:278px;min-height:100vh;width:calc(100% - 278px)}.topbar{align-items:center;background:#fff;border-bottom:1px solid #dfe4ee;display:flex;min-height:89px;padding:20px 32px;width:100%}.topbar h3{color:#16274a;font-size:22px;font-weight:800;line-height:1.2;margin:0}.topbar p{color:#8992a5;font-size:13px;line-height:1.4;margin:6px 0 0}.dashboard-content{background:#f7f8fc;display:flex!important;flex-direction:column!important;gap:22px;margin:0;padding:30px 32px 40px;width:100%}.welcome-card{align-items:center;background:#fff;border:1px solid #dce3ef;border-radius:19px;box-shadow:0 7px 23px rgba(20,35,60,.045);display:flex;gap:25px;justify-content:space-between;min-height:128px;padding:25px 30px;width:100%}.welcome-card>div:first-child{flex:1 1;min-width:0}.welcome-card h1{color:#101d33;font-size:29px;font-weight:800;line-height:1.2;margin:0}.welcome-card p{color:#7d879a;font-size:14px;line-height:1.5;margin:8px 0 0}.welcome-card p strong{color:#16274a;font-weight:700}.date-box{background:#f6f8fc;border:1px solid #dce3ef;border-radius:13px;min-width:160px;padding:13px 17px;text-align:right;width:160px}.date-box span{color:#8992a5;display:block;font-size:11px;font-weight:600;margin-bottom:4px}.date-box strong{color:#16274a;font-size:14px;font-weight:800}.summary-grid{grid-gap:18px;display:grid!important;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;width:100%}.summary-card{background:#fff;border:1px solid #dce3ef;border-radius:17px;box-shadow:0 7px 22px rgba(20,35,60,.045);min-height:155px;min-width:0;overflow:hidden;padding:22px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.summary-card:before{background:#f0a21a;border-radius:17px 17px 0 0;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.summary-card:hover{box-shadow:0 12px 27px #14233c14;transform:translateY(-3px)}.summary-card span{color:#7b8498;display:block;font-size:13px;font-weight:600;line-height:1.35;margin:5px 0 10px}.summary-card h2{color:#16274a;font-size:32px;font-weight:800;line-height:1.1;margin:0}.summary-card p{color:#929aaa;font-size:11px;line-height:1.5;margin:8px 0 0}.dashboard-table-card{background:#fff;border:1px solid #dce3ef;border-radius:19px;box-shadow:0 7px 23px rgba(20,35,60,.045);overflow:hidden;padding:24px 26px;width:100%}.table-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;width:100%}.table-header>div{min-width:0}.table-header h2{color:#101d33;font-size:20px;font-weight:800;line-height:1.25;margin:0}.table-header p{color:#8791a5;font-size:12px;line-height:1.4;margin:5px 0 0}.btn-lihat{align-items:center;background:#16274a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:700;height:43px;justify-content:center;padding:0;transition:all .2s ease;width:116px}.btn-lihat:hover{background:#263d67;box-shadow:0 5px 12px #16274a26;transform:translateY(-1px)}.dashboard-table{border:1px solid #dce3ef;border-collapse:initial;border-radius:12px;border-spacing:0;overflow:hidden;table-layout:fixed;width:100%}.dashboard-table thead th{background:#eef1fa;border-bottom:1px solid #dce3ef;color:#16274a;font-size:12px;font-weight:700;height:52px;padding:0 16px;text-align:left;white-space:nowrap}.dashboard-table td:first-child,.dashboard-table th:first-child{text-align:center;width:65px}.dashboard-table td:nth-child(2),.dashboard-table th:nth-child(2){width:120px}.dashboard-table td:nth-child(3),.dashboard-table th:nth-child(3){width:30%}.dashboard-table td:nth-child(4),.dashboard-table th:nth-child(4){width:20%}.dashboard-table td:nth-child(5),.dashboard-table th:nth-child(5){text-align:center;width:150px}.dashboard-table tbody tr{background:#fff;transition:background .2s ease}.dashboard-table tbody tr:hover{background:#fafbfe}.dashboard-table tbody td{border-bottom:1px solid #e7eaf0;color:#536078;font-size:12px;height:57px;padding:12px 16px;vertical-align:middle}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody td:first-child{color:#16274a;font-weight:700}.empty-table{color:#8b94a7!important;font-size:12px!important;height:110px!important;padding:20px!important;text-align:center!important}.empty-text{background:#fafbfc;border:1px dashed #d6dce7;border-radius:11px;color:#8992a5;font-size:12px;margin:0;padding:45px 20px;text-align:center;width:100%}.tentor-main>.absensi-tentor-container,.tentor-main>.jadwal-tentor-container{padding:30px 32px;width:100%}@media (max-width:1200px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:950px){.tentor-sidebar{width:230px}.tentor-main{margin-left:230px;width:calc(100% - 230px)}.dashboard-content{padding:25px}.topbar{padding:18px 25px}.dashboard-table-card{overflow-x:auto}.dashboard-table{min-width:720px}}@media (max-width:768px){.tentor-layout{display:block}.tentor-sidebar{border-bottom:1px solid #dfe4ee;border-right:none;height:auto;min-height:auto;position:relative;width:100%}.tentor-main{margin-left:0;width:100%}.topbar{padding:17px 20px;position:relative}.dashboard-content{padding:20px}.welcome-card{align-items:flex-start;flex-direction:column;padding:23px}.date-box{text-align:left;width:100%}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.dashboard-content,.topbar{padding:15px}.welcome-card{border-radius:15px;padding:20px}.welcome-card h1{font-size:24px}.summary-grid{grid-template-columns:1fr}.summary-card{min-height:135px}.dashboard-table-card{border-radius:15px;padding:18px}.table-header{align-items:flex-start;flex-direction:column}.btn-lihat{width:100%}}@media (max-width:400px){.dashboard-content{padding:12px}.welcome-card{padding:17px}.welcome-card h1{font-size:21px}.dashboard-table-card{padding:14px}}.jadwal-tentor-page{background-color:#f6f8fc;box-sizing:border-box;min-height:100vh;padding:24px}.jadwal-tentor-header{margin-bottom:22px}.jadwal-tentor-header h2{color:#111827;font-size:26px;font-weight:700;margin:0}.jadwal-tentor-header p{color:#6b7280;font-size:14px;margin-top:6px}.jadwal-tentor-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:22px}.loading-box{background-color:#f3f6ff;border-radius:12px;color:#2563eb;font-weight:600;padding:18px}.table-wrapper{overflow-x:auto;width:100%}.jadwal-tentor-table{background-color:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.jadwal-tentor-table thead{background-color:#2563eb;color:#fff}.jadwal-tentor-table th{font-size:14px;font-weight:700;padding:14px 16px;text-align:left;white-space:nowrap}.jadwal-tentor-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:14px 16px}.jadwal-tentor-table tbody tr:hover{background-color:#f3f6ff}.jadwal-tentor-table tbody tr:last-child td{border-bottom:none}.badge-hari{background-color:#dbeafe;border-radius:20px;color:#1d4ed8;display:inline-block;font-size:13px;font-weight:700;padding:6px 12px}.mapel{color:#111827;font-weight:700}.waktu{color:#2563eb;font-weight:600}.empty-data{color:#6b7280;font-style:italic;padding:28px;text-align:center}@media (max-width:768px){.jadwal-tentor-page{padding:16px}.jadwal-tentor-header h2{font-size:22px}.jadwal-tentor-card{padding:16px}.jadwal-tentor-table{min-width:650px}.jadwal-tentor-table td,.jadwal-tentor-table th{font-size:13px;padding:12px}}.absensi-tentor-page{background:#f5f7fb;box-sizing:border-box;min-height:100%;padding:30px;width:100%}.page-header-absensi{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.page-label{color:#4f46e5;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:8px}.page-header-absensi h1{color:#111827;font-size:30px;font-weight:750;margin:0}.page-header-absensi p{color:#6b7280;font-size:14px;margin:7px 0 0}.header-total{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 15px #0f172a0a;min-width:130px;padding:18px 22px;text-align:center}.header-total span{color:#6b7280;display:block;font-size:12px;margin-bottom:5px}.header-total strong{color:#111827;font-size:26px}.filter-card-tentor{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 20px #0f172a0a;margin-bottom:25px;padding:23px}.filter-title{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.filter-title h2{color:#1f2937;font-size:17px;margin:0}.filter-title p{color:#6b7280;font-size:13px;margin:5px 0 0}.filter-grid-tentor{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.input-group-tentor label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:7px}.input-with-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;display:flex;gap:9px;height:45px;padding:0 13px;transition:.2s}.input-with-icon:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.input-with-icon span{font-size:16px}.input-with-icon input{background:#0000;border:none;color:#111827;font-size:13px;outline:none;width:100%}.input-with-icon input::placeholder{color:#9ca3af}.btn-reset-filter{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:12px;font-weight:600;padding:9px 14px;transition:.2s}.btn-reset-filter:hover{background:#f3f4f6}.table-card-tentor{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 20px #0f172a0a;overflow:hidden}.table-header-tentor{align-items:center;border-bottom:1px solid #eef0f4;display:flex;justify-content:space-between;padding:22px 23px}.table-header-tentor h2{color:#1f2937;font-size:17px;margin:0}.table-header-tentor p{color:#6b7280;font-size:13px;margin:5px 0 0}.table-header-tentor strong{color:#374151}.btn-refresh-tentor{background:#fff;border:1px solid #e5e7eb;border-radius:9px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:9px 14px;transition:.2s}.btn-refresh-tentor:hover{background:#f5f3ff;border-color:#4f46e5;color:#4f46e5}.table-responsive-tentor{overflow-x:auto;width:100%}.absensi-tentor-table{border-collapse:collapse;min-width:950px;width:100%}.absensi-tentor-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.4px;padding:14px 16px;text-align:left;text-transform:uppercase}.absensi-tentor-table td{border-bottom:1px solid #f0f1f3;color:#374151;font-size:13px;padding:16px;vertical-align:middle}.absensi-tentor-table tbody tr{transition:.2s}.absensi-tentor-table tbody tr:hover{background:#fafaff}.absensi-tentor-table tbody tr:last-child td{border-bottom:none}.number-cell{align-items:center;background:#f3f4f6;border-radius:7px;color:#6b7280;display:inline-flex;font-size:11px;font-weight:700;height:27px;justify-content:center;width:27px}.kelas-cell{gap:10px}.kelas-cell,.kelas-icon{align-items:center;display:flex}.kelas-icon{background:#eef2ff;border-radius:9px;font-size:16px;height:36px;justify-content:center;width:36px}.kelas-cell strong{color:#1f2937;display:block;font-size:13px}.kelas-cell small{color:#9ca3af;display:block;font-size:10px;margin-top:3px}.mapel-cell{color:#374151;font-weight:600}.hari-badge{background:#f3f4f6;border-radius:6px;color:#4b5563;display:inline-block;font-size:11px;font-weight:600;padding:5px 9px}.jam-cell{color:#4b5563;font-size:12px;white-space:nowrap}.status-ready{background:#ecfdf5;border-radius:7px;color:#059669;display:inline-block;font-size:10px;padding:6px 9px}.btn-isi-absensi,.status-ready{font-weight:700;white-space:nowrap}.btn-isi-absensi{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;gap:6px;padding:9px 13px;transition:.2s}.btn-isi-absensi:hover{background:#4338ca;box-shadow:0 4px 10px #4f46e540;transform:translateY(-1px)}.btn-isi-absensi span{font-size:12px}.state-box{padding:65px 20px;text-align:center}.state-icon{font-size:38px;margin-bottom:12px}.state-box h3{color:#374151;font-size:16px;margin:0 0 6px}.state-box p{color:#9ca3af;font-size:13px;line-height:1.6;margin:0 auto;max-width:450px}.error-state h3{color:#b91c1c}.btn-retry{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:17px;padding:9px 16px}.btn-retry:hover{background:#4338ca}.loading-spinner{animation:spinner .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:32px;margin:0 auto 15px;width:32px}@keyframes spinner{to{transform:rotate(1turn)}}.absensi-form-header{align-items:flex-start;display:flex;gap:18px;margin-bottom:22px}.btn-back-absensi{background:#fff;border:1px solid #e5e7eb;border-radius:9px;color:#374151;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:10px 15px;transition:.2s}.btn-back-absensi:hover{background:#f5f3ff;border-color:#4f46e5;color:#4f46e5}.absensi-form-header h1{color:#111827;font-size:26px;margin:0}.absensi-form-header p{color:#6b7280;font-size:13px;margin:6px 0 0}.jadwal-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 20px #0f172a0a;margin-bottom:22px;padding:22px}.jadwal-info-header{align-items:center;border-bottom:1px solid #eef0f4;display:flex;gap:13px;padding-bottom:18px}.jadwal-info-icon{align-items:center;background:#eef2ff;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.jadwal-info-header h2{color:#1f2937;font-size:18px;margin:0}.jadwal-info-header p{color:#6b7280;font-size:12px;margin:4px 0 0}.jadwal-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:18px}.info-item{background:#f9fafb;border-radius:10px;padding:13px}.info-item span{color:#9ca3af;display:block;font-size:10px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.info-item strong{color:#374151;font-size:13px}.form-absensi-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 20px #0f172a0a;padding:23px}@media (max-width:900px){.absensi-tentor-page{padding:20px}.filter-grid-tentor{grid-template-columns:1fr}.jadwal-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.absensi-tentor-page{padding:15px}.page-header-absensi{align-items:flex-start;flex-direction:column}.page-header-absensi h1{font-size:24px}.header-total{box-sizing:border-box;width:100%}.filter-title,.table-header-tentor{align-items:flex-start;flex-direction:column}.btn-refresh-tentor{width:100%}.absensi-form-header{flex-direction:column}.btn-back-absensi{width:100%}.absensi-form-header h1{font-size:22px}.jadwal-info-grid{grid-template-columns:1fr}.form-absensi-card{padding:15px}}*{box-sizing:border-box}.absensi-page{background:#f5f7fb;color:#172554;min-height:calc(100vh - 72px);padding:32px;width:100%}.absensi-page>h1{color:#0f172a;font-size:30px;font-weight:750;letter-spacing:-.4px;margin:0 0 24px}.absensi-page>h1:after{color:#64748b;content:"Kelola kehadiran siswa berdasarkan jadwal mengajar";display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-top:7px}.filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 5px 20px #0f172a0d;margin-bottom:24px;padding:24px}.filter-card h2{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 18px}.filter-wrapper{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.filter-wrapper input{background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;color:#0f172a;font-size:14px;height:46px;outline:none;padding:0 15px;transition:all .2s ease;width:100%}.filter-wrapper input::placeholder{color:#94a3b8}.filter-wrapper input:focus{background:#fff;border-color:#f4a62a;box-shadow:0 0 0 3px #f4a62a21}.absensi-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 5px 20px #0f172a0d;overflow:hidden;padding:0;width:100%}.absensi-table{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.absensi-table thead{background:#172b55}.absensi-table thead th{border:none;color:#fff;font-size:13px;font-weight:700;padding:17px 18px;text-align:left;white-space:nowrap}.absensi-table thead th:first-child,.absensi-table thead th:nth-child(2){width:22%}.absensi-table thead th:nth-child(3),.absensi-table thead th:nth-child(4){width:17%}.absensi-table thead th:last-child{text-align:center;width:22%}.absensi-table tbody tr{background:#fff;transition:background .2s ease}.absensi-table tbody tr:hover{background:#f8fafc}.absensi-table tbody td{border-bottom:1px solid #e8edf3;color:#334155;font-size:14px;padding:18px;vertical-align:middle}.absensi-table tbody tr:last-child td{border-bottom:none}.absensi-table tbody td:last-child{text-align:center}.btn-absensi{align-items:center;background:#172b55;border:none;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:40px;justify-content:center;min-width:125px;padding:0 18px;transition:all .2s ease}.btn-absensi:hover{background:#243e73;box-shadow:0 5px 12px #172b5533;transform:translateY(-1px)}.btn-absensi:active{transform:translateY(0)}.empty-data{color:#94a3b8!important;font-size:14px!important;padding:45px 20px!important;text-align:center!important}.form-absensi-wrapper{margin:0 auto;max-width:1400px;width:100%}.form-absensi-wrapper>div{width:100%}.form-absensi-wrapper .detail-jadwal,.form-absensi-wrapper .info-jadwal,.form-absensi-wrapper .jadwal-info{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 5px 20px #0f172a0d;margin-bottom:20px;padding:24px}.form-absensi-wrapper table{background:#fff;border:1px solid #e2e8f0;border-collapse:initial;border-radius:14px;border-spacing:0;overflow:hidden;width:100%}.form-absensi-wrapper table thead{background:#172b55}.form-absensi-wrapper table thead th{border:none;color:#fff;font-size:13px;font-weight:700;padding:16px 18px;text-align:left}.form-absensi-wrapper table tbody tr{transition:background .2s ease}.form-absensi-wrapper table tbody tr:hover{background:#f8fafc}.form-absensi-wrapper table tbody td{border-bottom:1px solid #e8edf3;color:#334155;font-size:14px;padding:16px 18px}.form-absensi-wrapper table tbody tr:last-child td{border-bottom:none}.form-absensi-wrapper select{-webkit-appearance:auto;appearance:auto;background-color:#fff;border:1px solid #d5dde8;border-radius:9px;color:#172b55;cursor:pointer;font-size:14px;font-weight:600;height:42px;min-width:150px;outline:none;padding:0 38px 0 13px;transition:all .2s ease;width:100%}.form-absensi-wrapper select:hover{border-color:#f4a62a}.form-absensi-wrapper select:focus{border-color:#f4a62a;box-shadow:0 0 0 3px #f4a62a21}.form-absensi-wrapper button{border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;min-height:42px;padding:0 20px;transition:all .2s ease}.form-absensi-wrapper button[type=submit]{background:#172b55;border:none;color:#fff}.form-absensi-wrapper button[type=submit]:hover{background:#243e73;box-shadow:0 5px 12px #172b5533;transform:translateY(-1px)}.form-absensi-wrapper button:not([type=submit]){background:#fff;border:1px solid #dbe2ea;color:#172b55}.form-absensi-wrapper button:not([type=submit]):hover{background:#f8fafc;border-color:#172b55}.form-absensi-wrapper form{width:100%}.form-absensi-wrapper form>div:last-child{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:18px}@media (max-width:1100px){.absensi-page{padding:24px}.filter-wrapper{grid-template-columns:1fr 1fr}.absensi-table{min-width:800px}.absensi-table-card,.form-absensi-wrapper{overflow-x:auto}.form-absensi-wrapper table{min-width:700px}}@media (max-width:768px){.absensi-page{padding:18px}.absensi-page>h1{font-size:24px}.filter-card{padding:18px}.filter-wrapper{grid-template-columns:1fr}.absensi-table-card{border-radius:14px}.absensi-table{min-width:720px}.form-absensi-wrapper table{min-width:650px}}@media (max-width:480px){.absensi-page{padding:14px}.absensi-page>h1{font-size:21px}.filter-card{border-radius:14px;padding:15px}.filter-card h2{font-size:16px}.btn-absensi{font-size:12px;min-width:110px;padding:0 12px}.form-absensi-wrapper{width:100%}}
/*# sourceMappingURL=main.8e112158.css.map*/