:root{color:#142c62;font-synthesis:none;text-rendering:optimizelegibility;background:#fbf9ff;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 14%,#7c3aed1c,#0000 24%),radial-gradient(circle at 92% 30%,#14b8a61a,#0000 25%),#fbf9ff;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}#root{min-height:100vh}:root{--purple:#7c3aed;--purple-dark:#5421a6;--purple-soft:#eee5ff;--navy:#12336c;--teal:#12b8ad;--pink:#ef4f9a;--orange:#ffad23;--green:#75b72b;--white:#fff;--text-muted:#64729a;--shadow:0 24px 70px #532c9421}.site{min-height:100vh;overflow:hidden}.header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe3;border:1px solid #7c3aed17;border-radius:36px 24px;align-items:center;gap:28px;width:min(1380px,100% - 40px);min-height:82px;margin:22px auto 0;padding:10px 14px 10px 20px;display:flex;position:relative;box-shadow:0 18px 50px #43247f17}.brand{align-items:center;gap:10px;min-width:max-content;display:flex}.brand-symbol{color:#fff;background:linear-gradient(135deg,#6727c9,#913ce6 48%,#13b9b0);border-radius:62% 38% 55% 45%/45% 55%;place-items:center;width:56px;height:52px;display:grid;position:relative;transform:rotate(-3deg)}.brand-sparkle{color:#ffd02a;position:absolute;top:3px;right:3px}.brand-copy{flex-direction:column;line-height:1.05;display:flex}.brand-copy small{color:var(--purple);margin-bottom:5px;font-weight:800}.brand-copy strong{color:var(--navy);font-size:1.18rem}.nav{color:#4b4c8a;flex:1;justify-content:center;align-items:center;gap:clamp(15px,2vw,31px);font-size:.94rem;font-weight:700;display:flex}.nav a{padding:11px 2px;transition:all .22s;position:relative}.nav a:hover,.nav a.active{color:var(--purple)}.nav a.active:after{content:"";background:linear-gradient(90deg, var(--purple), var(--pink));border-radius:999px;width:18px;height:4px;position:absolute;bottom:4px;right:50%;transform:translate(50%)}.header-action{color:#fff;background:linear-gradient(135deg,#7130d9,#9844eb);border-radius:18px 28px;align-items:center;gap:7px;min-width:max-content;padding:12px 18px;font-weight:800;display:flex;box-shadow:0 10px 22px #7c3aed3d}.hero{width:min(1380px,100% - 40px);min-height:610px;box-shadow:var(--shadow);background:radial-gradient(circle at 87% 8%,#ffc2403b,#0000 20%),radial-gradient(circle at 11% 90%,#14b8a62e,#0000 26%),linear-gradient(145deg,#fff 20%,#f8f2ff 100%);border-radius:52px 26px 58px 34px;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;margin:24px auto 0;padding:clamp(45px,6vw,86px);display:grid;position:relative}.hero:before,.hero:after{content:"";filter:blur(.2px);border-radius:50%;position:absolute}.hero:before{background:#13b9b02b;width:155px;height:155px;top:-44px;left:-58px}.hero:after{background:#ef4f9a1f;width:118px;height:118px;bottom:-35px;right:9%}.hero-copy{z-index:3;position:relative}.eyebrow,.section-label{width:fit-content;color:var(--purple-dark);background:var(--purple-soft);border-radius:999px 999px 999px 16px;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;font-weight:800;display:inline-flex}.hero h1{max-width:680px;color:var(--navy);letter-spacing:-2.2px;margin:22px 0 18px;font-size:clamp(2.75rem,5.25vw,5rem);line-height:1.14}.hero h1 span{color:var(--purple);display:block}.hero p{max-width:650px;color:var(--text-muted);margin:0;font-size:1.08rem;font-weight:600;line-height:2}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:29px;display:flex}.button{border-radius:18px 28px;align-items:center;gap:9px;min-height:51px;padding:0 22px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(135deg,#7130d9,#9742e9);box-shadow:0 14px 28px #7c3aed38}.button.secondary{color:var(--purple-dark);background:#fff;border:1px solid #e5d8fa}.hero-notes{color:#53638a;flex-wrap:wrap;gap:17px;margin-top:32px;font-size:.88rem;font-weight:800;display:flex}.hero-notes span{align-items:center;gap:7px;display:flex}.hero-notes svg{color:var(--teal)}.hero-art{place-items:center;height:430px;display:grid;position:relative}.blob-main{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 68% 28%,#ffffff3d,#0000 14%),linear-gradient(145deg,#6928c9 10%,#8734dc 45%,#11b8ad 100%);border-radius:42% 58% 61% 39%/48% 38% 62% 52%;flex-direction:column;justify-content:center;align-items:center;width:min(420px,83%);animation:5s ease-in-out infinite float;display:flex;position:relative;box-shadow:0 36px 70px #5d2ba938}.hero-mark{align-items:center;gap:12px;display:flex}.infinity{font-size:7.3rem;font-weight:300;line-height:.6}.hero-mark-title{margin-top:28px;font-size:1.65rem;font-weight:900}.floating-bubble{color:#fff;place-items:center;display:grid;position:absolute;box-shadow:0 14px 32px #29165526}.bubble-a{background:var(--orange);border-radius:57% 43% 40% 60%/52% 56% 44% 48%;width:84px;height:76px;top:17px;right:8%;transform:rotate(10deg)}.bubble-b{background:var(--pink);border-radius:37% 63% 58% 42%/59% 44% 56% 41%;width:73px;height:80px;bottom:18px;left:8%;transform:rotate(-8deg)}.bubble-c{width:64px;height:64px;color:var(--navy);background:#bff4ef;border-radius:50%;top:41%;left:2%}.little-star{color:#ffc025;font-size:30px;position:absolute}.star-one{top:6%;left:27%}.star-two{color:#20b8ae;font-size:20px;bottom:22%;right:3%}.star-three{color:#f5539f;font-size:15px;top:27%;right:-1%}.quick-links{z-index:5;grid-template-columns:repeat(4,1fr);gap:17px;width:min(1240px,100% - 40px);margin:-42px auto 0;display:grid;position:relative}.soft-feature{background:#fffffff7;min-height:255px;padding:26px 25px;transition:transform .24s;position:relative;box-shadow:0 17px 45px #41227c17}.soft-feature:first-child{border-radius:34px 62px 32px 48px}.soft-feature:nth-child(2){border-radius:58px 31px 55px 30px}.soft-feature:nth-child(3){border-radius:32px 58px 34px 52px}.soft-feature:nth-child(4){border-radius:55px 34px 61px 31px}.soft-feature:hover{transform:translateY(-6px)rotate(-.5deg)}.feature-icon{border-radius:49% 51% 60% 40%/43% 57%;place-items:center;width:72px;height:65px;margin-bottom:21px;display:grid}.soft-feature.purple .feature-icon{color:#6c2bc6;background:#eee3ff}.soft-feature.teal .feature-icon{color:#058d85;background:#dcf8f4}.soft-feature.pink .feature-icon{color:#d93c82;background:#ffe3ef}.soft-feature.orange .feature-icon{color:#d78100;background:#fff0cb}.soft-feature h2{color:var(--navy);margin:0 0 10px;font-size:1.18rem}.soft-feature p{color:#7380a3;min-height:67px;margin:0;font-size:.91rem;line-height:1.75}.soft-feature a{color:var(--purple);margin-top:14px;font-size:.88rem;font-weight:900;display:inline-block}.attendance{color:#fff;background:radial-gradient(circle at 9% 15%,#ffffff1f,#0000 18%),linear-gradient(135deg,#4f1f9f 0%,#7130d9 53%,#9648e9 100%);border-radius:62px 30px 66px 35px;grid-template-columns:1fr 300px;align-items:center;gap:55px;width:min(1180px,100% - 40px);margin:100px auto 0;padding:50px 66px;display:grid;position:relative;box-shadow:0 30px 70px #5627a238}.attendance .section-label{color:#5421a6;background:#f0e8ff}.attendance h2{margin:18px 0 12px;font-size:clamp(2rem,4vw,3.4rem)}.attendance p{color:#ffffffc7;max-width:690px;margin:0;line-height:1.9}.scan-button{color:#5d26ae;cursor:pointer;background:#fff;border-radius:17px 25px;align-items:center;gap:9px;margin-top:24px;padding:13px 20px;font-weight:900;display:inline-flex}.qr-preview{min-height:275px;color:var(--purple-dark);background:#fff;border-radius:40% 60% 48% 52%/56% 42% 58% 44%;flex-direction:column;justify-content:center;align-items:center;padding:27px;display:flex;position:relative}.qr-preview>svg{margin:18px 0 15px}.qr-preview strong{font-size:1.15rem}.qr-preview small{color:#7881a2;margin-top:5px}.qr-dots{grid-template-columns:repeat(3,8px);gap:6px;display:grid}.qr-dots span{background:var(--purple);border-radius:2px;width:8px;height:8px}.center-section{grid-template-columns:1fr .9fr;align-items:center;gap:80px;width:min(1240px,100% - 40px);margin:110px auto;display:grid}.center-copy h2{color:var(--navy);margin:20px 0 16px;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.2}.center-copy h2 span{color:var(--purple)}.center-copy>p{max-width:620px;color:var(--text-muted);line-height:1.95}.mini-features{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px;display:grid}.mini-features>div{background:#fff;border-radius:24px 17px 28px 18px;align-items:center;gap:12px;padding:17px;display:flex;box-shadow:0 10px 30px #4e308b12}.mini-features svg{color:var(--purple)}.mini-features span{flex-direction:column;display:flex}.mini-features strong{color:var(--navy)}.mini-features small{color:#8a94b0;margin-top:4px}.center-art{min-height:410px;position:relative}.photo-shape{color:#fff;place-items:center;display:grid;position:absolute;box-shadow:0 20px 50px #2f196024}.shape-one{background:linear-gradient(145deg,#7d3ae0,#a45bf0);border-radius:43% 57% 36% 64%/56% 34% 66% 44%;width:250px;height:300px;top:0;right:8%}.shape-two{background:linear-gradient(145deg,#11b8ad,#57d8ce);border-radius:62% 38% 55% 45%/40% 58% 42% 60%;width:205px;height:220px;bottom:3%;left:2%}.shape-three{background:linear-gradient(145deg,#ffa91e,#ffc83f);border-radius:48% 52% 66% 34%/55% 40% 60% 45%;width:125px;height:115px;top:0;left:8%}.contact-strip{background:#fff;border-radius:34px 24px 38px 25px;justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 40px);margin:0 auto 65px;padding:27px 32px;display:flex;box-shadow:0 18px 50px #46278417}.contact-strip>div:first-child{color:var(--purple);align-items:center;gap:12px;display:flex}.contact-strip span{flex-direction:column;display:flex}.contact-strip small{color:#8891ad;margin-bottom:3px}.contact-strip strong{color:var(--navy);font-size:1.05rem}.contact-actions{gap:10px;display:flex}.contact-actions a{color:#fff;background:var(--purple);border-radius:15px 22px;align-items:center;gap:7px;min-height:43px;padding:0 17px;font-weight:800;display:inline-flex}.contact-actions a:first-child{background:#16a869}.whatsapp-float{z-index:50;color:#fff;background:#16a869;border:4px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;bottom:24px;left:25px;box-shadow:0 12px 32px #16a8694d}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@media (width<=1100px){.nav{display:none}.header{justify-content:space-between}.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1,.hero p{margin-left:auto;margin-right:auto}.eyebrow{margin-inline:auto}.hero-actions,.hero-notes{justify-content:center}.hero-art{height:360px}.quick-links{grid-template-columns:repeat(2,1fr);margin-top:25px}}@media (width<=820px){.header-action{display:none}.header{width:min(94%,680px)}.hero{border-radius:35px 20px 39px 24px;width:min(94%,680px);padding:42px 25px}.hero h1{letter-spacing:-1px;font-size:clamp(2.4rem,10vw,4rem)}.hero-art{height:315px}.quick-links{grid-template-columns:1fr;width:min(91%,620px)}.attendance{text-align:center;grid-template-columns:1fr;width:min(91%,650px);padding:38px 25px}.attendance .section-label{margin-inline:auto}.qr-preview{width:min(290px,100%);margin-inline:auto}.center-section{grid-template-columns:1fr;gap:45px;width:min(91%,650px);margin:80px auto}.center-copy{text-align:center}.center-copy .section-label{margin-inline:auto}.mini-features{grid-template-columns:1fr}.center-art{min-height:360px}.contact-strip{text-align:center;flex-direction:column;width:min(91%,650px)}}@media (width<=520px){.header{min-height:70px;margin-top:10px}.brand-symbol{width:48px;height:46px}.brand-copy strong{font-size:1rem}.hero{margin-top:12px}.hero-art{height:270px}.blob-main{width:245px}.infinity{font-size:5.2rem}.hero-mark svg{width:50px}.hero-mark-title{font-size:1.25rem}.hero-actions{flex-direction:column}.button{justify-content:center}.hero-notes{gap:12px;font-size:.8rem}.quick-links,.attendance,.center-section,.contact-strip{width:calc(100% - 30px)}.center-art{margin-inline:-25px;transform:scale(.85)}.contact-actions{width:100%}.contact-actions a{flex:1;justify-content:center}}.brand-logo{object-fit:contain;width:170px;height:64px;display:block}.hero-logo{object-fit:contain;width:82%;max-width:330px;height:auto;display:block}.blob-main{background:#ffffffe0;border:1px solid #7c3aed14}@media (width<=520px){.brand-logo{width:135px;height:54px}.hero-logo{width:88%}}body{background:radial-gradient(circle at 15% 18%,#7c3aed47,#0000 28%),radial-gradient(circle at 88% 72%,#12b8ad1f,#0000 25%),linear-gradient(145deg,#160b29 0%,#281044 46%,#11091f 100%)}.site{background:radial-gradient(circle at 90% 10%,#7c3aed12,#0000 22%),#f5f1f8;width:min(1560px,100%);margin-inline:auto;box-shadow:0 0 90px #00000052}.header,.soft-feature,.contact-strip{background:#faf7fcf0}.register-pill{color:#5d239e;background:#e8dcf5;border-radius:22px 15px 24px 16px;min-width:max-content;padding:12px 18px;font-weight:900;transition:all .2s}.register-pill:hover{background:#ded0ef;transform:translateY(-2px)}@media (width<=1180px){.register-pill{display:none}}.school-gallery{width:min(1240px,100% - 40px);margin:105px auto 40px}.gallery-heading{text-align:center;max-width:720px;margin:0 auto 35px}.gallery-heading>span{color:#6929b8;background:#e7dcf4;border-radius:999px 999px 999px 16px;padding:8px 16px;font-size:.88rem;font-weight:900;display:inline-block}.gallery-heading h2{color:#17376e;margin:18px 0 10px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.2}.gallery-heading h2 strong{color:#7c3aed}.gallery-heading p{color:#727c9d;margin:0;line-height:1.8}.gallery-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:185px;gap:15px;display:grid}.gallery-photo{background:#ded2ec;border-radius:35px 19px 38px 22px;grid-column:span 4;margin:0;position:relative;overflow:hidden;box-shadow:0 17px 45px #27104726}.gallery-photo:nth-child(2n){border-radius:19px 38px 22px 35px}.gallery-photo.gallery-large{grid-area:span 2/span 8}.gallery-photo.gallery-tall{grid-row:span 2}.gallery-photo.gallery-wide{grid-column:span 8}.gallery-photo img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.gallery-photo:hover img{transform:scale(1.035)}.registration-page{background:radial-gradient(circle at 90% 5%,#7c3aed1a,#0000 23%),radial-gradient(circle at 7% 38%,#12b8ad12,#0000 22%),#f2edf6;width:min(1560px,100%);min-height:100vh;margin-inline:auto;padding-bottom:30px;box-shadow:0 0 90px #00000059}.registration-page-header{justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 40px);min-height:86px;margin:0 auto;padding-top:18px;display:flex}.registration-page-brand img{object-fit:contain;width:180px;height:70px;display:block}.back-home{color:#5e269f;background:#e4d7f1;border-radius:19px 27px 18px 25px;align-items:center;gap:8px;min-height:46px;padding:0 19px;font-weight:900;display:inline-flex}.registration-page-intro{text-align:center;width:min(900px,100% - 40px);margin:30px auto 15px}.registration-page-intro>span{color:#662aad;background:#e4d7f1;border-radius:999px;padding:8px 15px;font-weight:900;display:inline-block}.registration-page-intro h1{color:#17376e;margin:15px 0 8px;font-size:clamp(2.3rem,5vw,4.1rem)}.registration-page-intro p{color:#727b99;margin:0;line-height:1.8}@media (width<=800px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:210px}.gallery-photo,.gallery-photo.gallery-large,.gallery-photo.gallery-wide{grid-column:span 1}.gallery-photo.gallery-large,.gallery-photo.gallery-tall{grid-row:span 1}}@media (width<=520px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}.registration-page-brand img{width:140px;height:60px}.registration-page-intro{text-align:center;width:min(900px,100% - 40px);margin:30px auto 15px}}.photo-shape{overflow:hidden;background-position:50%!important;background-size:cover!important}.photo-shape svg{opacity:0}.shape-one{background-image:url(/school/school-01.jpg)!important}.shape-two{background-image:url(/school/school-04.jpg)!important}.shape-three{background-image:url(/school/school-06.jpg)!important}.social-title h2{margin:12px 0;font-size:clamp(2rem,4vw,3.2rem)}.social-qrs article{text-align:center;color:#17376e;background:#fff;border-radius:28px 17px;padding:16px}.site-footer{color:#847b91;justify-content:space-between;width:min(1180px,100% - 40px);margin:0 auto 35px;padding:20px;display:flex}.site-footer a{color:#7c3aed;font-weight:900}.site-footer a:hover{text-decoration:underline}@media (width<=700px){.social-section{grid-template-columns:1fr;padding:28px 18px}.social-title{text-align:center}.site-footer{text-align:center;flex-direction:column;gap:8px}}.programs-list article{background:linear-gradient(145deg,#faf7fd,#ece3f4);border:1px solid #dfd2ea;border-radius:42px 22px 45px 25px;flex-direction:column;justify-content:center;min-height:145px;padding:24px 20px;transition:all .22s;display:flex;position:relative;box-shadow:0 14px 35px #2f145217}.programs-list article:nth-child(3n) span{background:linear-gradient(135deg,#0a9b91,#22c7ba)}.programs-list article:nth-child(4n) span{background:linear-gradient(135deg,#df408b,#f36ca7)}@media (width<=900px){.programs-list{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.programs-list{grid-template-columns:1fr}}.programs-heading>span{color:#6427ab;background:#e5d9f2;border-radius:999px 999px 999px 16px;padding:8px 16px;font-weight:900;display:inline-block}.programs-heading h2{color:#17376e;margin:17px 0 10px;font-size:clamp(2rem,4vw,3.6rem)}.programs-list article{background:linear-gradient(145deg,#faf7fd,#ece3f4);border:1px solid #dfd2ea;border-radius:42px 22px 45px 25px;flex-direction:column;justify-content:center;min-height:145px;padding:24px 20px;display:flex;box-shadow:0 14px 35px #2f145217}@media (width<=900px){.programs-list{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.programs-list{grid-template-columns:1fr}}.programs-section{width:min(1240px,100% - 40px);margin:100px auto}.programs-heading{text-align:center;max-width:760px;margin:0 auto 36px}.programs-heading>span,.social-title>span{color:#6427ab;background:#e5d9f2;border-radius:999px 999px 999px 16px;padding:8px 16px;font-weight:900;display:inline-block}.programs-heading h2,.social-title h2{color:#17376e;margin:17px 0 10px;font-size:clamp(2rem,4vw,3.6rem)}.programs-heading h2 strong{color:#7c3aed}.programs-heading p{color:#747d9b;line-height:1.8}.programs-list{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.programs-list article{background:linear-gradient(145deg,#faf7fd,#ece3f4);border:1px solid #dfd2ea;border-radius:42px 22px 45px 25px;flex-direction:column;justify-content:center;min-height:145px;padding:24px 20px;transition:all .22s;display:flex;box-shadow:0 14px 35px #2f145217}.programs-list article:nth-child(2n){border-radius:23px 44px 27px 40px}.programs-list article:hover{transform:translateY(-5px)}.programs-list article>span{color:#fff;background:linear-gradient(135deg,#7130d9,#9c4ce7);border-radius:50%;place-items:center;width:39px;height:39px;margin-bottom:13px;font-size:.78rem;font-weight:900;display:grid}.programs-list article:nth-child(3n)>span{background:linear-gradient(135deg,#0a9b91,#22c7ba)}.programs-list article:nth-child(4n)>span{background:linear-gradient(135deg,#df408b,#f36ca7)}.programs-list strong{color:#17376e;font-size:1.05rem;line-height:1.6}.programs-list small{color:#7f86a0;margin-top:4px}.social-section{color:#fff;background:linear-gradient(135deg,#291146,#4a2074);border-radius:52px 28px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:min(1180px,100% - 40px);margin:95px auto 25px;padding:45px;display:grid}.social-title h2{color:#fff}.social-title p{color:#d9cce7;line-height:1.8}.social-qrs{grid-template-columns:1fr 1fr;gap:14px;display:grid}.social-qrs article{color:#17376e;text-align:center;background:#fff;border-radius:28px 17px;padding:16px}.social-qrs img{aspect-ratio:1;object-fit:contain;border-radius:18px;width:100%}.social-qrs strong,.social-qrs small{margin-top:6px;display:block}.social-qrs small{color:#8088a0}.site-footer-final{color:#cfc3dd;background:linear-gradient(135deg,#24103e,#351559);border-radius:28px 18px 30px 20px;justify-content:space-between;align-items:center;gap:18px;width:min(1240px,100% - 40px);margin:35px auto 25px;padding:22px 26px;font-size:.92rem;display:flex}.site-footer-final a{color:#fff;font-weight:900;text-decoration:none}.site-footer-final a:hover{text-decoration:underline}@media (width<=900px){.programs-list{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.social-section{grid-template-columns:1fr;padding:28px 18px}.social-title{text-align:center}}@media (width<=520px){.programs-list{grid-template-columns:1fr}.site-footer-final{text-align:center;flex-direction:column}}.social-qr-link{color:inherit;border-radius:28px 17px;text-decoration:none;transition:transform .22s,filter .22s;display:block}.social-qr-link:hover{filter:brightness(1.02);transform:translateY(-4px)}.social-qr-link:focus-visible{outline-offset:4px;outline:3px solid #b991ff}.registration-page{min-height:100vh;padding-bottom:40px;overflow:visible}.registration-page .registration-section{margin-top:25px}.system-portals-home{width:min(1180px,100% - 40px);margin:95px auto}.system-portals-heading{text-align:center;max-width:760px;margin:0 auto 28px}.system-portals-heading>span{color:#6427ab;background:#e7dbf3;border-radius:999px;padding:8px 15px;font-weight:900;display:inline-block}.system-portals-heading h2{color:#17376e;margin:14px 0 8px;font-size:clamp(2rem,4vw,3.2rem)}.system-portals-heading p{color:#747d99;margin:0}.system-portals-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.system-portals-cards a{background:linear-gradient(145deg,#faf7fd,#ede4f4);border:1px solid #dfd3e9;border-radius:35px 20px 38px 23px;flex-direction:column;justify-content:center;gap:7px;min-height:135px;padding:22px;transition:all .2s;display:flex;box-shadow:0 14px 34px #2f145214}.system-portals-cards a:hover{transform:translateY(-4px)}.system-portals-cards strong{color:#17376e;font-size:1.08rem}.system-portals-cards span{color:#7e859e;font-size:.86rem;line-height:1.6}@media (width<=800px){.system-portals-cards{grid-template-columns:1fr}}.mobile-menu{display:none}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}@media (width<=1100px){.header{position:relative;overflow:visible}.mobile-menu{z-index:50;margin-inline-start:auto;display:block;position:relative}.mobile-menu>summary{color:#5d239e;cursor:pointer;-webkit-user-select:none;user-select:none;background:#eadff5;border:1px solid #7c3aed1a;border-radius:18px 25px 18px 23px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 15px;font-weight:900;display:inline-flex;box-shadow:0 8px 22px #441e6914}.mobile-menu-lines{gap:4px;width:20px;display:grid}.mobile-menu-lines i{background:currentColor;border-radius:999px;height:2px;display:block}.mobile-menu-lines i:nth-child(2){width:15px}.mobile-menu[open]>summary{color:#fff;background:linear-gradient(135deg,#6f2ed3,#9648e7)}.mobile-menu-panel{top:calc(100% + 12px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:1px solid #e8def0;border-radius:27px 18px 29px 20px;gap:5px;width:min(320px,100vw - 36px);padding:13px;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 22px 55px #2a114538}.mobile-menu-panel>a{color:#33446d;background:0 0;border-radius:13px;align-items:center;min-height:43px;padding:0 13px;font-weight:800;display:flex}.mobile-menu-panel>a:hover{color:#6427ab;background:#f1e9f8}.mobile-menu-special{border-top:1px solid #eee6f4;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;padding-top:10px;display:grid}.mobile-menu-special a{text-align:center;color:#fff;background:linear-gradient(135deg,#6f2ed3,#9548e6);border-radius:14px 20px 14px 19px;justify-content:center;align-items:center;min-height:43px;padding:0 9px;font-size:.82rem;font-weight:900;display:flex}.mobile-menu-special a:last-child{background:linear-gradient(135deg,#0b9e94,#20bfb3)}}@media (width<=520px){.header{align-items:center;width:calc(100% - 24px);min-height:76px;padding:8px 10px}.brand-logo{width:120px;height:50px}.mobile-menu>summary{min-height:43px;padding:0 12px;font-size:.86rem}.mobile-menu-panel{width:min(305px,100vw - 28px)}}.registration-section{width:min(1240px,100% - 40px);margin:35px auto 80px}.registration-heading{text-align:center;margin-bottom:30px}.registration-label{color:#6025b5;background:#e9def9;border-radius:999px 999px 999px 17px;align-items:center;gap:8px;padding:8px 15px;font-weight:800;display:inline-flex}.registration-heading h2{color:#12336c;margin:17px 0 11px;font-size:clamp(2.1rem,4vw,3.6rem)}.registration-heading h2 span{color:#7c3aed}.registration-heading p{color:#6f7897;margin:0}.registration-shell{background:#fcfaff;border:1px solid #7c3aed14;border-radius:46px 25px 48px 28px;overflow:visible;box-shadow:0 28px 75px #220d4629}.registration-progress{background:linear-gradient(135deg,#2c124c,#491d76 55%,#32155b);border-radius:46px 25px 0 0;grid-template-columns:repeat(4,1fr);gap:8px;padding:24px 35px;display:grid}.progress-step{color:#ffffff91;justify-content:center;align-items:center;gap:9px;font-size:.88rem;font-weight:800;display:flex}.progress-icon{border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.progress-step.current,.progress-step.done{color:#fff}.progress-step.current .progress-icon{color:#3b1767;background:#fff}.progress-step.done .progress-icon{color:#fff;background:#12b8ad;border-color:#12b8ad}.registration-form{padding:clamp(28px,5vw,58px)}.form-step{min-height:auto}.step-title{color:#7c3aed;align-items:center;gap:13px;margin-bottom:30px;display:flex}.step-title h3{color:#17376e;margin:0 0 4px;font-size:1.45rem}.step-title p{color:#858ca5;margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;display:grid}.form-grid label,.birthdate-group{flex-direction:column;gap:8px;min-width:0;display:flex}.form-grid label.wide{grid-column:1/-1}.form-grid label>span,.birthdate-group>span{color:#34456d;font-size:.92rem;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea,.birthdate-fields select{color:#26385d;width:100%;min-height:49px;font:inherit;background:#f4effa;border:1px solid #e2d7ef;border-radius:16px 11px 18px 12px;outline:none;padding:13px 15px;transition:all .2s}.form-grid textarea{resize:vertical;min-height:120px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.birthdate-fields select:focus{background:#fff;border-color:#9d68df;box-shadow:0 0 0 3px #7c3aed17}.birthdate-fields{grid-template-columns:.8fr 1.25fr 1fr;gap:8px;display:grid}.birthdate-fields select{text-align:center;padding:10px 8px}.documents-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.upload-card{text-align:center;color:#6a2db1;cursor:pointer;background:#f1e9f9;border:1px dashed #b798d7;border-radius:28px 18px 31px 17px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:145px;padding:20px;display:flex}.upload-card span{color:#8488a0;font-size:.82rem}.upload-card input{max-width:100%;margin-top:5px;font-size:.78rem}.consent{color:#53607f;background:#f7f3fb;border-radius:18px;align-items:flex-start;gap:11px;margin-top:26px;padding:17px;line-height:1.7;display:flex}.consent input{accent-color:#7c3aed;margin-top:5px}.form-navigation{border-top:1px solid #eee7f5;justify-content:space-between;align-items:center;margin-top:34px;padding-top:23px;display:flex}.form-navigation button,.success-actions button{cursor:pointer;border:0;border-radius:16px 23px;justify-content:center;align-items:center;gap:8px;min-height:47px;padding:0 21px;font-weight:900;display:inline-flex}.form-next{color:#fff;background:linear-gradient(135deg,#6725bf,#8f42df)}.form-next.submit{background:linear-gradient(135deg,#087f78,#12b8ad)}.form-back{color:#592498;background:#ece1f7}.registration-success{text-align:center;background:#fff;border-radius:42px 24px;flex-direction:column;align-items:center;padding:45px 32px;display:flex;box-shadow:0 25px 65px #2d144e1f}.success-icon{color:#fff;background:linear-gradient(135deg,#0a948b,#25c8bb);border-radius:42% 58% 55% 45%/48% 43% 57% 52%;place-items:center;width:82px;height:82px;display:grid}.success-kicker{color:#0a8e85;margin-top:16px;font-weight:900}.registration-success h2{color:#17376e;margin:8px 0;font-size:2rem}.registration-success>p{color:#777f9b;max-width:760px;line-height:1.8}.print-summary{text-align:right;background:#fff;border:1px solid #e3d9ec;border-radius:28px;width:min(900px,100%);margin:24px auto;overflow:hidden}.print-summary-header{background:#f5eff9;align-items:center;gap:15px;padding:18px 22px;display:flex}.print-summary-header img{object-fit:contain;width:145px;height:65px}.print-summary-header div{flex-direction:column;gap:4px;display:flex}.print-summary-header span{color:#7c3aed;font-weight:800}.print-summary-header strong{color:#17376e;font-size:1.15rem}.summary-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:22px;display:grid}.summary-grid>div{background:#faf7fc;border-radius:14px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.summary-grid span{color:#858ca5;font-size:.8rem}.summary-grid strong{color:#273a62;word-break:break-word}.summary-wide{grid-column:1/-1}.print-note{color:#777f9a;text-align:center;background:#f7f3fa;padding:12px 20px;font-size:.82rem}.success-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.print-button{color:#fff;background:#7c3aed}.new-registration-button{color:#5e269f;background:#e8ddf3}@media (width<=760px){.registration-section{width:calc(100% - 24px);margin-top:22px}.registration-progress{padding:16px 8px}.progress-step{text-align:center;flex-direction:column;font-size:.68rem}.progress-icon{width:34px;height:34px}.registration-form{padding:25px 18px}.form-grid,.documents-grid,.summary-grid{grid-template-columns:1fr}.form-grid label.wide,.summary-wide{grid-column:auto}.birthdate-fields{grid-template-columns:1fr 1.2fr 1fr}.registration-success{padding:30px 16px}}@media (width<=460px){.birthdate-fields{grid-template-columns:1fr}.form-navigation button{padding:0 15px}.print-summary-header{text-align:center;flex-direction:column}}@media print{body{background:#fff!important}.no-print,.registration-page-header,.registration-page-intro{display:none!important}.registration-page,.registration-section{width:100%!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.registration-success{box-shadow:none!important;padding:0!important}.success-icon,.success-kicker,.registration-success>p{display:none!important}.registration-success h2{margin:0 0 10px;font-size:20pt}.print-summary{border:1px solid #bbb!important;width:100%!important;margin:0!important}.summary-grid{grid-template-columns:repeat(2,1fr)!important}.print-note{font-size:9pt}}.demo-login-page,.demo-page{color:#17376e;background:radial-gradient(circle at 10% 10%,#7c3aed21,#0000 26%),radial-gradient(circle at 90% 30%,#12b8ad1a,#0000 22%),#f4eff8;min-height:100vh}.demo-login-page{place-items:center;padding:35px 20px;display:grid;position:relative}.login-back{position:absolute;top:24px;right:28px}.login-card{text-align:center;background:#fff;border-radius:42px 24px 45px 27px;width:min(460px,100%);padding:35px;box-shadow:0 28px 70px #30165329}.login-card>img{object-fit:contain;width:185px;height:85px}.login-card h1{margin:14px 0 6px;font-size:2rem}.login-card>p{color:#7c839d;margin:0 0 22px}.login-card form{text-align:right;gap:14px;display:grid}.login-card label{gap:7px;display:grid}.login-card label>span{color:#405075;font-weight:800}.login-input{background:#f4effa;border:1px solid #e3d8ef;border-radius:17px;align-items:center;gap:9px;min-height:50px;padding:0 14px;display:flex}.login-input svg{color:#7c3aed}.login-input input{color:#26385d;width:100%;font:inherit;background:0 0;border:0;outline:0}.login-card form>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6725bf,#9346e2);border:0;border-radius:18px 25px;min-height:50px;font-weight:900}.login-error{color:#bd3d79;text-align:center;background:#fde6ef;border-radius:14px;padding:10px;font-weight:800}.demo-credentials{color:#777f9a;background:#f7f3fa;border-radius:15px;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:17px;padding:12px;font-size:.83rem;display:flex}.demo-page{padding:0 0 55px}.demo-header{justify-content:space-between;align-items:center;gap:18px;width:min(1500px,100% - 30px);min-height:86px;margin:0 auto;display:flex}.demo-brand img{object-fit:contain;width:165px;height:68px}.demo-header-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.demo-admin-label,.demo-back,.logout-button{border-radius:18px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-weight:900;display:inline-flex}.demo-admin-label{color:#087f78;background:#dff4f1}.demo-back{color:#6427ab;background:#e4d7f1}.logout-button{color:#a43b6c;cursor:pointer;background:#f8e4ed;border:0}.admin-layout{grid-template-columns:245px minmax(0,1fr);gap:18px;width:min(1500px,100% - 30px);margin:0 auto;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#27113f,#3c185f);border-radius:32px 20px;flex-direction:column;gap:7px;height:calc(100vh - 28px);padding:22px 14px;display:flex;position:sticky;top:14px;box-shadow:0 22px 55px #250e3f33}.sidebar-title{flex-direction:column;gap:4px;padding:8px 10px 18px;display:flex}.sidebar-title span{color:#cdb8df;font-size:.78rem}.sidebar-title strong{font-size:1.25rem}.admin-sidebar>button{color:#d9cce7;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:15px;align-items:center;gap:9px;min-height:46px;padding:0 13px;font-weight:800;display:flex}.admin-sidebar>button:hover,.admin-sidebar>button.active{color:#35145d;background:#fff}.admin-sidebar button em{color:#fff;background:#ed4c93;border-radius:999px;place-items:center;min-width:24px;height:24px;margin-right:auto;font-size:.75rem;font-style:normal;display:grid}.sidebar-portals{background:#ffffff12;border-radius:18px;gap:8px;margin-top:auto;padding:14px;display:grid}.sidebar-portals>span{color:#cdb8df;font-size:.76rem}.sidebar-portals a{color:#fff;font-size:.86rem;font-weight:800}.admin-content{min-width:0;padding-bottom:35px}.demo-hero{text-align:center;width:min(900px,100%);margin:32px auto 34px}.dashboard-hero{margin-top:18px}.demo-badge,.card-heading span,.records-heading span,.requests-copy>span,.panel-heading span,.portal-grid article>div:nth-child(2)>span{color:#662aad;font-weight:900;display:inline-block}.demo-badge{background:#e5d9f2;border-radius:999px;padding:8px 15px}.demo-hero h1{color:#17376e;margin:15px 0 8px;font-size:clamp(2.1rem,4vw,3.8rem)}.demo-hero p{color:#727b99;margin:0;line-height:1.8}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin:0 auto 22px;display:grid}.stats-grid article{background:#fff;border-radius:26px 17px;grid-template-columns:auto 1fr;align-items:center;gap:6px 11px;padding:18px;display:grid;box-shadow:0 14px 34px #30165314}.stat-icon{color:#fff;background:#7c3aed;border-radius:50%;grid-row:1/3;place-items:center;width:44px;height:44px;display:grid}.stat-icon.teal{background:#12a99f}.stat-icon.pink{background:#ed4c93}.stat-icon.orange{background:#f5a51c}.stats-grid span{color:#7b829d;font-size:.82rem}.stats-grid strong{font-size:1.7rem}.portal-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.portal-grid article{background:#fff;border-radius:30px 18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:22px;display:grid;box-shadow:0 16px 40px #30165314}.portal-icon{color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.portal-icon.teacher{background:linear-gradient(135deg,#7c3aed,#9c55e5)}.portal-icon.parent{background:linear-gradient(135deg,#0b9d93,#23c7bb)}.portal-grid h3{margin:4px 0 5px}.portal-grid p{color:#7c839b;margin:0;font-size:.88rem;line-height:1.6}.portal-grid button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:13px;min-height:38px;padding:0 12px;font-weight:800}.panel-section{background:#fff;border-radius:32px 19px;width:100%;margin:18px auto;padding:24px;box-shadow:0 18px 45px #30165317}.panel-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px;display:flex}.panel-heading h2{margin:4px 0 0}.panel-heading small{color:#858ca5}.student-cards{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.student-cards>article{background:#f7f3fa;border:1px solid #ece2f3;border-radius:23px 15px;padding:17px}.student-card-top{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.mini-avatar{color:#fff;background:#7c3aed;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.student-card-top>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.student-card-top span{color:#7f859b;font-size:.78rem}.student-card-meta{grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0;display:grid}.student-card-meta span{color:#898fa4;background:#fff;border-radius:11px;flex-direction:column;gap:3px;padding:9px;font-size:.72rem;display:flex}.student-card-meta strong{color:#33456c;font-size:.88rem}.qr-view-button{cursor:pointer;color:#6427ab;background:#eee3f8;border:0;border-radius:13px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 11px;font-weight:900;display:inline-flex}.teacher-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.teacher-grid>article{background:linear-gradient(145deg,#faf7fd,#f1e8f7);border-radius:28px 17px;padding:20px}.teacher-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#a35ae8);border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:12px;display:grid}.teacher-name{justify-content:space-between;align-items:center;gap:10px;display:flex}.teacher-name span{color:#8b90a4;font-size:.78rem}.teacher-details{grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0;display:grid}.teacher-details div{background:#fff;border-radius:11px;flex-direction:column;gap:3px;padding:9px;display:flex}.teacher-details span{color:#8b90a4;font-size:.72rem}.teacher-details strong{font-size:.9rem}.teacher-grid button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:13px;width:100%;min-height:39px;font-weight:800}.demo-main-grid{grid-template-columns:.95fr 1.05fr;gap:14px;width:100%;margin:18px auto;display:grid}.scanner-card,.student-card,.records-section,.requests-section{background:#fff;border-radius:32px 19px;box-shadow:0 18px 45px #30165317}.scanner-card,.student-card{padding:24px}.card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.card-heading h2{margin:4px 0 0}.fake-qr{aspect-ratio:1;background:#f6f1fa;border:1px dashed #b79bd3;border-radius:28px 18px;align-content:center;place-items:center;gap:8px;width:min(230px,85%);margin:10px auto 16px;display:grid}.fake-qr small{color:#7f8298;font-weight:800}.scan-result{text-align:center;color:#087f78;background:#e1f6f3;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px;font-weight:800;display:flex}.scan-demo-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6725bf,#9346e2);border:0;border-radius:17px 24px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;margin-top:12px;font-weight:900;display:flex}.student-profile{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.student-profile>div{background:#f6f1fa;border-radius:17px 12px;flex-direction:column;gap:5px;padding:14px;display:flex}.student-profile span,.timeline small{color:#858ca5;font-size:.79rem}.status-present{color:#0a8e85}.timeline{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.timeline>div{color:#6d2cb6;background:#eee5f7;border-radius:17px;align-items:center;gap:10px;padding:14px;display:flex}.timeline span{flex-direction:column;gap:3px;display:flex}.requests-admin-section{grid-template-columns:.75fr 1.25fr;align-items:start;gap:20px;display:grid}.requests-copy p{color:#747d99;line-height:1.8}.requests-list{gap:10px;display:grid}.request-admin-card{background:#f5f0f9;border-radius:20px 14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.request-avatar{color:#fff;background:#7c3aed;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.request-details{flex-direction:column;gap:4px;display:flex}.request-details span,.request-details small{color:#7f869e;font-size:.8rem}.request-actions{gap:7px;display:flex}.request-actions button{cursor:pointer;border:0;border-radius:12px;align-items:center;gap:5px;min-height:35px;padding:0 10px;font-weight:900;display:inline-flex}.accept-button{color:#fff;background:#0aa095}.reject-button{color:#a43b6c;background:#f8e1ec}.request-result{border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:900}.request-result.مقبول{color:#087f78;background:#dff4f1}.request-result.مرفوض{color:#a43b6c;background:#f8e4ed}.records-section{width:100%;margin:18px auto;padding:24px}.records-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.records-heading h2{margin:4px 0 0}.records-heading small{color:#8a8fa6}.records-table-wrap{overflow-x:auto}.records-table{border-collapse:collapse;width:100%;min-width:760px}.records-table th,.records-table td{text-align:right;border-bottom:1px solid #eee7f5;padding:13px}.records-table th{color:#707895;font-size:.82rem}.record-status{border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900;display:inline-block}.record-status.حاضر{color:#087f78;background:#daf5f1}.record-status.منصرف{color:#5f2da1;background:#eee3f8}.record-status.غائب{color:#bd3d79;background:#fde3ef}.student-id{color:#9296a8;margin-top:3px;display:block}.qr-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#160926ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qr-modal{background:#fff;border-radius:38px 22px;flex-direction:column;align-items:center;gap:10px;width:min(390px,100%);padding:30px;display:flex;position:relative;box-shadow:0 30px 80px #00000040}.qr-modal>img{object-fit:contain;width:155px;height:70px}.qr-modal>span{color:#682cac;font-weight:900}.qr-modal h3{margin:0 0 8px}.qr-modal>strong{margin-top:8px}.qr-modal>small{color:#858ba0}.qr-modal-close{color:#6c2aae;cursor:pointer;background:#eee4f6;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;left:14px}@media (width<=1180px){.student-cards,.teacher-grid{grid-template-columns:repeat(2,1fr)}.portal-grid{grid-template-columns:1fr}}@media (width<=900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{grid-template-columns:repeat(5,1fr);height:auto;padding:12px;display:grid;position:static}.sidebar-title,.sidebar-portals{display:none}.admin-sidebar>button{justify-content:center;font-size:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.demo-main-grid,.requests-admin-section{grid-template-columns:1fr}}@media (width<=650px){.student-cards,.teacher-grid{grid-template-columns:1fr}.portal-grid article{grid-template-columns:auto 1fr}.portal-grid button{grid-column:1/-1}.admin-sidebar{grid-template-columns:repeat(2,1fr)}.demo-header{align-items:flex-start;padding:10px 0}.demo-admin-label{display:none}}@media (width<=520px){.stats-grid,.student-profile,.timeline{grid-template-columns:1fr}.demo-header{width:calc(100% - 20px)}.demo-brand img{width:120px}.login-back{top:12px;right:12px}}.quick-actions{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px;display:grid}.quick-actions button{text-align:right;color:#55208d;cursor:pointer;background:#fff;border:1px solid #eadff2;border-radius:24px 16px;align-items:center;gap:12px;min-height:82px;padding:15px 17px;display:flex;box-shadow:0 12px 28px #30165312}.quick-actions button>svg{color:#fff;background:#7c3aed;border-radius:50%;width:42px;height:42px;padding:10px}.quick-actions button span{flex-direction:column;gap:3px;display:flex}.quick-actions button strong{color:#24385f}.quick-actions button small{color:#858ba0}.panel-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.panel-actions button,.print-all-button,.print-mini-button,.print-request-button,.restore-button,.print-qr-profile{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-weight:900;display:inline-flex}.panel-actions button,.print-all-button{color:#fff;background:#6d2eb2}.print-mini-button,.print-request-button,.print-qr-profile{color:#5f269e;background:#e9def4}.restore-button{color:#68507f;background:#ebe5ef;font-size:.75rem}.student-status-actions{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px;display:grid}.student-status-actions button{cursor:pointer;border:0;border-radius:10px;min-height:31px;font-size:.75rem;font-weight:900}.student-status-actions button:first-child{color:#087f78;background:#dff4f1}.student-status-actions button:nth-child(2){color:#ae3e73;background:#f8e3ed}.student-status-actions button:nth-child(3){color:#5f2da1;background:#eee3f8}.card-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.request-actions-wrap{flex-wrap:wrap;justify-content:flex-end}.print-request-button{font-size:.78rem}.print-all-button,.print-qr-profile{margin-top:8px}.records-heading .print-all-button{margin-top:0}@media (width<=980px){.quick-actions{grid-template-columns:1fr}.request-actions-wrap{grid-column:1/-1;justify-content:flex-start}}@media (width<=560px){.panel-heading,.records-heading{flex-direction:column;align-items:flex-start}.panel-actions,.panel-actions button,.print-all-button{width:100%}.card-actions,.student-status-actions{grid-template-columns:1fr}}