@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900;1000&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#f7fbff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#36b814;--accent-bg:#36b8141a;--accent-border:#36b81480;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Nunito", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Nunito", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;width:100%;min-height:100%;margin:0;padding:0}body{width:100%;min-height:100vh;font-family:var(--sans);color:#1e2a3a;background:#f7fbff;margin:0;padding:0;overflow-x:hidden}#root{text-align:left;box-sizing:border-box;border-inline:none;width:100%;max-width:100%;min-height:100svh;margin:0;padding:0;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=1024px){:root{font-size:16px}}:root{--miracle-pink:#ff2f92;--miracle-orange:#ff9f1c;--miracle-yellow:#ffd93d;--miracle-green:#6bdc3b;--miracle-blue:#38bdf8;--miracle-purple:#8b5cf6;--miracle-dark:#29264f;--miracle-text:#4b5563;--miracle-soft:#f8fbff;--miracle-white:#fff;--miracle-gradient-main:linear-gradient(135deg, #ff2f92 0%, #ff9f1c 24%, #6bdc3b 48%, #38bdf8 72%, #8b5cf6 100%);--miracle-gradient-soft:linear-gradient(135deg, #ff2f921f, #ff9f1c1f, #6bdc3b1f, #38bdf81f, #8b5cf61f)}html{scroll-behavior:smooth}body{color:#1e2a3a;background:#f7fbff;margin:0;font-family:Nunito,sans-serif}a{text-decoration:none}.miracle-page{background:#f7fbff;width:100%;min-height:100vh;overflow-x:hidden}.miracle-navbar{z-index:999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #e2e8f0b3;width:100%;position:fixed;top:0;box-shadow:0 12px 34px #29264f14}.miracle-nav-container{justify-content:space-between;align-items:center;width:100%;max-width:100%;height:76px;margin:0;padding:0 72px;display:flex}.miracle-logo-box{align-items:center;display:flex}.miracle-logo{object-fit:contain;height:52px}.miracle-menu{align-items:center;gap:32px;display:flex}.miracle-menu a{color:#1e2a3a;font-size:15px;font-weight:800;transition:all .25s;position:relative}.miracle-menu a:after{content:"";background:linear-gradient(90deg,#65c92f,#4fb7d8);border-radius:999px;width:0;height:4px;transition:all .25s;position:absolute;bottom:-9px;left:0}.miracle-menu a:hover{color:#36a713}.miracle-menu a:hover:after{width:100%}.nav-cta{color:#fff;background:linear-gradient(135deg,#36b814 0%,#65d931 100%);border-radius:999px;padding:12px 22px;font-size:14px;font-weight:900;transition:all .25s;box-shadow:0 12px 28px #36b81440}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px #36b81459}.hero-section{background:radial-gradient(circle at 12% 20%,#ff2f9233 0,#0000 28%),radial-gradient(circle at 38% 12%,#ff9f1c38 0,#0000 24%),radial-gradient(circle at 78% 22%,#38bdf838 0,#0000 28%),radial-gradient(circle at 86% 72%,#8b5cf633 0,#0000 28%),linear-gradient(135deg,#fff7fb 0%,#f1fff0 45%,#eef8ff 100%);min-height:1200px;padding:150px 0 220px;position:relative;overflow:hidden}.hero-bg-shape{pointer-events:none;background:linear-gradient(155deg,#ffffff2e 0 28%,#0000 28%),linear-gradient(20deg,#0000 0 64%,#ffffff38 64%);position:absolute;inset:0}.hero-container{z-index:2;grid-template-columns:1.5fr .95fr;align-items:center;gap:64px;width:100%;max-width:100%;margin:0;padding:0 72px;display:grid;position:relative}.hero-content{color:#fff;padding-top:10px}.hero-badge,.section-badge{letter-spacing:.2px;border-radius:999px;align-items:center;padding:9px 16px;font-size:35px;font-weight:900;display:inline-flex}.hero-badge{color:var(--miracle-pink);background:#ffffffc7;border:1px solid #ff2f922e;box-shadow:0 12px 32px #ff2f921f}.hero-content h1{letter-spacing:-1px;color:var(--miracle-dark);margin:60px 0 18px;font-size:clamp(44px,6vw,80px);font-weight:900;line-height:1}.hero-content p{max-width:900px;color:var(--miracle-text);margin:30px 0 18px;font-size:28px;font-weight:700;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:50px;display:flex}.primary-btn,.secondary-btn{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 26px;font-size:19px;font-weight:900;transition:all .25s;display:inline-flex}.primary-btn{color:#2fa60f;background:#fff;box-shadow:0 18px 32px #0f172a29}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 24px 42px #0f172a3d}.secondary-btn{color:#007e11;background:#ffffff2e;border:1px solid #db000073}.secondary-btn:hover{background:#ffffff47;transform:translateY(-3px)}.hero-points{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:130px;display:grid}.hero-points div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #ffffffe0;border-radius:24px;padding:22px 24px;box-shadow:0 18px 44px #29264f14,inset 0 1px #fffffff2}.hero-points strong{color:var(--miracle-purple);margin-bottom:8px;font-size:35px;font-weight:900;display:block}.hero-points span{color:#4b5563;font-size:25px;font-weight:800;line-height:1.45}.hero-visual{min-height:480px;position:relative}.hero-illustration{background:radial-gradient(circle at 50% 40%,#ffffffc7,#ffffff2e 55%,#0000 70%),linear-gradient(135deg,#ffffff3d,#ffffff14);border:1px solid #ffffff59;border-radius:50px;position:absolute;inset:20px 20px 0 40px;overflow:hidden;box-shadow:0 30px 80px #175d6f38}.hero-illustration:before{content:"";opacity:.95;filter:drop-shadow(0 25px 45px #0f172a24);background:radial-gradient(circle,#fff 0 22%,#0000 22%),conic-gradient(#f9578b,#ffb84d,#ffd84d,#8bd66b,#4fb7d8,#bfa7f2,#f9578b);border-radius:50%;width:430px;height:430px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-illustration:after{content:"";opacity:.97;background:#fff;border-radius:50%;width:440px;height:210px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.kid-circle{z-index:2;background:linear-gradient(135deg,#fff,#fff5d6);border-radius:50%;justify-content:center;align-items:center;width:175px;height:175px;font-size:82px;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 60px #0f172a2e}.floating-item{z-index:3;background:#fff;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;font-size:34px;animation:3.8s ease-in-out infinite floaty;display:flex;position:absolute;box-shadow:0 16px 34px #0f172a29}.item-1{top:-170px;right:70px}.item-2{animation-delay:.6s;bottom:-80px;right:-30px}.item-3{animation-delay:1.1s;bottom:150px;left:-20px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-card{z-index:4;background:#fff;border-radius:28px;position:absolute;box-shadow:0 25px 60px #0f172a29}.main-card{max-width:245px;padding:22px;top:-110px;left:-110px}.circle-icon{background:linear-gradient(135deg,#ffde59,#ff9f43);border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:14px;font-size:26px;display:flex}.main-card h3{color:#2b2a4c;margin:0 0 8px;font-size:21px;font-weight:900}.main-card p{color:#64748b;margin:0;font-size:14px;font-weight:700;line-height:1.55}.small-card{flex-direction:column;padding:18px 20px;display:flex;bottom:-40px;right:-40px}.small-card strong{color:#2fa60f;font-size:18px;font-weight:900}.small-card span{color:#64748b;font-size:13px;font-weight:700}.wave-bottom{z-index:1;background:#f7fbff;border-radius:50% 50% 0 0;height:220px;position:absolute;bottom:-90px;left:-5%;right:-5%}.hero-kangaroo{object-fit:contain;z-index:4;filter:drop-shadow(0 34px 45px #14504638);width:min(560px,90%);max-height:680px;animation:4.5s ease-in-out infinite kangarooFloat;position:absolute;bottom:-30px;right:70px}@keyframes kangarooFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(1deg)}}.section-container{width:100%;max-width:100%;margin:0;padding:0 72px}.section-badge{color:#2fa60f;background:#eaffdf}.section-heading{text-align:center;max-width:720px;margin:0 auto 46px}.section-heading h2,.about-content h2,.method-content h2{color:#2b2a4c;letter-spacing:-.6px;margin:16px 0 18px;font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.25}.section-heading p,.about-content p,.method-content p{color:#5d6473;margin:0;font-size:17px;font-weight:700;line-height:1.9}.about-section{background:radial-gradient(circle at 10% 10%,#ffd84d29,#0000 28%),radial-gradient(circle at 88% 18%,#4fb7d824,#0000 28%),#f7fbff;padding:100px 0 170px}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:58px;display:grid}.about-image{justify-content:center;display:flex}.soft-card{text-align:center;background:radial-gradient(circle at 24% 18%,#ffd84d73 0,#0000 34%),linear-gradient(135deg,#e7f9ff,#fff);border:1px solid #dff3f8;border-radius:42px;width:100%;max-width:430px;min-height:380px;padding:38px;box-shadow:0 26px 70px #4fb7d82e}.mascot{background:linear-gradient(135deg,#bdefff,#fff);border-radius:46px;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 24px;font-size:88px;display:flex;box-shadow:0 20px 38px #4fb7d82e}.soft-card h3{color:#2b2a4c;margin:0 0 12px;font-size:28px;font-weight:900;line-height:1.15}.soft-card p{color:#5d6473;margin:0;font-size:16px;font-weight:700;line-height:1.65}.about-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.about-list div{color:#2b2a4c;background:#fff;border-radius:20px;padding:16px 18px;font-size:15px;font-weight:900;box-shadow:0 14px 30px #0f172a0f}.about-extra-grid{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:10px;display:grid}.about-extra-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:34px;min-height:260px;padding:34px;transition:all .25s;box-shadow:0 24px 60px #2b2a4c14}.about-extra-card:hover{transform:translateY(-8px);box-shadow:0 34px 80px #2b2a4c21}.about-extra-icon{background:#eaffdf;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:34px;display:flex}.about-extra-card h3{color:#2b2a4c;margin:0 0 12px;font-size:25px;font-weight:900}.about-extra-card p{color:#5d6473;margin:0;font-size:16px;font-weight:700;line-height:1.75}.about-highlight{background:radial-gradient(circle at 10% 20%,#ffb84d47,#0000 30%),linear-gradient(135deg,#eaffdf 0%,#e7f9ff 100%);border-radius:40px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px;margin-top:20px;padding:46px;display:grid;box-shadow:0 28px 70px #4fb7d829}.about-highlight h2{color:#2b2a4c;margin:18px 0 0;font-size:clamp(30px,3.4vw,46px);font-weight:900;line-height:1.18}.about-highlight p{color:#4b5563;margin:0;font-size:22px;font-weight:700;line-height:1.9}.about-image{justify-content:center;align-items:flex-start;min-height:500px;display:flex;position:relative}.about-mascot-card{isolation:isolate;justify-content:center;align-items:center;width:min(520px,100%);min-height:500px;display:flex;position:relative}.about-mascot-card:before{content:"";filter:blur(6px);z-index:-2;background:radial-gradient(circle,#65d93138 0%,#0000 62%),radial-gradient(circle at 70% 30%,#4fb7d833,#0000 45%);border-radius:50%;width:86%;height:86%;animation:5s ease-in-out infinite aboutGlow;position:absolute}.about-mascot-card:after{content:"";z-index:-1;background:linear-gradient(135deg,#eaffdfd9,#e7f9ffcc);border-radius:50%;width:400px;height:400px;position:absolute;box-shadow:0 30px 80px #4fb7d82e}.about-kangaroo-img{object-fit:contain;filter:drop-shadow(0 34px 38px #235a5038);transform-origin:bottom;width:min(400px,100%);height:auto;transition:transform .35s,filter .35s;animation:4.2s ease-in-out infinite aboutMascotFloat;display:block}.about-mascot-card:hover .about-kangaroo-img{filter:drop-shadow(0 44px 48px #235a5047);transform:translateY(-10px)scale(1.035)rotate(-1deg)}@keyframes aboutMascotFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(1deg)}}@keyframes aboutGlow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.program-section{background:radial-gradient(circle at 10% 12%,#ffb84d2e,#0000 26%),linear-gradient(#fff 0%,#f0e8ff 100%);padding:120px 0 200px;position:relative}.program-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.program-card{background:#fff;border-radius:30px;padding:40px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 22px 50px #2b2a4c1a}.program-card:before{content:"";background:linear-gradient(90deg,#65d931,#4fb7d8,#bfa7f2,#ffb84d);width:100%;height:8px;position:absolute;top:0;left:0}.program-card:hover{transform:translateY(-8px);box-shadow:0 30px 65px #2b2a4c29}.program-card h3{color:#2b2a4c;margin:0 0 8px;font-size:25px;font-weight:900}.program-card span{color:#2fa60f;margin-bottom:14px;font-size:13px;font-weight:900;display:inline-block}.program-card p{color:#5d6473;min-height:112px;margin:0 0 18px;font-size:17px;font-weight:700;line-height:1.6}.program-card a{color:#2fa60f;font-size:15px;font-weight:900}.method-section{color:#fff;background:radial-gradient(circle at 8% 20%,#ffd84d38,#0000 28%),radial-gradient(circle at 88% 78%,#bfa7f233,#0000 28%),linear-gradient(#57bdc8 0%,#5dc7cf 100%);min-height:1200px;padding:190px 0 180px;position:relative;overflow:hidden}.method-section:before{content:"";background:#f0e8ff;border-radius:0 0 50% 50%;height:190px;position:absolute;top:-95px;left:-5%;right:-5%}.method-section:after{content:"";z-index:1;background:#fff6fb;border-radius:50% 50% 0 0;height:240px;position:absolute;bottom:-120px;left:-8%;right:-8%}.method-grid{z-index:2;grid-template-columns:1fr 1.05fr;align-items:center;gap:64px;display:grid;position:relative}.method-content{max-width:850px}.method-content .section-badge{color:#018112;background:#ffffff38;border:1px solid #ffffff59}.method-content h2{color:#fff;margin:24px 0 26px;font-size:clamp(42px,4.8vw,76px);font-weight:900;line-height:1.08}.method-content p{color:#fffffff0;max-width:900px;font-size:24px;font-weight:800;line-height:1.8}.method-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:34px;margin-top:130px;padding:32px;box-shadow:0 20px 50px #0f172a14}.method-box h4{color:#fff;margin:0 0 18px;font-size:22px;font-weight:900}.method-tags{flex-wrap:wrap;gap:12px;display:flex}.method-tags span{color:#2fa60f;background:#fff;border-radius:999px;padding:12px 18px;font-size:18px;font-weight:900;box-shadow:0 10px 24px #0f172a14}.method-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.method-stats div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff47;border-radius:28px;min-height:120px;padding:22px}.method-stats strong{color:#fff;margin-bottom:8px;font-size:34px;font-weight:900;line-height:1;display:block}.method-stats span{color:#ffffffeb;font-size:20px;font-weight:800;line-height:1.45}.method-right{grid-template-columns:1fr;gap:100px;display:grid}.activity-panel{color:#2b2a4c;background:#fff;border-radius:42px;padding:36px;box-shadow:0 30px 80px #0f172a29}.activity-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.activity-header span{color:#2fa60f;margin-bottom:8px;font-size:20px;font-weight:900;display:inline-flex}.activity-header h3{color:#2b2a4c;margin:0;font-size:34px;font-weight:900;line-height:1.1}.activity-header-icon{background:#eaffdf;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:34px;display:flex}.activity-list{gap:14px;display:grid}.activity-item{color:#2b2a4c;background:#f7fbff;border-radius:20px;align-items:center;gap:18px;padding:19px 20px;font-size:20px;font-weight:900;transition:all .25s;display:flex}.activity-item:hover{background:#eaffdf;transform:translate(6px)}.activity-item span{color:#fff;background:#65d931;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:inline-flex}.method-flow{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.method-flow-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff38;border:1px solid #ffffff52;border-radius:30px;min-height:190px;padding:24px;box-shadow:0 18px 44px #0f172a14}.method-flow-card div{color:#2fa60f;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;font-size:17px;font-weight:900;display:flex}.method-flow-card h4{color:#fff;margin:0 0 10px;font-size:20px;font-weight:900;line-height:1.2}.method-flow-card p{color:#ffffffeb;margin:0;font-size:16px;font-weight:700;line-height:1.65}.method-decor{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:28px;justify-content:center;align-items:center;width:90px;height:90px;font-size:42px;animation:4s ease-in-out infinite floaty;display:flex;position:absolute}.method-decor-1{top:170px;right:9%}.method-decor-2{animation-delay:.6s;bottom:170px;left:6%}.method-decor-3{animation-delay:1s;top:45%;right:3%}.blog-section{background:radial-gradient(circle at 85% 20%,#ffb84d33,#0000 25%),linear-gradient(#fff6fb 0%,#ffd4e7 100%);padding:96px 0 110px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.blog-card{background:#fff;border-radius:30px;padding:20px;transition:all .25s;box-shadow:10px 10px #a3335d3d}.blog-card:hover{transform:translateY(-6px)}.blog-image{background:radial-gradient(circle at 26% 24%,#ffffffb8,#0000 26%),linear-gradient(135deg,#4fb7d8,#bfa7f2);border-radius:24px;justify-content:center;align-items:center;height:170px;margin-bottom:18px;font-size:74px;display:flex}.blog-card h3{color:#2b2a4c;margin:0 0 10px;font-size:20px;font-weight:900;line-height:1.3}.blog-card p{color:#5d6473;margin:0;font-size:15px;font-weight:700;line-height:1.55}.gallery-section{background:linear-gradient(#fff 0%,#f8fbff 100%);padding:110px 0 130px;position:relative;overflow:hidden}.gallery-section:before{content:"";pointer-events:none;background:#ffffffb8;border:1px solid #e2e8f0a6;border-radius:56px;height:260px;position:absolute;top:64px;left:7%;right:7%;box-shadow:inset 0 1px #fffffff2,0 30px 90px #2b2a4c0d}.gallery-section:after{content:"";filter:blur(22px);pointer-events:none;background:radial-gradient(circle,#2b2a4c0e,#0000 70%);border-radius:999px;width:900px;height:320px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.gallery-heading{z-index:3;text-align:center;max-width:1400px;margin:0 auto 68px;padding:0 24px;position:relative}.gallery-heading .section-badge{padding:7px 18px;font-size:26px;line-height:1}.gallery-heading h2{color:#2b2a4c;letter-spacing:-.8px;white-space:nowrap;margin:18px 0 16px;font-size:clamp(34px,3.5vw,56px);font-weight:900;line-height:1.12}.gallery-heading p{color:#5d6473;max-width:820px;margin:0 auto;font-size:20px;font-weight:800;line-height:1.8}.accordion-gallery{z-index:4;perspective:1400px;justify-content:center;align-items:stretch;gap:14px;width:100%;min-height:500px;padding:0 72px;display:flex;position:relative;overflow:visible}.accordion-gallery:after{content:"";filter:blur(18px);z-index:-1;pointer-events:none;background:radial-gradient(#2b2a4c29 0%,#2b2a4c14 42%,#0000 72%);border-radius:999px;height:90px;position:absolute;bottom:-34px;left:10%;right:10%}.accordion-card{cursor:pointer;will-change:flex-basis, transform, opacity, filter;background:#fff;border:0;border-radius:34px;flex:0 0 150px;height:500px;padding:0;transition:flex-basis 1.35s cubic-bezier(.16,1,.3,1),border-radius 1s cubic-bezier(.16,1,.3,1),transform .55s,opacity .65s,filter .65s,box-shadow .65s;position:relative;overflow:hidden;box-shadow:0 24px 50px #2b2a4c21,inset 0 1px #fff}.accordion-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:5;background:linear-gradient(145deg,#ffffffe6,#4fb7d847,#bfa7f238,#ffffffbf);padding:1.5px;position:absolute;inset:0}.accordion-card:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(#ffffff0a 0%,#0f172a0d 46%,#0f172a29 100%);transition:opacity .55s,background .55s;position:absolute;inset:0}.accordion-card:not(.active){opacity:.58;filter:saturate(.72)contrast(.92);transform:translateY(0)scale(.985)}.accordion-card:not(.active):hover{opacity:.86;filter:saturate(1.02)contrast(1.02);transform:translateY(-4px)scale(1.01);box-shadow:0 34px 76px #2b2a4c2e,0 14px 30px #4fb7d81f}.accordion-card.active{opacity:1;filter:saturate(1.05)contrast(1.03);border-radius:42px;flex:0 0 min(860px,52vw);height:500px;transform:translateY(0)scale(1);box-shadow:0 42px 95px #2b2a4c38,0 20px 48px #4fb7d829,0 0 0 1px #ffffffeb,inset 0 1px #fff}.accordion-card.active:after{opacity:0}.accordion-card img{will-change:transform, filter;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .7s,opacity .7s;display:block}.accordion-card:not(.active) img{object-fit:cover;width:100%;height:100%;transform:scale(1.08)}.accordion-card.active img{object-fit:cover;background:#fff;width:100%;height:100%;padding:0;transform:scale(1)}.accordion-card.active:before{background:0 0}.accordion-card.active:after{opacity:0;background:0 0}.accordion-card.active img{filter:none;opacity:1;object-fit:cover;padding:0;transform:scale(1)}.accordion-card:not(.active):hover img{filter:saturate(1.08)contrast(1.03)}.premium-gallery-controls{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fffffff0,#f1f8ffc2);border:1px solid #fffffff5;border-radius:999px;justify-content:center;align-items:center;gap:22px;width:fit-content;margin:44px auto 0;padding:14px 18px;display:flex;position:relative;box-shadow:0 24px 60px #2b2a4c1f,0 8px 22px #4fb7d814,inset 0 1px #fffffff5}.premium-gallery-btn{color:#111b50;cursor:pointer;background:radial-gradient(circle at 30% 25%,#fff 0%,#eef6ff 48%,#dcecff 100%);border:0;border-radius:50%;width:58px;height:58px;font-size:30px;font-weight:900;line-height:1;transition:transform .25s,box-shadow .25s,background .25s,color .25s;position:relative;box-shadow:0 14px 32px #111b5024,inset 0 1px #fffffff5}.premium-gallery-btn:before{content:"";border-radius:inherit;opacity:0;z-index:-1;filter:blur(11px);background:linear-gradient(135deg,#65d93133,#4fb7d842,#bfa7f238);transition:all .25s;position:absolute;inset:-6px}.premium-gallery-btn:hover{color:#fff;background:linear-gradient(135deg,#2f74ff 0%,#4fb7d8 100%);transform:translateY(-4px)scale(1.06);box-shadow:0 22px 44px #2f74ff47,inset 0 1px #ffffff6b}.premium-gallery-btn:hover:before{opacity:1}.premium-gallery-btn:active{transform:translateY(0)scale(.95)}.accordion-dots{z-index:3;justify-content:center;align-items:center;gap:13px;margin-top:0;display:flex;position:relative}.accordion-dots button{cursor:pointer;background:#d7e9fb;border:0;border-radius:999px;width:13px;height:13px;padding:0;transition:width .3s,background .3s,transform .3s,box-shadow .3s}.accordion-dots button.active{background:linear-gradient(135deg,#111b50 0%,#24317a 100%);width:42px;box-shadow:0 8px 18px #111b5038,0 0 0 4px #111b500d}.accordion-dots button:hover{background:#bfe1ff;transform:scale(1.18)}.cta-section{background:#f7fbff;padding:84px 24px}.cta-card{text-align:center;color:#fff;background:radial-gradient(circle at 15% 25%,#ffd84d59,#0000 28%),linear-gradient(135deg,#6bd53a 0%,#4fb7d8 100%);border-radius:42px;width:100%;max-width:100%;margin:0;padding:56px 32px;box-shadow:0 30px 80px #4fb7d838}.cta-card h2{margin:0 0 14px;font-size:clamp(32px,4vw,52px);font-weight:900;line-height:1.1}.cta-card p{color:#fffffff0;max-width:650px;margin:0 auto 28px;font-size:18px;font-weight:700;line-height:1.65}.miracle-footer{color:#2b2a4c;background:radial-gradient(circle at 12% 20%,#ffb84d2e,#0000 28%),linear-gradient(135deg,#fff 0%,#f7fbff 100%);border-top:1px solid #e2e8f0}.footer-container{grid-template-columns:1.1fr 1.3fr .6fr;align-items:flex-start;gap:48px;width:100%;padding:70px 72px 46px;display:grid}.footer-brand img{object-fit:contain;height:70px;margin-bottom:18px}.footer-brand p{color:#5d6473;max-width:470px;margin:0;font-size:17px;font-weight:700;line-height:1.8}.footer-info h3,.footer-menu h3{color:#2b2a4c;margin:0 0 20px;font-size:24px;font-weight:900}.footer-item{color:#5d6473;align-items:flex-start;gap:14px;margin-bottom:16px;font-size:16px;font-weight:800;line-height:1.65;display:flex}.footer-item span{color:#2fa60f;background:#eaffdf;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.footer-item p{margin:0}.footer-item a{color:#5d6473;transition:all .25s}.footer-item a:hover{color:#2fa60f}.footer-menu{flex-direction:column;align-items:flex-start;display:flex}.footer-menu a{color:#5d6473;margin-bottom:12px;font-size:16px;font-weight:900;transition:all .25s}.footer-menu a:hover{color:#2fa60f;transform:translate(4px)}.footer-bottom{color:#fff;text-align:center;background:#2fa60f;padding:22px 72px;font-size:15px;font-weight:900}.wa-floating{z-index:1000;color:#000;background:linear-gradient(135deg,#25d366 0%,#48ff00 100%);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:178px;height:62px;padding:0 22px;font-size:17px;font-weight:900;transition:transform .25s,box-shadow .25s,background .25s;animation:3s ease-in-out infinite waFloat;display:inline-flex;position:fixed;bottom:28px;right:28px;box-shadow:0 20px 45px #25d3665c,0 8px 18px #0f172a1f}.wa-floating:before{content:"";border-radius:inherit;z-index:-1;background:#25d36638;animation:2.2s ease-in-out infinite waPulse;position:absolute;inset:-8px}.wa-floating:hover{background:linear-gradient(135deg,#2ee875 0%,#0fb653 100%);transform:translateY(-6px)scale(1.04);box-shadow:0 26px 58px #25d36675,0 10px 22px #0f172a24}.wa-floating-icon{color:#25d366;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:inline-flex}.wa-floating-text{line-height:1}@keyframes waFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes waPulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.12;transform:scale(1.08)}}@media (width<=1100px){html,body,.miracle-page{width:100%;overflow-x:hidden}.miracle-nav-container,.hero-container,.section-container,.accordion-gallery,.footer-container{padding-left:32px;padding-right:32px}.miracle-menu{gap:18px}.miracle-menu a{font-size:14px}.hero-section{min-height:auto;padding:130px 0 120px}.hero-container{grid-template-columns:1.1fr .9fr;gap:34px}.hero-content h1{font-size:56px}.hero-content p{font-size:21px}.hero-badge,.section-badge{font-size:22px}.hero-points{gap:14px;margin-top:64px}.hero-points strong{font-size:24px}.hero-points span{font-size:17px}.hero-kangaroo{width:min(420px,92%);right:10px}.program-grid{grid-template-columns:repeat(2,1fr)}.about-extra-grid{grid-template-columns:repeat(3,1fr)}.method-section{min-height:auto}.method-grid{grid-template-columns:1fr}.method-right{gap:36px}.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{background:#f7fbff}.miracle-page{width:100%;max-width:100%;overflow-x:hidden}.section-container,.hero-container,.accordion-gallery,.footer-container{box-sizing:border-box;width:100%;max-width:100%;padding-left:18px;padding-right:18px}.miracle-navbar{z-index:999;background:#fffffff5;position:sticky;top:0}.miracle-nav-container{grid-template-columns:1fr auto;align-items:center;gap:10px;height:auto;min-height:68px;padding:12px 16px;display:grid}.miracle-logo-box{min-width:0}.miracle-logo{max-width:170px;height:42px}.nav-cta{white-space:nowrap;border-radius:999px;width:auto;min-width:0;padding:10px 14px;font-size:12px}.miracle-menu{scrollbar-width:none;grid-column:1/-1;justify-content:flex-start;gap:8px;width:100%;margin-top:4px;padding:4px 0 2px;display:flex;overflow-x:auto}.miracle-menu::-webkit-scrollbar{display:none}.miracle-menu a{color:#2b2a4c;white-space:nowrap;background:#f1f8ff;border-radius:999px;flex:none;padding:8px 11px;font-size:12px;font-weight:900;line-height:1}.miracle-menu a:after{display:none}.hero-section{min-height:auto;padding:34px 0 64px;overflow:hidden}.hero-bg-shape{display:none}.hero-container{grid-template-columns:1fr;align-items:center;gap:28px;display:grid}.hero-content{text-align:center;padding-top:0}.hero-badge,.section-badge{border-radius:999px;padding:7px 13px;font-size:13px;line-height:1}.hero-content h1{letter-spacing:-.9px;margin:20px 0 12px;font-size:clamp(34px,10vw,46px);line-height:1.06}.hero-content p{max-width:100%;margin:14px auto 0;font-size:15px;line-height:1.65}.hero-actions{grid-template-columns:1fr;gap:10px;margin-top:24px;display:grid}.primary-btn,.secondary-btn{width:100%;min-height:46px;padding:0 18px;font-size:14px}.hero-points{grid-template-columns:1fr;gap:10px;margin-top:26px}.hero-points div{border-radius:20px;padding:15px 16px}.hero-points strong{margin-bottom:4px;font-size:18px}.hero-points span{font-size:13px;line-height:1.45}.hero-visual{justify-content:center;align-items:center;width:100%;min-height:285px;display:flex}.hero-illustration,.kid-circle,.floating-item,.main-card,.small-card{display:none}.hero-kangaroo{object-fit:contain;width:min(82vw,310px);max-height:310px;margin:0 auto;display:block;position:relative;bottom:auto;right:auto}.wave-bottom{height:110px;bottom:-58px}.section-heading{text-align:center;max-width:100%;margin:0 auto 28px;padding:0}.section-heading h2,.about-content h2,.method-content h2{letter-spacing:-.5px;margin:12px 0;font-size:clamp(28px,8vw,36px);line-height:1.18}.section-heading p,.about-content p,.method-content p{font-size:14px;line-height:1.7}.about-section{padding:62px 0 70px}.about-grid{grid-template-columns:1fr;align-items:center;gap:24px;display:grid}.about-content{text-align:center}.about-image{order:2;min-height:auto}.about-mascot-card{width:100%;min-height:250px}.about-mascot-card:before{width:78%;height:78%}.about-mascot-card:after{width:230px;height:230px}.about-kangaroo-img{width:min(70vw,250px)}.about-list{grid-template-columns:1fr;gap:10px;margin-top:20px}.about-list div{border-radius:17px;padding:13px 14px;font-size:13px}.about-extra-grid{grid-template-columns:1fr;gap:14px;margin-top:24px;display:grid}.about-extra-card{border-radius:24px;min-height:auto;padding:22px}.about-extra-icon{border-radius:18px;width:56px;height:56px;margin-bottom:14px;font-size:28px}.about-extra-card h3{font-size:20px}.about-extra-card p{font-size:14px;line-height:1.65}.about-highlight{text-align:center;border-radius:26px;grid-template-columns:1fr;gap:16px;margin-top:18px;padding:24px 18px}.about-highlight h2{margin-top:12px;font-size:28px}.about-highlight p{font-size:15px;line-height:1.7}.program-section{padding:68px 0 78px}.program-grid{grid-template-columns:1fr;gap:14px;display:grid}.program-card{border-radius:24px;padding:24px 20px}.program-card h3{font-size:21px}.program-card span{margin-bottom:10px;font-size:12px}.program-card p{min-height:auto;margin-bottom:14px;font-size:14px;line-height:1.65}.program-card a{font-size:14px}.method-section{min-height:auto;padding:84px 0 88px}.method-section:before{height:92px;top:-46px}.method-section:after{height:142px;bottom:-76px}.method-grid{grid-template-columns:1fr;gap:28px;display:grid}.method-content{text-align:center}.method-content .section-badge{font-size:13px}.method-content h2{font-size:clamp(30px,8.4vw,40px)}.method-content p{font-size:15px;line-height:1.7}.method-box{border-radius:24px;margin-top:26px;padding:20px}.method-box h4{font-size:18px}.method-tags{justify-content:center;gap:8px}.method-tags span{padding:9px 12px;font-size:12px}.method-stats{grid-template-columns:1fr;gap:10px;margin-top:18px}.method-stats div{border-radius:20px;min-height:auto;padding:16px}.method-stats strong{font-size:26px}.method-stats span{font-size:14px}.method-right{gap:20px}.activity-panel{border-radius:26px;padding:22px}.activity-header{gap:12px;margin-bottom:18px}.activity-header span{font-size:13px}.activity-header h3{font-size:24px}.activity-header-icon{border-radius:18px;width:52px;height:52px;font-size:26px}.activity-list{gap:10px}.activity-item{border-radius:17px;gap:12px;padding:13px 14px;font-size:14px}.activity-item span{width:25px;height:25px;font-size:13px}.method-flow{grid-template-columns:1fr;gap:12px}.method-flow-card{border-radius:22px;min-height:auto;padding:18px}.method-flow-card div{border-radius:14px;width:40px;height:40px;margin-bottom:12px;font-size:14px}.method-flow-card h4{font-size:17px}.method-flow-card p{font-size:13px}.method-decor{display:none}.blog-section{padding:68px 0 78px}.blog-grid{grid-template-columns:1fr;gap:16px;display:grid}.blog-card{border-radius:24px;padding:16px;box-shadow:6px 6px #a3335d29}.blog-image{border-radius:20px;height:145px;font-size:58px}.blog-card h3{font-size:18px}.blog-card p{font-size:13.5px}.gallery-section{padding:68px 0 78px}.gallery-section:before,.gallery-section:after{display:none}.gallery-heading{margin-bottom:28px;padding:0 18px}.gallery-heading .section-badge{font-size:13px}.gallery-heading h2{white-space:normal;font-size:clamp(28px,8vw,34px)}.gallery-heading p{font-size:14px;line-height:1.65}.accordion-gallery{scrollbar-width:none;justify-content:flex-start;gap:10px;width:100%;min-height:320px;padding:0 14px;overflow-x:auto}.accordion-gallery::-webkit-scrollbar{display:none}.accordion-card{border-radius:20px;flex:0 0 58px;height:320px}.accordion-card.active{border-radius:24px;flex:0 0 76vw;height:320px}.accordion-card.active img,.accordion-card:not(.active) img{object-fit:cover;padding:0}.premium-gallery-controls{gap:10px;margin-top:22px;padding:10px 12px}.premium-gallery-btn{width:44px;height:44px;font-size:23px}.accordion-dots{gap:7px}.accordion-dots button{width:9px;height:9px}.accordion-dots button.active{width:26px}.cta-section{padding:60px 18px}.cta-card{border-radius:28px;padding:34px 20px}.cta-card h2{font-size:30px}.cta-card p{font-size:14px;line-height:1.65}.footer-container{text-align:center;grid-template-columns:1fr;gap:28px;padding-top:46px;padding-bottom:34px;display:grid}.footer-brand img{height:58px}.footer-brand p{max-width:100%;font-size:14px}.footer-info h3,.footer-menu h3{font-size:20px}.footer-item{justify-content:center;font-size:14px}.footer-menu{align-items:center}.footer-bottom{padding:18px;font-size:12px}.wa-floating{width:54px;min-width:54px;height:54px;padding:0;bottom:16px;right:16px}.wa-floating-text{display:none}.wa-floating-icon{width:36px;height:36px}}@media (width<=420px){.miracle-nav-container{padding:10px 12px}.miracle-logo{max-width:150px;height:38px}.nav-cta{padding:9px 12px;font-size:11px}.miracle-menu{gap:6px}.miracle-menu a{padding:7px 9px;font-size:11px}.hero-section{padding-top:30px}.hero-content h1{font-size:34px}.hero-content p{font-size:14px}.hero-visual{min-height:255px}.hero-kangaroo{width:min(82vw,275px)}.about-extra-card,.program-card,.activity-panel,.blog-card,.cta-card{border-radius:22px}.accordion-card{flex:0 0 50px;height:290px}.accordion-card.active{flex:0 0 78vw;height:290px}}.gallery-stage{width:100%;position:relative}.gallery-stage .accordion-gallery{position:relative}.premium-gallery-controls,.accordion-dots{display:none!important}.gallery-side-btn{z-index:30;color:#111b50;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #e2e8f0f2;border-radius:999px;justify-content:center;align-items:center;width:58px;height:58px;font-size:38px;font-weight:900;line-height:1;transition:all .22s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 18px 44px #111b5029,inset 0 1px #fff}.gallery-side-btn-left{left:30px}.gallery-side-btn-right{right:30px}.gallery-side-btn:hover{color:#2fa60f;background:#fff;border-color:#38bdf866;transform:translateY(-50%)scale(1.06);box-shadow:0 24px 58px #111b5033,0 0 0 7px #38bdf814}.gallery-side-btn:active{transform:translateY(-50%)scale(.95)}@media (width<=900px){.gallery-side-btn{width:50px;height:50px;font-size:32px}.gallery-side-btn-left{left:16px}.gallery-side-btn-right{right:16px}}@media (width<=640px){.gallery-stage{position:relative}.gallery-stage .accordion-gallery{scrollbar-width:none;overflow:auto visible}.gallery-stage .accordion-gallery::-webkit-scrollbar{display:none}.gallery-side-btn{width:42px;height:42px;font-size:27px;box-shadow:0 12px 28px #111b502e,inset 0 1px #fff}.gallery-side-btn-left{left:8px}.gallery-side-btn-right{right:8px}.gallery-side-btn:hover,.gallery-side-btn:active{transform:translateY(-50%)}}.miracle-menu .candidate-portal-link{color:#fff;background:linear-gradient(135deg,#29264f 0%,#4f46a5 100%);border-radius:999px;padding:10px 18px;box-shadow:0 10px 24px #29264f2e}.miracle-menu .candidate-portal-link:after{display:none}.miracle-menu .candidate-portal-link:hover{color:#fff;transform:translateY(-2px)}@media (width<=768px){.miracle-menu .candidate-portal-link{color:#fff;background:linear-gradient(135deg,#29264f 0%,#4f46a5 100%)}}html,body{color:#29264f;background:#f8fbff;width:100%;min-height:100%;margin:0;font-family:Nunito,sans-serif;overflow-x:hidden}button,input,select,textarea{font-family:inherit}.attendance-page{color:#29264f;background:radial-gradient(circle at 10% 8%,#ff2f921a,#0000 28%),radial-gradient(circle at 88% 10%,#38bdf824,#0000 30%),radial-gradient(circle at 74% 92%,#8b5cf61c,#0000 30%),linear-gradient(135deg,#fff7fb 0%,#f1fff0 45%,#eef8ff 100%);min-height:100vh;padding:110px 56px 70px}.login-page{justify-content:center;align-items:center;display:flex}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #ffffffe6;border-radius:34px;width:min(100%,500px);padding:34px;box-shadow:0 24px 60px #29264f1a,inset 0 1px #fffffff5}.login-card h1{color:#29264f;margin:16px 0 10px;font-size:38px;font-weight:900;line-height:1.1}.login-card p{color:#4b5563;margin:0 0 22px;font-size:16px;font-weight:800;line-height:1.65}.login-form{gap:16px;display:grid}.sync-profile-box{background:radial-gradient(circle at 12% 20%,#38bdf81a,#0000 34%),#f8fbff;border:1px solid #e2e8f0;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:15px 17px;display:flex}.sync-profile-box strong{color:#29264f;font-size:15px;font-weight:900;display:block}.sync-profile-box span{color:#64748b;margin-top:4px;font-size:13px;font-weight:800;display:block}.sync-profile-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;flex-shrink:0;min-width:150px;height:44px;padding:0 18px;font-size:13px;font-weight:900;transition:all .25s;box-shadow:0 14px 30px #38bdf82e}.sync-profile-btn:hover{transform:translateY(-2px)}.sync-profile-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.attendance-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:34px;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1120px;margin:0 auto 24px;padding:30px 34px;display:flex;box-shadow:0 24px 60px #29264f14,inset 0 1px #fffffff2}.attendance-badge{color:#2fa60f;background:#6bdc3b29;border-radius:999px;width:fit-content;padding:8px 16px;font-size:16px;font-weight:900;line-height:1;display:inline-flex}.attendance-hero h1{color:#29264f;letter-spacing:-.8px;margin:16px 0 10px;font-size:clamp(34px,4.6vw,56px);font-weight:900;line-height:1.05}.attendance-hero p{color:#4b5563;max-width:740px;margin:0;font-size:18px;font-weight:800;line-height:1.65}.logout-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:999px;flex-shrink:0;padding:13px 20px;font-size:14px;font-weight:900;transition:all .25s;box-shadow:0 14px 30px #b91c1c14}.logout-btn:hover{background:#fecaca;transform:translateY(-2px)}.attendance-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;max-width:1120px;margin:0 auto;display:grid}.attendance-card,.attendance-info-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #ffffffeb;border-radius:34px;box-shadow:0 24px 60px #29264f17,inset 0 1px #fffffff5}.attendance-card{padding:26px}.attendance-info-card{padding:26px;position:sticky;top:90px}.attendance-card-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.attendance-card-header span{color:#2fa60f;font-size:14px;font-weight:900}.attendance-card-header h2{color:#29264f;margin:6px 0 0;font-size:30px;font-weight:900;line-height:1.1}.attendance-phase-toggle{background:#f2f7ff;border-radius:999px;gap:8px;padding:7px;display:flex;box-shadow:inset 0 1px #fffffff2}.attendance-phase-toggle button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:900;transition:all .25s}.attendance-phase-toggle button.active{color:#fff;background:linear-gradient(135deg,#ff2f92,#ff9f1c);box-shadow:0 12px 26px #ff2f9233}.attendance-message{border-radius:18px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:900;line-height:1.35}.attendance-message.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.attendance-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.attendance-form{gap:18px;display:grid}.form-group{gap:8px;display:grid}.form-group label,.location-box label{color:#29264f;font-size:14px;font-weight:900}.form-group input,.form-group select,.form-group textarea{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:20px;outline:none;width:100%;font-family:inherit;font-size:15px;font-weight:800;transition:all .25s}.form-group input,.form-group select{height:52px;padding:0 16px}.form-group textarea{resize:vertical;min-height:105px;padding:15px 16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf821}.student-preview{background:radial-gradient(circle at 12% 20%,#ffd93d29,#0000 28%),linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e8eef7;border-radius:24px;align-items:center;gap:14px;padding:16px;display:flex}.student-avatar{color:#fff;background:linear-gradient(135deg,#ff2f92,#8b5cf6);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:25px;font-weight:900;display:flex;overflow:hidden}.student-avatar img{object-fit:cover;width:100%;height:100%}.student-preview h3{color:#29264f;margin:0 0 4px;font-size:20px;font-weight:900}.student-preview p{color:#64748b;margin:0;font-size:14px;font-weight:800}.location-box{background:#f8fbff;border:1px solid #e2e8f0;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.location-box.success{background:radial-gradient(circle at 15% 20%,#6bdc3b1f,#0000 32%),#f8fff8;border-color:#22c55e47}.location-box.error{background:radial-gradient(circle at 15% 20%,#ef44441a,#0000 32%),#fff7f7;border-color:#ef444452}.location-box p{color:#4b5563;margin:6px 0 4px;font-size:15px;font-weight:800}.location-box small{color:#64748b;font-size:12px;font-weight:800}.location-btn,.location-refresh-btn{color:#fff;cursor:pointer;border:0;border-radius:999px;min-width:140px;height:48px;font-size:14px;font-weight:900;transition:all .25s}.location-btn{background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 16px 34px #38bdf833}.location-refresh-btn{color:#29264f;background:#fff;box-shadow:0 12px 26px #29264f14,inset 0 1px #fffffff2}.location-btn:hover,.location-refresh-btn:hover{transform:translateY(-2px)}.photo-upload-box{text-align:center;cursor:pointer;background:radial-gradient(circle at 18% 28%,#6bdc3b1f,#0000 30%),#f8fbff;border:2px dashed #38bdf875;border-radius:24px;justify-content:center;align-items:center;min-height:110px;display:flex;position:relative;overflow:hidden}.photo-upload-box input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-upload-box strong{color:#29264f;font-size:17px;font-weight:900;display:block}.photo-upload-box span{color:#64748b;margin-top:4px;font-size:13px;font-weight:800;display:block}.photo-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.photo-action-box{text-align:center;cursor:pointer;background:radial-gradient(circle at 18% 28%,#6bdc3b1f,#0000 30%),#f8fbff;border:2px dashed #38bdf86b;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:118px;transition:all .25s;display:flex;position:relative;overflow:hidden}.photo-action-box:hover{border-color:#ff2f925c;transform:translateY(-2px);box-shadow:0 18px 38px #29264f14}.photo-action-box input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-action-box strong{color:#29264f;font-size:17px;font-weight:900}.photo-action-box span{color:#64748b;font-size:13px;font-weight:800}.photo-action-box.camera{background:radial-gradient(circle at 20% 20%,#ff2f921a,#0000 34%),linear-gradient(135deg,#fff,#f8fbff)}.photo-action-box.upload{background:radial-gradient(circle at 20% 20%,#6bdc3b1f,#0000 34%),linear-gradient(135deg,#fff,#f8fbff)}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px;display:grid}.photo-preview{background:#f1f5f9;border-radius:20px;height:120px;position:relative;overflow:hidden;box-shadow:0 14px 30px #29264f17}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-preview span{color:#29264f;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-weight:900;display:flex;position:absolute;top:8px;right:8px}.remove-photo-btn{color:#fff;cursor:pointer;background:#ef4444eb;border:0;border-radius:50%;width:28px;height:28px;font-size:18px;font-weight:900;line-height:1;position:absolute;top:8px;left:8px;box-shadow:0 8px 20px #ef444433}.clear-photo-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:18px;min-height:50px;font-size:14px;font-weight:900}.submit-attendance-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6bdc3b,#38bdf8);border:0;border-radius:999px;height:56px;font-size:16px;font-weight:900;transition:all .25s;box-shadow:0 18px 40px #38bdf83d}.submit-attendance-btn:hover{transform:translateY(-2px);box-shadow:0 24px 52px #6bdc3b42}.submit-attendance-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.info-icon{background:#6bdc3b29;border-radius:24px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:18px;font-size:30px;display:flex}.attendance-info-card h3{color:#29264f;margin:0 0 10px;font-size:24px;font-weight:900;line-height:1.15}.attendance-info-card p{color:#4b5563;margin:0 0 20px;font-size:15px;font-weight:800;line-height:1.65}.info-list{gap:12px;display:grid}.info-list div{background:#f8fbff;border-radius:17px;align-items:center;gap:11px;padding:13px;display:flex}.info-list strong{color:#fff;background:linear-gradient(135deg,#ff2f92,#ff9f1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex}.info-list span{color:#29264f;font-size:14px;font-weight:900}@media (width<=900px){.attendance-page{padding:94px 18px 56px}.attendance-hero{border-radius:30px;flex-direction:column;padding:26px}.logout-btn{width:100%}.attendance-shell{grid-template-columns:1fr;gap:16px}.attendance-info-card{order:-1;position:static;top:auto}.attendance-card-header{flex-direction:column}.attendance-phase-toggle{width:100%}.attendance-phase-toggle button{flex:1}}@media (width<=640px){html,body{overflow-x:hidden}.attendance-page{background:radial-gradient(circle at 12% 8%,#ff2f921a,#0000 30%),radial-gradient(circle at 88% 10%,#38bdf826,#0000 32%),linear-gradient(135deg,#fff7fb 0%,#f1fff0 48%,#eef8ff 100%);min-height:100dvh;padding:12px}.login-page{align-items:center;padding:12px}.login-card{border-radius:26px;width:100%;padding:22px}.login-card h1{margin:12px 0 8px;font-size:30px}.login-card p{margin-bottom:18px;font-size:14px;line-height:1.55}.login-form{gap:13px}.form-group input{border-radius:16px;height:46px;font-size:13px}.attendance-hero{border-radius:24px;gap:10px;margin:0 auto 10px;padding:14px}.attendance-badge{padding:6px 11px;font-size:11px}.attendance-hero h1{letter-spacing:-.4px;margin:8px 0 5px;font-size:24px;line-height:1.08}.attendance-hero p{font-size:12px;line-height:1.45}.logout-btn{height:38px;box-shadow:none;padding:0 14px;font-size:11px}.sync-profile-box{border-radius:18px;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:10px;padding:11px}.sync-profile-box strong{font-size:13px}.sync-profile-box span{font-size:11px}.sync-profile-btn{width:100%;min-width:0;height:38px;font-size:11px}.attendance-shell{gap:10px;width:100%}.attendance-card,.attendance-info-card{border-radius:24px;padding:14px;box-shadow:0 16px 38px #29264f14,inset 0 1px #fffffff5}.info-icon{border-radius:16px;width:46px;height:46px;margin-bottom:8px;font-size:22px}.attendance-info-card h3{margin-bottom:6px;font-size:18px}.attendance-info-card p{margin-bottom:10px;font-size:12px;line-height:1.45}.info-list{gap:7px}.info-list div{border-radius:13px;gap:8px;padding:8px 9px}.info-list strong{width:24px;height:24px;font-size:12px}.info-list span{font-size:11px}.attendance-card-header{gap:10px;margin-bottom:12px}.attendance-card-header span{font-size:11px}.attendance-card-header h2{margin-top:4px;font-size:20px;line-height:1.1}.attendance-phase-toggle{gap:5px;padding:5px}.attendance-phase-toggle button{height:34px;padding:0 8px;font-size:10.5px}.attendance-message{border-radius:14px;margin-bottom:10px;padding:10px 11px;font-size:11.5px}.attendance-form{gap:11px}.student-filter-grid{grid-template-columns:1fr;gap:11px}.form-group{gap:6px}.form-group label,.location-box label{font-size:11.5px}.form-group input,.form-group select{border-radius:15px;height:42px;padding:0 12px;font-size:12px}.form-group textarea{border-radius:15px;min-height:76px;padding:11px 12px;font-size:12px}.student-preview{border-radius:18px;align-items:center;gap:10px;padding:10px}.student-avatar{border-radius:15px;width:46px;height:46px;font-size:20px}.student-preview h3{font-size:15px}.student-preview p{font-size:11px}.location-box{border-radius:18px;flex-direction:column;align-items:stretch;gap:9px;padding:11px}.location-box p{margin:4px 0 2px;font-size:12px;line-height:1.35}.location-box small{font-size:10px;line-height:1.35}.location-btn,.location-refresh-btn{width:100%;min-width:0;height:38px;font-size:11px}.photo-upload-box{border-radius:18px;min-height:86px}.photo-upload-box strong{font-size:13px}.photo-upload-box span{font-size:11px}.photo-action-grid{grid-template-columns:1fr 1fr;gap:8px}.photo-action-box{border-radius:18px;gap:4px;min-height:82px}.photo-action-box strong{font-size:12px}.photo-action-box span{font-size:10px}.photo-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-preview{border-radius:15px;height:88px}.photo-preview span{width:22px;height:22px;font-size:11px;top:6px;right:6px}.remove-photo-btn{width:23px;height:23px;font-size:15px;top:6px;left:6px}.clear-photo-btn{border-radius:15px;min-height:38px;font-size:11px}.submit-attendance-btn{height:44px;font-size:13px;box-shadow:0 14px 30px #38bdf833}}@media (width<=380px){.attendance-page{padding:8px}.attendance-hero,.attendance-card,.attendance-info-card{border-radius:20px}.attendance-card,.attendance-info-card{padding:11px}.attendance-hero h1{font-size:22px}.attendance-hero p{font-size:11.5px}.attendance-card-header h2{font-size:18px}.attendance-phase-toggle button{font-size:10px}.photo-action-grid{gap:7px}.photo-action-box{min-height:76px}.photo-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-preview{height:92px}}.student-filter-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:end;gap:14px;display:grid}.class-scope-note{color:#075985;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;margin-top:10px;padding:10px 12px;font-size:12px;font-weight:800}.attendance-today-table th:nth-child(8),.attendance-today-table td:nth-child(8),.attendance-today-table th:nth-child(9),.attendance-today-table td:nth-child(9){width:88px!important}@media (width<=1280px){.attendance-premium-layout{grid-template-columns:220px minmax(0,1fr)!important}}@media (width<=980px){.attendance-premium-layout,.attendance-premium-layout.resume-hidden{grid-template-columns:1fr!important}.attendance-resume-toggle{width:fit-content;margin-bottom:8px;position:static}.attendance-resume-sidebar{max-height:none!important}.attendance-main-summary-list{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-class-resume-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.attendance-table-wrap{max-height:calc(100vh - 330px)!important}.attendance-pagination-footer{flex-direction:column;align-items:stretch}.attendance-pagination-footer>div{flex-wrap:wrap;justify-content:center}}@media (width<=760px){.monitoring-header,.attendance-table-panel-header{flex-direction:column}.monitoring-header button{width:100%}.attendance-main-summary-list{grid-template-columns:1fr 1fr}.attendance-sort-actions{justify-content:flex-start;width:100%}.attendance-sort-actions button,.attendance-pagination-control{flex:1}.attendance-pagination-control select{width:100%}.attendance-resume-sidebar,.attendance-table-panel{border-radius:26px}.photo-modal-backdrop{padding:12px}.photo-modal{border-radius:22px;width:100%;max-height:92vh}.photo-modal-header{padding:18px}.photo-modal-header h3{font-size:20px}.photo-modal-body{padding:16px}.photo-check-detail{grid-template-columns:1fr}.photo-check-detail div.wide{grid-column:auto}.photo-gallery-grid{grid-template-columns:1fr}.photo-gallery-card img{height:300px}}@media (width<=520px){.attendance-main-summary-list{grid-template-columns:1fr}.attendance-class-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1200px){.student-class-page{height:auto;min-height:calc(100vh - 70px);overflow:visible}.student-class-panel{height:calc(100vh - 330px);min-height:520px}.student-class-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-class-toolbar{flex-direction:column}.student-class-actions{justify-content:flex-start}}@media (width<=760px){.student-class-page{height:auto;overflow:visible}.student-class-header{flex-direction:column}.student-class-header h2{font-size:30px}.student-class-summary-grid{grid-template-columns:1fr}.student-class-panel{height:620px}.student-class-actions{flex-direction:column;width:100%}.student-class-actions input,.student-class-actions select,.save-class-btn{width:100%}}@media (width<=760px){.sidebar-logout-btn{display:none}.dashboard-main-compact{padding:18px 14px 108px}.dashboard-content-full{min-height:calc(100vh - 126px)}.dashboard-layout,.dashboard-layout.closed{grid-template-columns:1fr}.dashboard-sidebar{border-radius:28px;flex-direction:row;height:auto;max-height:76px;padding:10px;position:fixed;inset:auto 16px 16px}.dashboard-brand,.dashboard-user,.dashboard-toggle{display:none}.dashboard-menu{gap:8px;width:100%;display:flex;overflow-x:auto}.dashboard-menu-item{justify-content:center;width:54px;min-width:54px;height:54px;padding:0}.dashboard-menu-item span:not(.menu-icon){display:none}.dashboard-main{padding:18px 14px 108px}.dashboard-header{border-radius:30px;flex-direction:column;padding:26px 22px}.dashboard-profile{justify-content:space-between;width:100%}.dashboard-content{border-radius:30px;padding:18px}}@media (width<=760px){.dashboard-sidebar{background:#ffffffe6;border-radius:28px;flex-direction:row;height:auto;max-height:76px;padding:10px;position:fixed;inset:auto 16px 16px;box-shadow:0 22px 60px #29264f29}.dashboard-brand,.dashboard-user,.dashboard-toggle,.sidebar-logout-btn{display:none}.dashboard-menu{gap:8px;width:100%;padding:0;display:flex;overflow-x:auto}.dashboard-menu-group{display:flex}.dashboard-menu-item,.dashboard-submenu-item{border-radius:20px;justify-content:center;width:54px;min-width:54px;height:54px;min-height:54px;padding:0}.dashboard-menu-item span:not(.menu-icon),.dashboard-submenu-item span:not(:first-child),.menu-chevron,.dashboard-submenu{display:none}}.spv2-table-wrap::-webkit-scrollbar{width:6px;height:6px}.spv2-sync-modal::-webkit-scrollbar{width:6px;height:6px}.spv2-info-grid::-webkit-scrollbar{width:6px;height:6px}.spv2-photo-modal-body::-webkit-scrollbar{width:6px;height:6px}.spv2-table-wrap::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.spv2-sync-modal::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.spv2-info-grid::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.spv2-photo-modal-body::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.spv2-table th:nth-child(4),.spv2-table td:nth-child(4),.spv2-table th:nth-child(5),.spv2-table td:nth-child(5),.spv2-table th:nth-child(6),.spv2-table td:nth-child(6){width:95px}@keyframes spv2SyncOrbit{to{transform:rotate(360deg)}}@media (width<=1100px){.spv2-page{height:auto;min-height:calc(100vh - 58px);overflow:visible}.spv2-panel{height:640px}.spv2-summary-grid{grid-template-columns:1fr}.spv2-toolbar{flex-direction:column}.spv2-actions{justify-content:flex-start;width:100%}}@media (width<=760px){.spv2-page{height:auto;margin-top:0;padding-bottom:18px;overflow:visible}.spv2-header{flex-direction:column}.spv2-header-actions,.spv2-header-actions button,.spv2-actions,.spv2-actions input,.spv2-actions select,.spv2-actions button{width:100%}.spv2-header-actions{flex-direction:column;align-items:stretch}.spv2-panel{height:620px}.spv2-modal-backdrop{align-items:flex-start;padding:12px}.spv2-photo-modal,.spv2-parent-modal,.spv2-sync-modal{border-radius:22px;max-height:calc(100vh - 24px)}.spv2-modal-header{padding:16px}.spv2-modal-header h3{font-size:20px}.spv2-photo-modal-body{grid-template-columns:1fr;padding:14px}.spv2-photo-frame,.spv2-photo-frame img{min-height:280px}.spv2-info-grid,.spv2-info-grid.parent,.spv2-sync-form,.spv2-sync-result-grid,.spv2-doc-grid{grid-template-columns:1fr}.spv2-sync-form,.spv2-info-grid.parent{padding:14px}.spv2-sync-warning,.spv2-sync-loading,.spv2-sync-error,.spv2-sync-result,.spv2-doc-section.parent-docs{margin-left:14px;margin-right:14px}.spv2-doc-card{min-height:128px}.spv2-doc-preview{height:96px}.spv2-modal-actions{flex-direction:column;padding:14px}.spv2-modal-actions button{width:100%}}@media (width<=980px){.spv2-quick-edit-grid{grid-template-columns:1fr}.spv2-quick-edit-grid button{width:100%}}@media (width<=720px){.spv2-upload-modal{border-radius:22px;width:calc(100vw - 20px)}.spv2-upload-form{padding:16px}.spv2-photo-upload-btn{min-height:38px;font-size:11px;bottom:10px;left:10px;right:10px}.spv2-doc-upload-btn{min-height:32px;font-size:10.5px}.spv2-quick-edit-card{grid-column:1/-1}}@media (width<=720px){.spv2-upload-form input[type=file]{min-height:50px;font-size:12px}.spv2-upload-form input[type=file]::file-selector-button{min-height:32px;padding:0 12px;font-size:11px}.spv2-upload-form input[type=file]::-webkit-file-upload-button{min-height:32px;padding:0 12px;font-size:11px}.spv2-upload-modal .spv2-modal-actions{flex-direction:column-reverse;padding:0 16px 16px}.spv2-upload-modal .spv2-modal-actions button{width:100%}}@media (width<=720px){.spv2-panel{min-height:calc(100vh - 220px)}.spv2-table-wrap{min-height:320px}.spv2-pagination-bar{flex-direction:column;align-items:stretch;padding:12px}.spv2-pagination-info{justify-content:space-between}.spv2-pagination-controls{flex-wrap:wrap}.spv2-pagination-controls label{justify-content:space-between;width:100%}.spv2-pagination-controls select{width:120px}.spv2-pagination-controls button{flex:1;padding:0 8px}}.class-management-table th:nth-child(4),.class-management-table td:nth-child(4),.class-management-table th:nth-child(5),.class-management-table td:nth-child(5){width:150px}@media (width<=1200px){.class-management-page{height:auto;min-height:calc(100vh - 70px);overflow:visible}.class-management-panel{height:calc(100vh - 330px);min-height:560px}.class-management-summary-grid{grid-template-columns:1fr}.class-management-grid{grid-template-columns:1fr;overflow:auto}.class-management-form{max-height:none}}@media (width<=760px){.class-management-page{height:auto;overflow:visible}.class-management-header{flex-direction:column}.class-management-header h2{font-size:30px}.class-management-tabs{flex-direction:column;align-items:stretch}.class-management-tabs button,.class-management-tabs select{width:100%;margin-left:0}.class-management-panel{height:720px}.class-management-grid{padding:14px}.class-management-form-row{grid-template-columns:1fr}.class-management-form-actions{flex-direction:column}.class-management-form-actions button{width:100%}}.permission-bulk-page-list::-webkit-scrollbar{width:5px;height:5px}.permission-bulk-user-list::-webkit-scrollbar{width:5px;height:5px}.permission-bulk-page-list::-webkit-scrollbar-thumb{background:#29264f33;border-radius:999px}.permission-bulk-user-list::-webkit-scrollbar-thumb{background:#29264f33;border-radius:999px}@media (width<=1200px){.permission-layout{grid-template-columns:1fr}.permission-table-wrap{max-height:560px}.permission-bulk-grid{grid-template-columns:1fr}.permission-bulk-section.permission-target{grid-column:auto}}@media (width<=820px){.permission-header,.permission-table-header,.permission-bulk-head{flex-direction:column;align-items:stretch}.permission-table-header input{max-width:100%}.permission-tab-switcher{width:100%}.permission-tab-switcher button{flex:1}.permission-bulk-page-list,.permission-bulk-user-list{grid-template-columns:1fr}.permission-bulk-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-bulk-save-btn,.save-permission-btn{width:100%}}@media (width<=520px){.permission-summary,.permission-bulk-check-grid{grid-template-columns:1fr}.permission-table{min-width:760px}}@media (width<=640px){.dashboard-login-card{border-radius:30px;padding:30px 22px}.dashboard-login-card h1{font-size:36px}}@media (width<=900px){.permission-bulk-danger-zone{flex-direction:column;align-items:flex-start}.permission-danger-main-btn{width:100%}.permission-bulk-action-row{grid-template-columns:1fr}}@media (width<=760px){.dashboard-toggle{display:none!important}}.registry-form::-webkit-scrollbar{width:7px;height:7px}.registry-group-list::-webkit-scrollbar{width:7px;height:7px}.registry-table-wrap::-webkit-scrollbar{width:7px;height:7px}.registry-form::-webkit-scrollbar-thumb{background:#38bdf873;border-radius:999px}.registry-group-list::-webkit-scrollbar-thumb{background:#38bdf873;border-radius:999px}.registry-table-wrap::-webkit-scrollbar-thumb{background:#38bdf873;border-radius:999px}.registry-form::-webkit-scrollbar-track{background:#f1f5f9b3}.registry-group-list::-webkit-scrollbar-track{background:#f1f5f9b3}.registry-table-wrap::-webkit-scrollbar-track{background:#f1f5f9b3}@media (width<=1180px){.page-registry-page{height:auto;min-height:calc(100vh - 82px);overflow:visible}.registry-grid{grid-template-columns:1fr;height:auto;overflow:visible}.registry-form,.registry-table-card,.registry-grouped-card{height:auto;max-height:none;overflow:visible}.registry-group-list{max-height:none;overflow:visible}:is(.dashboard-content-full:has(.page-registry-page),.dashboard-main-compact:has(.page-registry-page),.dashboard-content:has(.page-registry-page)){overflow:visible}}@media (width<=760px){.registry-header,.registry-table-header,.registry-page-group-header{flex-direction:column;align-items:stretch}.registry-header h2{font-size:26px}.registry-header button,.registry-table-header input{width:100%;max-width:100%}.registry-row{grid-template-columns:1fr}.registry-actions{flex-direction:column}.registry-actions button{width:100%}.registry-parent-actions{justify-content:flex-start}.registry-table{min-width:820px}}@media (width<=520px){.page-registry-page{gap:10px}.registry-form,.registry-table-card,.registry-grouped-card{border-radius:22px}.registry-group-list{padding:10px 10px 34px}}@media (width<=1400px){.employee-monitoring-page{padding:14px}.employee-monitoring-layout:has(.employee-monitoring-sidebar.show){grid-template-columns:220px minmax(0,1fr);gap:12px}.employee-monitoring-sidebar.show{width:220px;min-width:220px}.employee-monitoring-table{min-width:1240px}}@media (width<=1180px){.employee-monitoring-page{overflow-x:hidden}.employee-monitoring-hero{flex-direction:column;align-items:flex-start}:is(.employee-monitoring-layout,.employee-monitoring-layout:has(.employee-monitoring-sidebar.show)){grid-template-columns:1fr}.employee-monitoring-sidebar.show{grid-template-columns:repeat(4,1fr);width:100%;min-width:0}.employee-position-summary{grid-column:1/-1}.employee-monitoring-card-header{flex-direction:column;align-items:flex-start}.employee-monitoring-actions{justify-content:flex-start;width:100%}.employee-monitoring-actions input{flex:1;min-width:180px}.employee-monitoring-table{min-width:1180px}}@media (width<=720px){.employee-monitoring-page{padding:10px}.employee-monitoring-hero{border-radius:22px;padding:18px}.employee-monitoring-hero h2{font-size:25px}.employee-monitoring-hero button{width:100%}.employee-monitoring-sidebar.show{grid-template-columns:1fr 1fr}.employee-monitoring-card{border-radius:22px}.employee-monitoring-card-header{padding:14px}.employee-monitoring-card-header h3{font-size:20px}.employee-monitoring-actions{gap:8px}.employee-resume-toggle,.employee-monitoring-actions input{width:100%}.employee-monitoring-tabs{width:100%;overflow-x:auto}.employee-monitoring-tabs button{flex:1}.employee-monitoring-table{min-width:1120px}}@media (width<=760px){.employee-settings-page{padding:12px}.employee-settings-hero{border-radius:24px;flex-direction:column;align-items:flex-start;padding:22px}.employee-settings-hero h2{font-size:28px}.employee-settings-tabs{overflow-x:auto}.employee-settings-section-header{flex-direction:column;align-items:flex-start}}@media (width<=1100px){.employee-schedule-form{grid-template-columns:1fr 1fr}}@media (width<=680px){.employee-schedule-form{grid-template-columns:1fr}.employee-schedule-form-title{flex-direction:column;align-items:flex-start}}.sreg-table-wrap::-webkit-scrollbar{width:8px;height:8px}.sreg-table-wrap-compact::-webkit-scrollbar{width:8px;height:8px}.sreg-table textarea::-webkit-scrollbar{width:8px;height:8px}.sreg-table-compact textarea::-webkit-scrollbar{width:8px;height:8px}.sreg-table-wrap::-webkit-scrollbar-thumb{background:#35b8f080;border-radius:999px}.sreg-table-wrap-compact::-webkit-scrollbar-thumb{background:#35b8f080;border-radius:999px}.sreg-table textarea::-webkit-scrollbar-thumb{background:#35b8f080;border-radius:999px}.sreg-table-compact textarea::-webkit-scrollbar-thumb{background:#35b8f080;border-radius:999px}.sreg-table-wrap::-webkit-scrollbar-track{background:#f1f5f9cc}.sreg-table-wrap-compact::-webkit-scrollbar-track{background:#f1f5f9cc}.sreg-table textarea::-webkit-scrollbar-track{background:#f1f5f9cc}.sreg-table-compact textarea::-webkit-scrollbar-track{background:#f1f5f9cc}@media (width<=1366px){.sreg-page{height:calc(100vh - 52px);padding:10px}.sreg-header{min-height:60px;padding:10px 14px}.sreg-header h2{font-size:19px}.sreg-header p{font-size:9px}.sreg-summary-card{min-height:36px;padding:6px 10px}.sreg-summary-card strong{font-size:15px}.sreg-filter-card,.sreg-filter-compact{grid-template-columns:130px 165px minmax(0,1fr);padding:7px 9px}.sreg-panel-title h3,.sreg-panel-title-compact h3{font-size:15px}.sreg-table td,.sreg-table-compact td{padding:6px 8px}.sreg-table tbody tr,.sreg-table-compact tbody tr{height:64px}.sreg-option-row.mood{grid-template-columns:repeat(4,53px);gap:6px}.sreg-option-row.mood button{border-radius:12px;width:53px;height:42px}.sreg-option-row.mood button span{font-size:17px}.sreg-option-row.mood button small{font-size:6.8px}.sreg-option-row.mood button.active span{font-size:20px}.sreg-table textarea,.sreg-table-compact textarea{height:39px;min-height:39px}}@media (width<=980px){.sreg-page,.sreg-page-compact{height:auto;min-height:100vh;overflow:visible}.sreg-main-shell{flex-direction:column;height:auto;display:flex}.sreg-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sreg-tabs,.sreg-tabs-compact{flex-direction:column;align-items:stretch}.sreg-tab-left{width:100%}.sreg-tab-left button{flex:1}.sreg-save-all-top{width:100%!important;min-width:100%!important}.sreg-filter-card,.sreg-filter-compact{grid-template-columns:1fr}.sreg-panel-title,.sreg-panel-title-compact{flex-direction:column;align-items:flex-start;gap:6px}.sreg-panel-title p,.sreg-panel-title-compact p{text-align:left}.sreg-table-wrap,.sreg-table-wrap-compact{max-height:70vh}}@media (width<=760px){.sreg-page{padding:10px}.sreg-header{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px}.sreg-header h2{font-size:22px}.sreg-summary-row{grid-template-columns:1fr}.sreg-table,.sreg-table-compact{min-width:1120px}}@media (width<=1180px){.leave-rule-grid{grid-template-columns:1fr}.leave-rule-step{grid-template-columns:1fr 1fr}.leave-rule-step-number,.leave-rule-step-actions{grid-column:1/-1}}@media (width<=760px){.leave-rule-page{padding:11px}.leave-rule-header{flex-direction:column;min-height:auto;padding:19px}.leave-rule-header h2{font-size:24px}.leave-rule-form,.leave-rule-step{grid-template-columns:1fr}.leave-rule-list{max-height:none}}@media (width<=760px){.leave-rule-bulk-toolbar{grid-template-columns:1fr}.leave-rule-teacher-checklist{grid-template-columns:1fr;max-height:none}}.sreg-filter-compact input,.sreg-filter-compact select,.sreg-filter-compact button{border-radius:10px;height:32px;font-size:9px}@media (width<=1366px){.sreg-page-compact .sreg-header{min-height:64px;padding:11px 15px}.sreg-page-compact .sreg-header h2{font-size:20px}.sreg-page-compact .sreg-summary-card{min-height:38px;padding:6px 10px}.sreg-page-compact .sreg-summary-card strong{font-size:16px}.sreg-filter-compact{grid-template-columns:135px 170px minmax(0,1fr);padding:7px 9px}.sreg-panel-title-compact h3{font-size:15px}.sreg-table-compact td{padding:6px 8px}.sreg-table-compact tbody tr{height:56px}.sreg-table-compact .sreg-option-row button{min-width:50px;height:38px}.sreg-table-compact textarea{height:39px;min-height:39px}}@media (width<=980px){.sreg-page-compact{height:auto;overflow:visible}.sreg-page-compact .sreg-main-shell{height:auto}.sreg-page-compact .sreg-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sreg-filter-compact{grid-template-columns:1fr}.sreg-panel-title-compact{flex-direction:column;align-items:flex-start;gap:6px}.sreg-table-wrap-compact{max-height:70vh}}@media (width<=980px){.sreg-tabs-compact{flex-direction:column;align-items:stretch}.sreg-save-all-top{width:100%!important;min-width:100%!important}.sreg-tab-left{width:100%}.sreg-tab-left button{flex:1}}@media (width<=1100px){.my-leave-summary,.my-leave-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.my-leave-page{padding:12px}.my-leave-header{border-radius:20px;flex-direction:column}.my-leave-header button{width:100%}.my-leave-summary{grid-template-columns:1fr}.my-leave-tabs{flex-direction:column}.my-leave-tabs button{width:100%}.my-leave-form{grid-template-columns:1fr}.my-leave-actions{flex-direction:column-reverse}.my-leave-actions button{width:100%}.my-leave-pagination{flex-direction:column}.my-leave-file-name{max-width:100%}.my-leave-image-modal-backdrop{padding:14px}.my-leave-image-modal{border-radius:20px;width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.my-leave-image-modal-body{max-height:calc(100vh - 120px);padding:12px}.my-leave-image-modal-body img{max-height:calc(100vh - 155px)}}@media (width<=1100px){.leave-approval-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.leave-approval-page{padding:12px}.leave-approval-header{border-radius:18px;flex-direction:column}.leave-approval-header button{width:100%}.leave-approval-summary{grid-template-columns:1fr}.leave-approval-actions{flex-direction:row}.leave-approval-actions button{flex:1}.leave-approval-pagination{flex-direction:column}.leave-approval-modal-actions{flex-direction:column-reverse}.leave-approval-modal-actions button{width:100%}}@media (width<=1280px){.leave-monitoring-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.leave-monitoring-filter-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=1100px){.leave-monitoring-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-monitoring-card-title{flex-direction:column}.leave-monitoring-user{box-sizing:border-box;width:100%}}@media (width<=720px){.leave-monitoring-page{padding:12px}.leave-monitoring-header{border-radius:20px;flex-direction:column}.leave-monitoring-header button{width:100%}.leave-monitoring-summary,.leave-monitoring-filters{grid-template-columns:1fr}.leave-monitoring-filter-actions{flex-direction:column-reverse;align-items:stretch}.leave-monitoring-filter-actions button{width:100%}.leave-monitoring-pagination{flex-direction:column}.leave-monitoring-image-modal-backdrop{padding:14px}.leave-monitoring-image-modal{border-radius:20px;width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.leave-monitoring-image-modal-body{max-height:calc(100vh - 120px);padding:12px}.leave-monitoring-image-modal-body img{max-height:calc(100vh - 155px)}}@media (width<=1280px){.employee-attendance-monitoring-page{height:auto;max-height:none;overflow:visible}.employee-attendance-monitoring-summary.compact{grid-template-columns:repeat(5,1fr)}.employee-attendance-monitoring-card{min-height:600px}.employee-attendance-monitoring-table{min-width:1140px}}@media (width<=900px){.employee-attendance-monitoring-filters.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-attendance-monitoring-filters button{width:100%}.employee-attendance-monitoring-card-title.compact{flex-direction:column;align-items:stretch}.employee-attendance-monitoring-table-meta{justify-content:space-between}}@media (width<=720px){.employee-attendance-monitoring-page{gap:7px;padding:8px}.employee-attendance-monitoring-header{border-radius:16px;flex-direction:column;align-items:stretch;padding:12px}.employee-attendance-monitoring-header h2{font-size:19px}.employee-attendance-monitoring-header p{font-size:10px}.employee-attendance-monitoring-header button{width:100%}.employee-attendance-monitoring-summary.compact{grid-template-columns:repeat(2,1fr);gap:7px}.employee-attendance-monitoring-summary.compact>div{min-height:48px;padding:8px}.employee-attendance-monitoring-summary.compact strong{font-size:18px}.employee-attendance-monitoring-filters.compact{grid-template-columns:1fr}.employee-attendance-monitoring-table-meta{flex-direction:column;align-items:stretch}.employee-attendance-monitoring-table-meta select{width:100%}.employee-attendance-monitoring-pagination.compact{flex-wrap:wrap}.employee-attendance-monitoring-pagination span{text-align:center;order:-1;width:100%}.employee-attendance-monitoring-sanction-modal-body{grid-template-columns:1fr}}@media (width<=980px){.registration-token-hero{flex-direction:column}.registration-token-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-token-summary-card.total{grid-column:1/-1}.registration-token-toolbar{flex-direction:column}.registration-token-toolbar form,.registration-token-toolbar select{width:100%}}@media (width<=720px){.registration-token-page{gap:14px}.registration-token-hero{border-radius:22px;padding:18px}.registration-token-hero h1{font-size:31px}.registration-token-subtitle{font-size:13px}.registration-token-hero>button{width:100%}.registration-token-summary{gap:10px}.registration-token-summary-card{border-radius:18px;padding:14px}.registration-token-summary-card strong{font-size:24px}.registration-token-form-card,.registration-token-card{border-radius:20px}.registration-token-form-card{padding:16px}.registration-token-form-header{flex-direction:column}.registration-token-form-header button.ghost{width:100%}.registration-token-form-grid{grid-template-columns:1fr}.registration-token-form-actions{flex-direction:column-reverse}.registration-token-form-actions button{width:100%}.registration-token-toolbar{padding:14px}.registration-token-toolbar form{flex-direction:column}.registration-token-toolbar form button{width:100%}.registration-token-pagination{flex-direction:column;align-items:stretch}.registration-token-pagination div{width:100%}.registration-token-pagination button{flex:1}}@media (width<=460px){.registration-token-summary{grid-template-columns:1fr}.registration-token-summary-card.total{grid-column:auto}}.registration-token-table td,.registration-token-table td strong{font-size:12px;line-height:1.25}@media (width<=980px){.registration-token-hero{padding:16px}.registration-token-summary{grid-template-columns:repeat(5,minmax(120px,1fr));padding-bottom:2px;overflow-x:auto}.registration-token-summary-card{min-width:120px}.registration-token-summary-card.total{grid-column:auto}}@media (width<=720px){.registration-token-hero h1{font-size:27px}.registration-token-subtitle{font-size:12px}.registration-token-toolbar{padding:10px}.registration-token-toolbar form{flex-direction:column}.registration-token-toolbar form button,.registration-token-toolbar select{width:100%}.registration-token-table th,.registration-token-table td{padding:7px 10px}.registration-token-pagination{padding:10px}}@keyframes storageFloatOrb{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,22px)scale(1.04)}}@keyframes bubbleDrift{0%,to{opacity:.88;transform:translateY(0)translate(0)}50%{opacity:.58;transform:translateY(-14px)translate(10px)}}@keyframes storageWave{0%,to{transform:translate(0)translateY(0)rotate(0)}50%{transform:translate(-28px)translateY(-8px)rotate(1deg)}}@keyframes storageShimmer{0%,72%{transform:translate(-120%)rotate(12deg)}to{transform:translate(140%)rotate(12deg)}}@keyframes smallBubble{0%,to{opacity:.65;transform:translateY(0)scale(1)}50%{opacity:.95;transform:translateY(-12px)scale(1.06)}}@keyframes orbitFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.02)}}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes calloutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes infographicWave{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-35px)translateY(-10px)}}@keyframes barGrow{0%{width:0}}@media (width<=1280px){.info-stage{grid-template-columns:minmax(260px,1fr) 270px minmax(260px,1fr);gap:14px}.mini-bar-row{grid-template-columns:125px 1fr}}@media (width<=1100px){.storage-page{min-height:100vh;overflow-y:auto}.data-card{max-height:none}.storage-table-wrap,.file-tree{max-height:62vh}.info-stage{grid-template-columns:1fr;gap:14px;min-height:auto}.info-center{order:1;min-height:300px}.info-callouts.left{order:2}.info-callouts.right{order:3}.info-callouts{grid-template-columns:repeat(2,1fr)}.info-callout:before{display:none}.mini-chart-grid{grid-template-columns:1fr}.mini-bar-row{grid-template-columns:150px 1fr}}@media (width<=980px){.storage-summary-grid{grid-template-columns:repeat(2,1fr)}.storage-hero{flex-direction:column}.storage-hero button{width:100%}}@media (width<=640px){.storage-page{padding:10px}.storage-hero{border-radius:22px;padding:20px}.storage-hero h1{font-size:25px}.storage-summary-grid{grid-template-columns:1fr}.storage-tabs{border-radius:18px}.storage-card{border-radius:22px}.storage-card-head{padding:15px}.infographic-wrap{padding:14px}.info-center{min-height:285px}.info-orbit{width:225px;height:225px}.info-orbit:before{border-width:9px;inset:-17px}.info-orbit:after{border-width:6px;inset:-30px}.center-disc{inset:57px}.center-disc strong{font-size:18px}.orbit-segment{border-radius:16px;width:49px;height:49px;font-size:16px}.orbit-segment.red{top:37px;left:25px}.orbit-segment.blue{bottom:37px;left:25px}.orbit-segment.orange{bottom:10px;left:88px}.orbit-segment.teal{bottom:37px;right:25px}.orbit-segment.navy{top:37px;right:25px}.orbit-segment.purple{top:10px;right:88px}.info-callouts{grid-template-columns:1fr}.mini-bar-row{grid-template-columns:1fr;gap:4px}.tree-row{grid-template-columns:30px 30px 1fr}.tree-meta{text-align:left;grid-column:3}}@media (prefers-reduced-motion:reduce){.storage-page:before,.storage-page:after,.storage-hero:before,.storage-hero:after,.storage-summary-card:before,.storage-card:before,.infographic-wrap:before,.info-wave,.info-bubble,.info-orbit,.info-orbit:after,.info-callout,.mini-bar-fill{animation:none!important}}@keyframes paWave{0%,to{transform:translate(0)translateY(0)rotate(0)}50%{transform:translate(-28px)translateY(-8px)rotate(1deg)}}@keyframes paBubble{0%,to{opacity:.88;transform:translateY(0)translate(0)}50%{opacity:.58;transform:translateY(-14px)translate(10px)}}@media (width<=980px){html,body{overflow:auto}.parent-access-page{height:auto;min-height:100vh;overflow:visible}.pa-hero{flex-direction:column;height:auto}.pa-hero button{width:100%}.pa-summary-grid{grid-template-columns:repeat(2,1fr)}.pa-summary-card.wide{grid-column:span 2}.pa-card{height:auto;min-height:0}.pa-table-wrap{max-height:62vh}.pa-filter{grid-template-columns:1fr 1fr}}@media (width<=640px){.parent-access-page{padding:10px}.pa-hero{border-radius:22px;padding:20px}.pa-hero h1{font-size:25px}.pa-hero p{font-size:12px}.pa-summary-grid{grid-template-columns:1fr}.pa-summary-card{height:auto}.pa-summary-card.wide{grid-column:auto}.pa-card{border-radius:22px}.pa-card-head{padding:15px}.pa-card-head h2{font-size:21px}.pa-filter{grid-template-columns:1fr;padding:12px}.pa-filter button{width:100%}.pa-table-wrap{max-height:58vh;padding:0 10px}.pa-pagination{flex-direction:column;align-items:stretch}.pa-page-buttons{justify-content:center}}.mcd-review-list::-webkit-scrollbar{width:7px}.mcd-review-main::-webkit-scrollbar{width:7px}.mcd-review-list::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.mcd-review-main::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}@media print{.mcd-review-topbar,.mcd-review-filter-card,.mcd-review-sidebar{display:none!important}.mcd-review-page{background:#fff;padding:0}.mcd-review-layout{height:auto;min-height:0;display:block}.mcd-review-main{background:#fff;border:0;overflow:visible}.mcd-report-paper{max-width:none;box-shadow:none;border:0;border-radius:0;padding:14mm}}@media (width<=1200px){.mcd-review-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mcd-review-layout{grid-template-columns:270px minmax(0,1fr)}.mcd-report-header{grid-template-columns:1fr}.mcd-report-identity{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.mcd-review-layout{grid-template-columns:1fr;height:auto;min-height:0}.mcd-review-sidebar{max-height:350px}.mcd-review-main{overflow:visible}.mcd-report-paper{padding:16px}.mcd-pdf-columns,.mcd-report-photo-grid{grid-template-columns:1fr}.mcd-pdf-columns ul:first-child{border-bottom:1px solid #e2e8f0;border-right:0}}@media (width<=700px){.mcd-review-page{padding:8px}.mcd-review-topbar{flex-direction:column;align-items:stretch}.mcd-review-topbar-actions{justify-content:flex-start}.mcd-review-filter-grid,.mcd-report-identity{grid-template-columns:1fr}.mcd-report-identity div,.mcd-report-identity div:nth-child(3n),.mcd-report-identity div:nth-last-child(-n+3){border-bottom:1px solid #e2e8f0;border-right:0}.mcd-report-identity div:last-child{border-bottom:0}.mcd-report-group>h2{font-size:18px}.mcd-report-section>h3{font-size:15px}.mcd-pdf-box-title{font-size:14px}.mcd-pdf-columns ul,.mcd-pdf-box.evaluation p{font-size:13px}}@media (width<=760px){.mcd-review-student-main{padding-right:0}.mcd-review-card-edit{width:100%;margin-top:10px;position:static;transform:none}.mcd-review-card-edit:hover{transform:none}}@media (width<=1200px){.mcd-review-layout{grid-template-columns:340px minmax(0,1fr)!important}.mcd-review-sidebar{width:340px!important;min-width:340px!important}}@media (width<=860px){.mcd-review-layout{grid-template-columns:1fr!important}.mcd-review-sidebar{width:100%!important;min-width:0!important}.mcd-review-list{max-height:320px;overflow-y:auto}}@media (width<=1400px){.mcd-review-layout{grid-template-columns:520px minmax(0,1fr)!important}.mcd-review-sidebar{width:520px!important;min-width:520px!important;max-width:520px!important}.mcd-review-student-card{grid-template-columns:minmax(145px,1.1fr) minmax(130px,.95fr) 58px 40px 30px!important;gap:7px!important}}@media (width<=1180px){.mcd-review-layout{grid-template-columns:470px minmax(0,1fr)!important}.mcd-review-sidebar{width:470px!important;min-width:470px!important;max-width:470px!important}.mcd-review-student-card{grid-template-columns:minmax(130px,1fr) minmax(105px,.85fr) 54px 38px 30px!important}}@media (width<=900px){.mcd-review-layout{grid-template-columns:1fr!important}.mcd-review-sidebar{width:100%!important;min-width:0!important;max-width:100%!important}.mcd-review-list{max-height:340px!important}.mcd-review-student-card{grid-template-columns:minmax(0,1fr) 30px!important;min-height:54px!important}.mcd-review-student-main{gap:4px!important;display:grid!important}.mcd-review-student-main>div{align-items:center!important;gap:6px!important;display:flex!important}.mcd-review-card-edit{width:30px!important;min-width:30px!important}}@media (width<=1400px){.mcd-review-layout{grid-template-columns:520px minmax(0,1fr)!important}.mcd-review-sidebar{width:520px!important;min-width:520px!important;max-width:520px!important}}@media (width<=1180px){.mcd-review-layout{grid-template-columns:470px minmax(0,1fr)!important}.mcd-review-sidebar{width:470px!important;min-width:470px!important;max-width:470px!important}}@media (width<=900px){.mcd-review-layout{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;overflow:visible!important}.mcd-review-sidebar{width:100%!important;min-width:0!important;max-width:100%!important;max-height:350px!important}.mcd-review-list{max-height:340px!important;overflow-y:auto!important}.mcd-review-main{height:auto!important;overflow:visible!important}.mcd-review-student-card{grid-template-columns:minmax(0,1fr) 34px!important;min-height:54px!important}.mcd-review-student-main{gap:4px!important;display:grid!important}.mcd-review-student-main>div{align-items:center!important;gap:6px!important;display:flex!important}}@media (width<=1100px){.mcd-month-switcher-card{grid-template-columns:1fr 1fr}.mcd-month-switcher-note{grid-column:1/-1;justify-content:flex-start;width:fit-content}}@media (width<=760px){.mcd-month-switcher-card{grid-template-columns:1fr}.mcd-month-switcher-note{justify-content:center;width:100%}}@media (width<=640px){.mcd-review-delete-grid{grid-template-columns:1fr}.mcd-review-delete-actions{flex-direction:column}.mcd-review-delete-actions button{width:100%}}.dashboard-menu-item.parent{border:0;width:100%;font-family:inherit}.dashboard-menu-item.parent.open{color:#29264f;background:#ffffffd6}.menu-chevron{color:inherit;margin-left:auto;font-size:15px;font-weight:1000}.dashboard-submenu-item{color:#64748b;border-radius:16px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:13px;font-weight:950;text-decoration:none;transition:all .25s;display:flex}.dashboard-brand-gif-only{background:#fff;border-radius:28px;justify-content:center;align-items:center;width:100%;height:132px;min-height:132px;margin:0 0 18px;padding:0;display:flex;overflow:hidden;box-shadow:0 18px 42px #0f172a14}.dashboard-brand-gif-img{object-fit:cover;object-position:center;border-radius:28px;width:100%;height:100%;display:block;transform:scale(1.08)}.dashboard-brand-gif-only.closed{border-radius:18px;width:54px;height:54px;min-height:54px;margin:0 auto 18px;padding:0}.dashboard-brand-gif-only.closed .dashboard-brand-gif-img{object-fit:cover;border-radius:18px;width:100%;height:100%;transform:scale(1.15)}.dashboard-brand .dashboard-logo,.dashboard-brand-gif-only h2,.dashboard-brand-gif-only p{display:none!important}.dashboard-login-logo-gif{justify-content:center;align-items:center;width:92px!important;height:92px!important;box-shadow:none!important;background:0 0!important;border-radius:26px!important;margin-bottom:22px!important;padding:0!important;display:flex!important;overflow:visible!important}.dashboard-login-logo-gif img{display:block;object-fit:contain!important;width:92px!important;height:92px!important;box-shadow:none!important;background:0 0!important;border-radius:24px!important}.dashboard-login-logo,.dashboard-login-logo:before,.dashboard-login-logo:after{box-shadow:none!important;filter:none!important;background:0 0!important}.dashboard-login-card>span{width:fit-content;color:#16a34a!important;box-shadow:none!important;background:#dcfce7!important;border-radius:999px!important;margin-bottom:22px!important;padding:10px 24px!important;font-size:15px!important;font-weight:1000!important;display:inline-flex!important}.dashboard-login-card{background:#ffffffeb!important;box-shadow:0 22px 55px #0f172a14!important}.dashboard-login-card .dashboard-login-logo-gif{filter:none!important}.dashboard-brand.dashboard-brand-gif-only{justify-content:center;align-items:center;display:flex;overflow:hidden}.dashboard-brand.open .dashboard-brand-gif-img{object-fit:contain;width:100%;max-width:210px;height:auto;display:block}.dashboard-brand.closed{background:#ffffffe6;border-radius:20px;width:58px;height:58px;margin-left:auto;margin-right:auto;padding:8px;box-shadow:0 14px 30px #29264f1a}.dashboard-brand.closed .dashboard-brand-mascot-img{object-fit:contain;width:42px;height:42px;display:block}.attendance-monitoring-page{display:grid;gap:8px!important}.monitoring-header{justify-content:space-between;align-items:flex-start;display:flex;gap:12px!important;margin-bottom:6px!important}.monitoring-header span{color:#24930d;background:linear-gradient(135deg,#6bdc3b2e,#38bdf81f);border-radius:999px;width:fit-content;font-weight:1000;display:inline-flex;padding:4px 9px!important;font-size:10px!important}.monitoring-header h2{color:#29264f;font-weight:1000;letter-spacing:-.4px!important;margin:4px 0 5px!important;font-size:25px!important;line-height:1.05!important}.monitoring-header p{color:#64748b;margin:0;font-weight:900;font-size:11px!important}.monitoring-header button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;font-family:inherit;font-weight:1000;transition:all .22s;height:36px!important;padding:0 15px!important;font-size:10px!important;box-shadow:0 10px 22px #38bdf833!important}.monitoring-header button:hover{transform:translateY(-2px);box-shadow:0 20px 42px #38bdf84d}.monitoring-message{border-radius:18px;padding:10px 14px;font-size:12px;font-weight:900}.monitoring-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.monitoring-message.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.attendance-premium-layout{align-items:stretch;display:grid;position:relative;grid-template-columns:minmax(180px,14%) minmax(0,86%)!important;gap:12px!important}.attendance-premium-layout.resume-hidden{grid-template-columns:minmax(0,1fr)!important}.attendance-layout-toolbar{justify-content:flex-start;align-items:center;min-height:34px;margin:0 0 8px;display:flex}.attendance-resume-toggle{z-index:1;color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;width:fit-content;min-height:30px;padding:0 13px;font-family:inherit;font-size:10px;font-weight:1000;position:static!important;top:auto!important;left:auto!important}.attendance-resume-toggle:hover{color:#0369a1;background:#e0f2fe}.attendance-resume-sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 18% 0,#ff2f921f,#0000 34%),radial-gradient(circle at 90% 10%,#38bdf829,#0000 34%),linear-gradient(#fffffff0,#f8fbffdb);border:1px solid #fffffff5;min-width:0;overflow-y:auto;box-shadow:0 28px 70px #29264f1a;border-radius:24px!important;max-height:calc(100vh - 122px)!important;padding:10px!important}.attendance-resume-sidebar::-webkit-scrollbar{width:5px!important}.attendance-resume-sidebar::-webkit-scrollbar-thumb{background:#29264f2e;border-radius:999px}.attendance-main-summary-list{display:grid;gap:7px!important;margin-top:0!important}.attendance-main-summary-card{background:#ffffffeb;border:1px solid #e2e8f0e0;align-items:center;display:flex;position:relative;overflow:hidden;border-radius:18px!important;gap:8px!important;min-height:58px!important;padding:9px 10px!important;box-shadow:0 10px 22px #29264f0f!important}.attendance-main-summary-card:before{content:"";opacity:.9;background:linear-gradient(#ff2f92,#8b5cf6);position:absolute;inset:0 auto 0 0;width:3px!important}.attendance-main-summary-card.present:before{background:linear-gradient(#6bdc3b,#22c55e)}.attendance-main-summary-card.absent:before{background:linear-gradient(#fb923c,#f97316)}.attendance-main-summary-card.checkout:before{background:linear-gradient(#38bdf8,#2563eb)}.attendance-main-summary-card>span{background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 24px #29264f14;border-radius:12px!important;width:32px!important;height:32px!important;font-size:15px!important}.attendance-main-summary-card strong{color:#29264f;font-weight:1000;line-height:1;display:block;font-size:21px!important}.attendance-main-summary-card p{color:#64748b;font-weight:1000;line-height:1.2;margin:3px 0 0!important;font-size:9px!important}.attendance-class-resume-section{margin-top:10px!important}.attendance-class-resume-heading{padding:2px 2px 7px!important}.attendance-class-resume-heading span,.attendance-table-panel-header span{padding:5px 10px!important;font-size:10px!important}.attendance-class-resume-list{display:grid;gap:7px!important}.attendance-class-resume-card{background:linear-gradient(135deg,#fffffff5,#f8fafcdb);border:1px solid #e2e8f0e6;border-radius:17px!important;padding:9px!important;box-shadow:0 10px 20px #29264f0d!important}.attendance-class-resume-card>strong{color:#29264f;font-weight:1000;line-height:1.25;display:block;margin-bottom:7px!important;font-size:10.5px!important}.attendance-class-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:5px!important}.attendance-class-mini-grid div{text-align:center;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px!important;min-height:38px!important;padding:6px!important}.attendance-class-mini-grid div.present{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.attendance-class-mini-grid div.absent{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.attendance-class-mini-grid div.checkout{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.attendance-class-mini-grid span{opacity:.78;font-weight:1000;line-height:1;display:block;font-size:7.5px!important}.attendance-class-mini-grid b{font-weight:1000;line-height:1;display:block;margin-top:3px!important;font-size:13px!important}.attendance-class-extra-note{color:#64748b;text-align:center;background:#f8fafc;border-radius:12px;margin-top:7px;padding:6px 8px;font-size:8.5px;font-weight:1000;line-height:1.2}.attendance-table-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe6;border:1px solid #fffffff5;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 28px 70px #29264f1a;border-radius:24px!important}.attendance-table-panel-header{background:radial-gradient(circle at 8% 0,#6bdc3b1a,#0000 28%),#f8fbffbd;border-bottom:1px solid #e8eef7;justify-content:space-between;align-items:flex-start;display:flex;gap:12px!important;padding:12px 14px!important}.attendance-table-panel-header h3{color:#29264f;letter-spacing:-.35px;font-weight:1000;line-height:1;margin:7px 0 0!important;font-size:18px!important}.attendance-sort-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex;gap:6px!important}.attendance-sort-actions button{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;font-family:inherit;font-weight:1000;transition:all .22s;min-height:30px!important;padding:0 11px!important;font-size:9.5px!important}.attendance-sort-actions button:hover{color:#0369a1;background:#e0f2fe;transform:translateY(-2px)}.attendance-sort-actions button.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 12px 24px #38bdf838}.attendance-pagination-control select{color:#475569;background:#f1f5f9;border:0;border-radius:999px;outline:none;height:30px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:1000}.attendance-table-wrap{border-top:0;width:100%;overflow:auto;max-height:calc(100vh - 222px)!important}.attendance-table-wrap::-webkit-scrollbar{width:5px!important;height:5px!important}.attendance-table-wrap::-webkit-scrollbar-thumb{background:#29264f33;border-radius:999px}.attendance-table-wrap::-webkit-scrollbar-track{background:#f1f5f9cc}.attendance-today-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:1240px!important}.attendance-today-table thead th{z-index:8;color:#64748b;text-align:left;vertical-align:middle;white-space:nowrap;text-transform:none;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-weight:1000;position:sticky;top:0;padding:9px 10px!important;font-size:9.5px!important;line-height:1.15!important}.attendance-today-table tbody td{color:#29264f;text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f7;font-weight:850;padding:4px 10px!important;font-size:10.5px!important;line-height:1.15!important}.attendance-today-table tbody tr{background:#fff;height:29px!important}.attendance-today-table tbody tr:hover{background:linear-gradient(90deg,#38bdf80f,#8b5cf60a)}.attendance-today-table th:first-child,.attendance-today-table td:first-child{text-align:center;width:38px!important}.attendance-today-table th:nth-child(2),.attendance-today-table td:nth-child(2){width:210px!important}.attendance-today-table th:nth-child(3),.attendance-today-table td:nth-child(3){width:88px!important}.attendance-today-table th:nth-child(4),.attendance-today-table td:nth-child(4){width:82px!important}.attendance-today-table th:nth-child(5),.attendance-today-table td:nth-child(5){width:108px!important}.attendance-today-table th:nth-child(6),.attendance-today-table td:nth-child(6){width:102px!important}.attendance-today-table th:nth-child(7),.attendance-today-table td:nth-child(7){width:112px!important}.attendance-today-table th:nth-child(8),.attendance-today-table td:nth-child(8),.attendance-today-table th:nth-child(9),.attendance-today-table td:nth-child(9){width:88px!important}.attendance-today-table th:nth-child(10),.attendance-today-table td:nth-child(10){width:98px!important}.attendance-today-table th:nth-child(11),.attendance-today-table td:nth-child(11){width:215px!important}.attendance-today-table th:nth-child(12),.attendance-today-table td:nth-child(12){width:155px!important}.attendance-student-name-only strong{color:#29264f;font-weight:1000;display:block;font-size:10.5px!important;line-height:1.15!important}.attendance-class-pill{color:#0369a1;white-space:nowrap;background:#e0f2fe;border-radius:999px;align-items:center;width:fit-content;font-weight:1000;line-height:1;display:inline-flex;padding:3px 7px!important;font-size:8.5px!important}.attendance-class-pill.empty{color:#b91c1c;background:#fee2e2}.attendance-status{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;font-weight:1000;line-height:1;display:inline-flex;padding:3px 7px!important;font-size:8.5px!important}.attendance-status.present{color:#15803d;background:#dcfce7}.attendance-status.absent{color:#c2410c;background:#ffedd5}.attendance-status.permission{color:#1d4ed8;background:#dbeafe}.attendance-status.sick{color:#b45309;background:#fef3c7}.attendance-time-cell{display:grid;gap:2px!important}.attendance-time-cell strong{color:#29264f;font-weight:1000;line-height:1.1;font-size:10.5px!important}.schedule-status-pill{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;font-weight:1000;line-height:1;display:inline-flex;padding:2px 5px!important;font-size:7.5px!important}.schedule-status-pill.good{color:#15803d;background:#dcfce7}.schedule-status-pill.late{color:#c2410c;background:#ffedd5}.attendance-note-cell{display:grid;gap:1px!important}.attendance-note-cell strong{color:#29264f;font-weight:1000;font-size:10px!important;line-height:1.15!important}.attendance-note-cell small{color:#64748b;font-weight:900;font-size:8px!important;line-height:1.15!important}.attendance-manual-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.attendance-manual-actions button{cursor:pointer;white-space:nowrap;border:0;border-radius:8px;height:22px;min-height:22px;padding:0 6px;font-family:inherit;font-size:8.5px;font-weight:1000}.attendance-manual-actions button.permission{color:#1d4ed8;background:#dbeafe}.attendance-manual-actions button.sick{color:#b45309;background:#fef3c7}.attendance-manual-actions button:disabled{opacity:.35;cursor:not-allowed;color:#94a3b8;background:#e2e8f0}.daily-photo-actions.table-actions{grid-template-columns:1fr 1fr;display:grid;gap:3px!important}.daily-photo-actions.table-actions button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;font-family:inherit;font-weight:1000;position:relative;border-radius:8px!important;min-width:0!important;height:22px!important;min-height:22px!important;padding:0 6px!important;font-size:8.5px!important}.daily-photo-actions.table-actions button:disabled{opacity:.5;cursor:not-allowed;color:#94a3b8;background:#e2e8f0}.daily-photo-actions.table-actions button.has-note{background:linear-gradient(135deg,#ffb703,#ff2f92);box-shadow:0 10px 22px #ff2f9233}.photo-note-dot{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;font-weight:1000;display:inline-flex;position:absolute;width:13px!important;height:13px!important;font-size:8px!important;line-height:9px!important;top:-5px!important;right:-4px!important}.monitoring-empty{color:#64748b;text-align:center;background:#f8fbff;border-radius:22px;padding:20px;font-size:14px;font-weight:900}.attendance-pagination-footer{background:#f8fbffeb;border-top:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 14px;display:flex}.attendance-pagination-footer span{color:#64748b;font-size:10px;font-weight:1000}.attendance-pagination-footer>div{align-items:center;gap:6px;display:flex}.attendance-pagination-footer button{color:#1288c6;cursor:pointer;background:#eaf5ff;border:0;border-radius:9px;height:28px;padding:0 10px;font-family:inherit;font-size:9.5px;font-weight:1000}.attendance-pagination-footer button:disabled{opacity:.4;cursor:not-allowed}.attendance-pagination-footer strong{text-align:center;color:#29264f;min-width:46px;font-size:10px;font-weight:1000}.manual-attendance-backdrop{z-index:9998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a9e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.manual-attendance-modal{background:#fff;border-radius:26px;width:min(520px,96vw);overflow:hidden;box-shadow:0 30px 90px #0f172a61}.manual-attendance-header{background:radial-gradient(circle at 10% 0,#38bdf81f,#0000 32%),#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.manual-attendance-header span{color:#15803d;background:#dcfce7;border-radius:999px;width:fit-content;margin-bottom:8px;padding:6px 11px;font-size:11px;font-weight:1000;display:inline-flex}.manual-attendance-header h3{color:#1e1b4b;margin:0;font-size:22px;font-weight:1000;line-height:1.1}.manual-attendance-header p{color:#64748b;margin:5px 0 0;font-size:12px;font-weight:900}.manual-attendance-header button{color:#dc2626;cursor:pointer;background:#fee2e2;border:0;border-radius:14px;width:38px;height:38px;font-size:18px;font-weight:1000}.manual-attendance-body{padding:18px 22px}.manual-attendance-body label{color:#29264f;gap:8px;font-size:13px;font-weight:1000;display:grid}.manual-attendance-body textarea{resize:vertical;color:#29264f;border:1px solid #dbeafe;border-radius:18px;outline:none;width:100%;min-height:105px;padding:13px 14px;font-family:inherit;font-size:13px;font-weight:850}.manual-attendance-body textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf821}.manual-attendance-info{color:#64748b;background:#f8fafc;border-radius:16px;margin-top:12px;padding:12px 14px;font-size:12px;font-weight:850;line-height:1.45}.manual-attendance-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.manual-attendance-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;min-height:38px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:1000}.manual-attendance-actions button.secondary{color:#475569;background:#f1f5f9}.manual-attendance-actions button:disabled{opacity:.65;cursor:not-allowed}.photo-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.photo-modal{background:#fff;border-radius:28px;flex-direction:column;width:min(1100px,96vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 30px 90px #0f172a6b}.photo-modal-large{min-height:520px}.photo-modal-header{background:radial-gradient(circle at 10% 0,#38bdf81a,#0000 30%),#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.photo-modal-header span{color:#15803d;background:#dcfce7;border-radius:999px;width:fit-content;margin-bottom:8px;padding:7px 12px;font-size:13px;font-weight:1000;display:inline-flex}.photo-modal-header h3{color:#1e1b4b;margin:0;font-size:24px;font-weight:1000}.photo-modal-header p{color:#64748b;margin:6px 0 0;font-size:14px;font-weight:850}.photo-modal-close{color:#dc2626;cursor:pointer;background:#fee2e2;border:0;border-radius:15px;flex:none;width:42px;height:42px;font-size:20px;font-weight:1000}.photo-modal-close:hover{background:#fecaca}.photo-modal-body{padding:24px;overflow-y:auto}.photo-check-detail{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.photo-check-detail div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px}.photo-check-detail div.wide{grid-column:span 5}.photo-check-detail small{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.photo-check-detail strong{color:#1e1b4b;font-size:13px;font-weight:1000;display:block}.photo-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.photo-gallery-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;text-decoration:none;transition:all .22s;display:block;overflow:hidden}.photo-gallery-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0f172a29}.photo-gallery-card img{object-fit:cover;background:#e5e7eb;width:100%;height:260px;display:block}.photo-gallery-caption{padding:14px 16px}.photo-gallery-caption strong{color:#0f172a;font-size:15px;font-weight:1000;display:block}.photo-gallery-caption span{color:#64748b;margin-top:3px;font-size:13px;font-weight:850;display:block}@media (width<=1280px){.attendance-premium-layout{grid-template-columns:220px minmax(0,1fr)!important}}@media (width<=980px){.attendance-premium-layout,.attendance-premium-layout.resume-hidden{grid-template-columns:1fr!important}.attendance-resume-toggle{width:fit-content;margin-bottom:8px;position:static}.attendance-resume-sidebar{max-height:none!important}.attendance-main-summary-list{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-class-resume-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.attendance-table-wrap{max-height:calc(100vh - 330px)!important}.attendance-pagination-footer{flex-direction:column;align-items:stretch}.attendance-pagination-footer>div{flex-wrap:wrap;justify-content:center}}@media (width<=760px){.monitoring-header,.attendance-table-panel-header{flex-direction:column}.monitoring-header button{width:100%}.attendance-main-summary-list{grid-template-columns:1fr 1fr}.attendance-sort-actions{justify-content:flex-start;width:100%}.attendance-sort-actions button,.attendance-pagination-control{flex:1}.attendance-pagination-control select{width:100%}.attendance-resume-sidebar,.attendance-table-panel{border-radius:26px}.photo-modal-backdrop{padding:12px}.photo-modal{border-radius:22px;width:100%;max-height:92vh}.photo-modal-header{padding:18px}.photo-modal-header h3{font-size:20px}.photo-modal-body{padding:16px}.photo-check-detail{grid-template-columns:1fr}.photo-check-detail div.wide{grid-column:auto}.photo-gallery-grid{grid-template-columns:1fr}.photo-gallery-card img{height:300px}}@media (width<=520px){.attendance-main-summary-list{grid-template-columns:1fr}.attendance-class-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.attendance-resume-icon-toggle{color:#1288c6;cursor:pointer;background:#eef7ff;border:0;border-radius:999px;width:28px;height:28px;margin-top:6px;font-family:inherit;font-size:12px;font-weight:1000;box-shadow:0 8px 18px #38bdf81f}.attendance-panel-title-row{align-items:center;gap:8px;min-width:0;display:flex}.attendance-panel-title-row h3{margin:7px 0 0!important}.attendance-resume-icon-toggle{color:#1288c6;cursor:pointer;background:#eef7ff;border:0;border-radius:999px;flex:none;width:28px;height:28px;margin-top:6px;font-family:inherit;font-size:12px;font-weight:1000;box-shadow:0 8px 18px #38bdf81f}.attendance-resume-icon-toggle:hover{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6)}.student-class-page{grid-template-rows:auto auto 1fr;gap:8px;height:calc(100vh - 70px);display:grid;overflow:hidden}.student-class-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.student-class-header span{color:#2fa60f;background:#6bdc3b29;border-radius:999px;width:fit-content;padding:2px 16px;font-size:14px;font-weight:1000;display:inline-flex}.student-class-header h2{color:#29264f;letter-spacing:-.6px;margin:14px 0 8px;font-size:34px;font-weight:1000;line-height:1}.student-class-header p{color:#64748b;max-width:780px;margin:0;font-size:15px;font-weight:850;line-height:1.55}.student-class-header button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;height:46px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:1000;transition:all .22s;box-shadow:0 14px 30px #38bdf833}.student-class-header button:hover{transform:translateY(-2px)}.student-class-message{border-radius:18px;padding:14px 16px;font-size:14px;font-weight:900}.student-class-message.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.student-class-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.student-class-message.warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.student-class-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.student-class-summary-card{background:#ffffffe0;border:1px solid #fffffff0;border-radius:26px;align-items:center;gap:14px;min-height:96px;padding:18px 20px;display:flex;box-shadow:0 18px 42px #29264f14}.student-class-summary-card>span{background:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex;box-shadow:0 12px 28px #29264f14}.student-class-summary-card strong{color:#29264f;font-size:30px;font-weight:1000;line-height:1;display:block}.student-class-summary-card p{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:900}.student-class-panel{background:#ffffffe0;border:1px solid #fffffff0;border-radius:28px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 22px 54px #29264f14}.student-class-toolbar{background:radial-gradient(circle at 8% 0,#6bdc3b1a,#0000 28%),#f8fbffbd;border-bottom:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 22px;display:flex}.student-class-toolbar span{color:#2fa60f;background:#6bdc3b29;border-radius:999px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:1000;display:inline-flex}.student-class-toolbar h3{color:#29264f;margin:10px 0 0;font-size:24px;font-weight:1000;line-height:1}.student-class-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.student-class-actions input,.student-class-actions select{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:15px;outline:none;height:40px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:850}.student-class-actions input{min-width:220px}.student-class-actions input:focus,.student-class-actions select:focus,.student-class-table select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.save-class-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;height:40px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:1000;box-shadow:0 12px 24px #38bdf82e}.save-class-btn:disabled,.student-class-header button:disabled{opacity:.55;cursor:not-allowed}.student-class-table-wrap{flex:auto;width:100%;min-height:0;overflow:auto}.student-class-table-wrap::-webkit-scrollbar{width:6px;height:6px}.student-class-table-wrap::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.student-class-table-wrap::-webkit-scrollbar-track{background:#f1f5f9d9}.student-class-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.student-class-table thead th{z-index:5;color:#64748b;text-align:left;vertical-align:middle;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:1000;line-height:1.2;position:sticky;top:0}.student-class-table tbody td{color:#29264f;text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;height:5px;padding:4px 16px;font-size:10.5px;font-weight:850;line-height:1.05}.student-class-table tbody tr{background:#fff;height:30px}.student-class-table tbody tr:hover{background:linear-gradient(90deg,#38bdf80f,#8b5cf60a)}.student-class-table td strong{color:#29264f;font-size:10.5px;font-weight:1000;line-height:1.05;display:block}.student-class-table th:first-child,.student-class-table td:first-child{width:55px}.student-class-table th:nth-child(2),.student-class-table td:nth-child(2){width:310px}.student-class-table th:nth-child(3),.student-class-table td:nth-child(3){width:110px}.student-class-table th:nth-child(4),.student-class-table td:nth-child(4){width:135px}.student-class-table th:nth-child(5),.student-class-table td:nth-child(5){width:150px}.student-class-table th:nth-child(6),.student-class-table td:nth-child(6){width:160px}.student-class-table th:nth-child(7),.student-class-table td:nth-child(7){width:170px}.class-pill,.student-class-status{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:2px 8px;font-size:8.5px;font-weight:1000;line-height:1;display:inline-flex}.class-pill{color:#0369a1;background:#e0f2fe}.class-pill.empty{color:#b91c1c;background:#fee2e2}.student-class-status.active{color:#15803d;background:#dcfce7}.student-class-status.warning{color:#c2410c;background:#ffedd5}.student-class-status.changed{color:#b45309;background:#fef3c7}.student-class-table select{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:11px;outline:none;max-width:130px;height:28px;min-height:28px;padding:0 9px;font-family:inherit;font-size:9.5px;font-weight:900}.student-class-table select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}@media (width<=1200px){.student-class-page{height:auto;min-height:calc(100vh - 70px);overflow:visible}.student-class-panel{height:calc(100vh - 330px);min-height:520px}.student-class-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-class-toolbar{flex-direction:column}.student-class-actions{justify-content:flex-start}}@media (width<=760px){.student-class-page{height:auto;overflow:visible}.student-class-header{flex-direction:column}.student-class-header h2{font-size:30px}.student-class-summary-grid{grid-template-columns:1fr}.student-class-panel{height:620px}.student-class-actions{flex-direction:column;width:100%}.student-class-actions input,.student-class-actions select,.save-class-btn{width:100%}}.dashboard-main-compact{padding:8px 24px 24px}.dashboard-content-full{min-height:calc(100vh - 48px);margin-top:0}.dashboard-layout{color:#29264f;background:radial-gradient(circle at 10% 10%,#ff2f921f,#0000 26%),radial-gradient(circle at 90% 12%,#38bdf829,#0000 30%),radial-gradient(circle at 70% 90%,#8b5cf61f,#0000 30%),linear-gradient(135deg,#fff7fb 0%,#f4fff1 46%,#eef8ff 100%);grid-template-columns:292px 1fr;min-height:100vh;font-family:Nunito,sans-serif;transition:grid-template-columns .35s;display:grid}.dashboard-layout.closed{grid-template-columns:96px 1fr}.dashboard-brand{background:#ffffffb8;border-radius:24px;align-items:center;gap:14px;min-height:64px;padding:10px;display:flex}.dashboard-brand h2{margin:0;font-size:24px;font-weight:1000;line-height:1}.dashboard-menu{gap:8px;padding-right:4px;display:grid;overflow-y:auto}.dashboard-menu-item{color:#64748b;border-radius:20px;align-items:center;gap:13px;min-height:54px;padding:0 14px;font-size:15px;font-weight:950;text-decoration:none;transition:all .25s;display:flex}.menu-icon{flex-shrink:0;justify-content:center;width:28px;font-size:20px;display:inline-flex}.dashboard-user{background:#fff;border-radius:24px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex;box-shadow:0 16px 34px #29264f14}.dashboard-user strong{font-size:14px;font-weight:1000;display:block}.dashboard-layout.closed .dashboard-user{justify-content:center}.dashboard-main{min-width:0;padding:34px}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc2;border:1px solid #ffffffdb;border-radius:36px;justify-content:space-between;align-items:flex-start;gap:26px;padding:32px;display:flex;box-shadow:0 28px 70px #29264f14}.dashboard-badge{color:#2fa60f;background:#6bdc3b29;border-radius:999px;padding:8px 18px;font-size:16px;font-weight:1000;display:inline-flex}.dashboard-header h1{margin:16px 0 10px;font-size:clamp(34px,4vw,58px);font-weight:1000;line-height:1.05}.dashboard-header p{color:#4b5563;max-width:760px;margin:0;font-size:17px;font-weight:850;line-height:1.7}.dashboard-profile{align-items:center;gap:12px;display:flex}.notification-btn{cursor:pointer;background:#fff;border:0;border-radius:18px;width:54px;height:54px;box-shadow:0 14px 30px #29264f14}.profile-card{background:#fff;border-radius:20px;align-items:center;gap:10px;min-height:54px;padding:8px 14px 8px 8px;display:flex;box-shadow:0 14px 30px #29264f14}.profile-card>div{color:#fff;background:linear-gradient(135deg,#ff2f92,#8b5cf6);border-radius:15px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:1000;display:flex}.profile-card strong,.profile-card small{display:block}.profile-card strong{font-size:13px;font-weight:1000}.profile-card small{color:#64748b;font-size:11px;font-weight:900}.dashboard-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:36px;min-height:520px;margin-top:-10px;padding:30px;box-shadow:0 28px 70px #29264f14}.empty-dashboard-page{color:#29264f;text-align:center;background:radial-gradient(circle at 10% 10%,#6bdc3b14,#0000 32%),#f8fbffb8;border:2px dashed #38bdf847;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:30px;display:flex}.empty-dashboard-page span{color:#2fa60f;background:#6bdc3b29;border-radius:999px;padding:8px 16px;font-weight:1000}.empty-dashboard-page h2{margin:18px 0 10px;font-size:38px;font-weight:1000}.empty-dashboard-page p{color:#64748b;max-width:560px;margin:0;font-size:17px;font-weight:850;line-height:1.7}@media (width<=760px){.sidebar-logout-btn{display:none}.dashboard-main-compact{padding:18px 14px 108px}.dashboard-content-full{min-height:calc(100vh - 126px)}.dashboard-layout,.dashboard-layout.closed{grid-template-columns:1fr}.dashboard-sidebar{border-radius:28px;flex-direction:row;height:auto;max-height:76px;padding:10px;position:fixed;inset:auto 16px 16px}.dashboard-brand,.dashboard-user,.dashboard-toggle{display:none}.dashboard-menu{gap:8px;width:100%;display:flex;overflow-x:auto}.dashboard-menu-item{justify-content:center;width:54px;min-width:54px;height:54px;padding:0}.dashboard-menu-item span:not(.menu-icon){display:none}.dashboard-main{padding:18px 14px 108px}.dashboard-header{border-radius:30px;flex-direction:column;padding:26px 22px}.dashboard-profile{justify-content:space-between;width:100%}.dashboard-content{border-radius:30px;padding:18px}}.dashboard-sidebar{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:20;background:radial-gradient(circle at 20% 0,#ff2f9214,#0000 32%),radial-gradient(circle at 90% 18%,#38bdf81a,#0000 34%),#ffffffd1;border-right:1px solid #ffffffe6;flex-direction:column;gap:18px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;box-shadow:24px 0 70px #29264f14}.dashboard-brand{background:linear-gradient(135deg,#ffffffeb,#ffffffa3);border:1px solid #fffffff2;border-radius:28px;align-items:center;gap:14px;min-height:82px;padding:14px;display:flex;box-shadow:0 20px 45px #29264f14}.dashboard-logo{color:#fff;background:linear-gradient(135deg,#ff3d8b 0%,#ffb703 38%,#68e05b 68%,#38bdf8 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:27px;font-weight:1000;display:flex;box-shadow:0 18px 36px #ff2f9238,inset 0 1px #ffffff73}.dashboard-brand h2{color:#29264f;letter-spacing:-.4px;margin:0;font-size:25px;font-weight:1000;line-height:1}.dashboard-brand p{color:#64748b;margin:7px 0 0;font-size:12px;font-weight:1000}.dashboard-toggle{color:#29264f;cursor:pointer;background:#ffffffe6;border:0;border-radius:18px;align-self:flex-end;width:46px;height:46px;font-size:19px;font-weight:1000;transition:all .25s;box-shadow:0 16px 34px #29264f1a}.dashboard-toggle:hover{color:#7c3aed;background:#fff;transform:translateY(-2px)}.dashboard-menu{gap:9px;padding:4px 4px 4px 0;display:grid;overflow-y:auto}.dashboard-menu::-webkit-scrollbar{width:4px}.dashboard-menu::-webkit-scrollbar-thumb{background:#29264f24;border-radius:999px}.dashboard-menu-item{color:#64748b;border-radius:20px;align-items:center;gap:13px;min-height:54px;padding:0 15px;font-size:15px;font-weight:1000;text-decoration:none;transition:all .22s;display:flex;position:relative}.dashboard-menu-item:hover{color:#29264f;background:#ffffffb8;transform:translate(3px)}.dashboard-menu-item.active{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#8b5cf6 100%);box-shadow:0 18px 34px #38bdf838,inset 0 1px #ffffff59}.menu-icon{justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:19px;display:inline-flex}.menu-label{white-space:nowrap}.dashboard-menu-group{gap:7px;display:grid}.dashboard-menu-item.parent{cursor:pointer;background:0 0;border:0;width:100%;font-family:inherit}.dashboard-menu-item.parent.open{color:#29264f;background:#ffffffe6;box-shadow:0 16px 35px #29264f12,inset 0 1px #ffffffb3}.dashboard-menu-item.parent.open:before{content:"";background:linear-gradient(#38bdf8,#8b5cf6);border-radius:999px;width:4px;position:absolute;top:12px;bottom:12px;left:-4px}.menu-chevron{color:#29264f;opacity:.75;margin-left:auto;font-size:13px;font-weight:1000}.dashboard-submenu{border-left:2px solid #38bdf838;gap:7px;margin-left:17px;padding-left:18px;display:grid}.dashboard-submenu-item{color:#64748b;border-radius:17px;align-items:center;gap:11px;min-height:46px;padding:0 13px;font-size:13px;font-weight:1000;text-decoration:none;transition:all .22s;display:flex;position:relative}.dashboard-submenu-item:hover{color:#29264f;background:#ffffffc7;transform:translate(3px)}.dashboard-submenu-item.active{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#8b5cf6 100%);box-shadow:0 16px 30px #38bdf83d,inset 0 1px #ffffff52}.dashboard-submenu-item.active:before{content:"";background:#38bdf8;border-radius:999px;width:8px;height:8px;position:absolute;left:-20px;box-shadow:0 0 0 5px #38bdf824}.dashboard-user{background:#ffffffeb;border:1px solid #fffffff2;border-radius:24px;align-items:center;gap:12px;margin-top:auto;padding:13px;display:flex;box-shadow:0 18px 40px #29264f14}.dashboard-user-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#38bdf8);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:1000;display:flex}.dashboard-user strong{color:#29264f;font-size:14px;font-weight:1000;display:block}.dashboard-user span{color:#64748b;margin-top:3px;font-size:12px;font-weight:900;display:block}.sidebar-logout-btn{color:#b91c1c;cursor:pointer;background:linear-gradient(135deg,#ffe4e6,#fee2e2);border:0;border-radius:18px;width:100%;min-height:46px;font-family:inherit;font-size:14px;font-weight:1000;transition:all .22s;box-shadow:0 14px 26px #b91c1c14}.sidebar-logout-btn:hover{background:linear-gradient(135deg,#fecaca,#fee2e2);transform:translateY(-2px)}.dashboard-layout.closed .dashboard-sidebar{padding:22px 14px}.dashboard-layout.closed .dashboard-brand{justify-content:center;padding:12px}.dashboard-layout.closed .dashboard-menu-item{justify-content:center;padding:0}.dashboard-layout.closed .dashboard-menu-item.parent.open:before{left:-3px}.dashboard-layout.closed .dashboard-submenu{display:none}.dashboard-layout.closed .dashboard-user{justify-content:center;padding:12px}.dashboard-layout.closed .sidebar-logout-btn{align-self:center;width:46px;height:46px;min-height:46px;padding:0}@media (width<=760px){.dashboard-sidebar{background:#ffffffe6;border-radius:28px;flex-direction:row;height:auto;max-height:76px;padding:10px;position:fixed;inset:auto 16px 16px;box-shadow:0 22px 60px #29264f29}.dashboard-brand,.dashboard-user,.dashboard-toggle,.sidebar-logout-btn{display:none}.dashboard-menu{gap:8px;width:100%;padding:0;display:flex;overflow-x:auto}.dashboard-menu-group{display:flex}.dashboard-menu-item,.dashboard-submenu-item{border-radius:20px;justify-content:center;width:54px;min-width:54px;height:54px;min-height:54px;padding:0}.dashboard-menu-item span:not(.menu-icon),.dashboard-submenu-item span:not(:first-child),.menu-chevron,.dashboard-submenu{display:none}}.dashboard-toggle{justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle-icon{justify-content:center;align-items:center;width:22px;height:22px;transition:transform .25s;display:inline-flex}.sidebar-toggle-icon svg{width:22px;height:22px;display:block}.sidebar-toggle-icon path{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round}.sidebar-toggle-icon.closed{transform:rotate(180deg)}.menu-chevron{color:#64748b;background:#f1f5f9e6;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:transform .22s,background .22s,color .22s;display:inline-flex}.menu-chevron svg{width:15px;height:15px;display:block}.menu-chevron path{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round}.dashboard-menu-item.parent:hover .menu-chevron,.dashboard-menu-item.parent.open .menu-chevron{color:#2563eb;background:#38bdf81f}.menu-chevron.open{transform:rotate(180deg)}.dashboard-menu-item.active .menu-chevron,.dashboard-submenu-item.active .menu-chevron{color:#fff;background:#ffffff2e}.spv2-page{grid-template-rows:auto auto auto 1fr;gap:10px;height:calc(100vh - 58px);margin-top:-10px;display:grid;overflow:hidden}.spv2-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.spv2-header span,.spv2-toolbar span,.spv2-modal-header span{color:#2fa60f;background:#6bdc3b2e;border-radius:999px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:1000;line-height:1;display:inline-flex}.spv2-header h2{color:#29264f;letter-spacing:-.5px;margin:8px 0 5px;font-size:28px;font-weight:1000;line-height:1.05}.spv2-header p{color:#64748b;max-width:780px;margin:0;font-size:12px;font-weight:850;line-height:1.38}.spv2-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.spv2-header button,.spv2-actions button,.spv2-modal-actions button,.spv2-parent-actions a{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;justify-content:center;align-items:center;height:36px;padding:0 15px;font-family:inherit;font-size:10.5px;font-weight:1000;text-decoration:none;transition:all .22s;display:inline-flex;box-shadow:0 12px 24px #38bdf82e}.spv2-header button:hover,.spv2-actions button:hover,.spv2-modal-actions button:hover,.spv2-parent-actions a:hover{transform:translateY(-2px)}.spv2-sync-btn{background:linear-gradient(135deg,#6bdc3b,#38bdf8)!important}.spv2-header button:disabled,.spv2-actions button:disabled,.spv2-modal-actions button:disabled{opacity:.55;cursor:not-allowed;transform:none}.spv2-message{border-radius:16px;padding:10px 14px;font-size:12px;font-weight:900}.spv2-message.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.spv2-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.spv2-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.spv2-summary-card{background:#fff;border:1px solid #e8eef7;border-radius:20px;align-items:center;gap:11px;min-height:64px;padding:10px 14px;display:flex;box-shadow:0 14px 30px #29264f12}.spv2-summary-card>span{background:#f8fafc;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex;box-shadow:0 8px 18px #29264f0f}.spv2-summary-card strong{color:#29264f;font-size:23px;font-weight:1000;line-height:1;display:block}.spv2-summary-card p{color:#64748b;margin:3px 0 0;font-size:10px;font-weight:900}.spv2-panel{background:#fff;border:1px solid #e8eef7;border-radius:24px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 18px 44px #29264f14}.spv2-toolbar{background:radial-gradient(circle at 8% 0,#6bdc3b1a,#0000 28%),#f8fafc;border-bottom:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.spv2-toolbar h3{color:#29264f;margin:7px 0 0;font-size:18px;font-weight:1000;line-height:1}.spv2-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.spv2-actions input,.spv2-actions select,.spv2-sync-form select{color:#29264f;background:#fff;border:1px solid #dbe4ef;border-radius:12px;outline:none;height:32px;padding:0 11px;font-family:inherit;font-size:10px;font-weight:850}.spv2-actions input{min-width:240px}.spv2-actions input:focus,.spv2-actions select:focus,.spv2-sync-form select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf821}.spv2-table-wrap{flex:auto;width:100%;min-height:0;overflow:auto}.spv2-table-wrap::-webkit-scrollbar{width:6px;height:6px}.spv2-sync-modal::-webkit-scrollbar{width:6px;height:6px}.spv2-info-grid::-webkit-scrollbar{width:6px;height:6px}.spv2-photo-modal-body::-webkit-scrollbar{width:6px;height:6px}.spv2-table-wrap::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.spv2-sync-modal::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.spv2-info-grid::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.spv2-photo-modal-body::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.spv2-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:1120px}.spv2-table thead th{z-index:5;color:#64748b;text-align:left;vertical-align:middle;white-space:nowrap;text-transform:uppercase;background:#f1f5f9;border-bottom:1px solid #dbe4ef;padding:9px 10px;font-size:9.5px;font-weight:1000;line-height:1.15;position:sticky;top:0}.spv2-table tbody td{color:#29264f;text-align:left;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #eef2f7;height:30px;padding:5px 10px;font-size:10.5px;font-weight:850;line-height:1.12;overflow:hidden}.spv2-table tbody tr{background:#fff}.spv2-table tbody tr:hover{background:linear-gradient(90deg,#38bdf812,#8b5cf60d)}.spv2-table th:first-child,.spv2-table td:first-child{text-align:center;width:44px}.spv2-table th:nth-child(2),.spv2-table td:nth-child(2){width:250px}.spv2-table th:nth-child(3),.spv2-table td:nth-child(3){width:120px}.spv2-table th:nth-child(4),.spv2-table td:nth-child(4),.spv2-table th:nth-child(5),.spv2-table td:nth-child(5),.spv2-table th:nth-child(6),.spv2-table td:nth-child(6){width:95px}.spv2-table th:nth-child(7),.spv2-table td:nth-child(7){width:175px}.spv2-table th:nth-child(8),.spv2-table td:nth-child(8){width:130px}.spv2-table th:nth-child(9),.spv2-table td:nth-child(9){width:175px}.spv2-table th:nth-child(10),.spv2-table td:nth-child(10){width:130px}.spv2-empty-cell{text-align:center!important;color:#64748b!important;height:72px!important;font-size:12px!important;font-weight:900!important}.spv2-name-btn,.spv2-parent-btn{color:#29264f;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:100%;padding:0;font-family:inherit;font-size:10.5px;font-weight:1000;line-height:1.15;overflow:hidden}.spv2-name-btn{color:#1e1b4b}.spv2-name-btn:hover,.spv2-parent-btn:hover{color:#0284c7;text-decoration:underline}.spv2-parent-btn:disabled{color:#94a3b8;cursor:default;text-decoration:none}.spv2-class-pill,.spv2-status-pill{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:4px 8px;font-size:8.5px;font-weight:1000;line-height:1;display:inline-flex}.spv2-class-pill{color:#0369a1;background:#e0f2fe}.spv2-class-pill.empty{color:#b91c1c;background:#fee2e2}.spv2-status-pill.active{color:#15803d;background:#dcfce7}.spv2-status-pill.inactive{color:#b91c1c;background:#fee2e2}.spv2-wa-link{color:#15803d;font-size:10.5px;font-weight:1000;text-decoration:none}.spv2-wa-link:hover{text-decoration:underline}.spv2-modal-backdrop{z-index:999999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a94;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.spv2-photo-modal,.spv2-parent-modal,.spv2-sync-modal{background:radial-gradient(circle at 10% 0,#6bdc3b1a,#0000 34%),radial-gradient(circle at 90% 0,#38bdf81f,#0000 34%),#fff;border-radius:26px;flex-direction:column;width:min(100%,820px);max-height:calc(100vh - 44px);display:flex;overflow:hidden;box-shadow:0 32px 90px #0f172a47}.spv2-sync-modal{padding-bottom:0;overflow-y:auto}.spv2-parent-modal{width:min(100%,760px)}.spv2-modal-header{border-bottom:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.spv2-modal-header h3{color:#29264f;margin:10px 0 5px;font-size:23px;font-weight:1000;line-height:1.08}.spv2-modal-header p{color:#64748b;margin:0;font-size:11.5px;font-weight:850;line-height:1.35}.spv2-modal-header button{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:14px;flex-shrink:0;width:36px;height:36px;font-size:17px;font-weight:1000}.spv2-modal-header button:disabled{opacity:.55;cursor:not-allowed}.spv2-photo-modal-body{grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:0;padding:18px;display:grid;overflow-y:auto}.spv2-photo-frame{background:#f8fafc;border:1px solid #e8eef7;border-radius:22px;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:hidden}.spv2-photo-frame img{object-fit:cover;width:100%;height:100%;min-height:300px;display:block}.spv2-photo-empty{color:#fff;background:linear-gradient(135deg,#ff2f92,#8b5cf6);border-radius:32px;justify-content:center;align-items:center;width:140px;height:140px;font-size:52px;font-weight:1000;display:flex}.spv2-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid;overflow-y:auto}.spv2-info-grid.parent{padding:18px}.spv2-info-grid div{background:#f8fafc;border:1px solid #e8eef7;border-radius:16px;min-width:0;padding:12px}.spv2-info-grid div.spv2-info-wide{grid-column:1/-1}.spv2-info-grid small{color:#64748b;font-size:9.5px;font-weight:900;line-height:1.2;display:block}.spv2-info-grid strong{color:#29264f;word-break:break-word;white-space:normal;margin-top:5px;font-size:11px;font-weight:1000;line-height:1.25;display:block}.spv2-parent-actions{padding:0 18px 18px}.spv2-doc-section{background:#fff;border:1px solid #e8eef7;border-radius:20px;grid-column:1/-1;margin-top:4px;padding:14px}.spv2-doc-section.parent-docs{margin:0 18px 14px}.spv2-doc-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.spv2-doc-section-title strong{color:#29264f;font-size:13px;font-weight:1000}.spv2-doc-section-title span{color:#64748b;font-size:10px;font-weight:900}.spv2-doc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.spv2-doc-card{color:#29264f;background:#f8fafc;border:1px solid #e8eef7;border-radius:18px;gap:9px;min-width:0;min-height:138px;padding:10px;text-decoration:none;transition:all .22s;display:grid}.spv2-doc-card:hover{border-color:#38bdf899;transform:translateY(-2px);box-shadow:0 14px 30px #29264f1a}.spv2-doc-card.empty{opacity:.72;cursor:default}.spv2-doc-card.empty:hover{box-shadow:none;border-color:#e8eef7;transform:none}.spv2-doc-preview{background:radial-gradient(circle at 20% 0,#6bdc3b1f,#0000 34%),radial-gradient(circle at 90% 0,#38bdf829,#0000 34%),#fff;border:1px solid #eef2f7;border-radius:14px;justify-content:center;align-items:center;width:100%;height:82px;display:flex;overflow:hidden}.spv2-doc-preview img{object-fit:cover;width:100%;height:100%;display:block}.spv2-doc-file-icon,.spv2-doc-empty-icon{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;font-size:13px;font-weight:1000;display:flex}.spv2-doc-empty-icon{color:#64748b;background:#e2e8f0;font-size:24px}.spv2-doc-card strong{color:#29264f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:1000;line-height:1.2;display:block;overflow:hidden}.spv2-doc-card p{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:9.5px;font-weight:850;line-height:1.25;overflow:hidden}.spv2-sync-form{grid-template-columns:1fr 1fr;gap:12px;padding:18px 18px 0;display:grid}.spv2-sync-form label,.spv2-batch-info{color:#29264f;background:#f8fafc;border:1px solid #e8eef7;border-radius:18px;gap:7px;padding:12px;font-size:11px;font-weight:1000;display:grid}.spv2-batch-info small{color:#64748b;font-size:9.5px;font-weight:900}.spv2-batch-info strong{color:#29264f;font-size:12px;font-weight:1000}.spv2-batch-info p{color:#64748b;margin:0;font-size:10px;font-weight:850;line-height:1.3}.spv2-sync-warning{color:#64748b;background:#f8fbff;border:1px solid #e2e8f0;border-radius:16px;margin:12px 18px 0;padding:12px;font-size:11px;font-weight:900;line-height:1.45}.spv2-sync-loading{text-align:center;background:radial-gradient(circle at 12% 0,#6bdc3b24,#0000 34%),radial-gradient(circle at 88% 0,#38bdf829,#0000 34%),#eff6ff;border:1px solid #bfdbfe;border-radius:20px;margin:12px 18px 0;padding:18px}.spv2-sync-orbit{border:5px solid #38bdf8;border-color:#38bdf8 #6bdc3b #38bdf82e #38bdf82e;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto;animation:.85s linear infinite spv2SyncOrbit;display:flex}.spv2-sync-orbit div{background:linear-gradient(135deg,#6bdc3b,#38bdf8);border-radius:50%;width:15px;height:15px;box-shadow:0 8px 18px #38bdf840}.spv2-sync-loading strong{color:#29264f;margin-top:11px;font-size:13px;font-weight:1000;display:block}.spv2-sync-loading p{color:#64748b;margin:5px 0 0;font-size:11px;font-weight:850;line-height:1.45}.spv2-progress-wrap{background:#ffffffc7;border:1px solid #e2e8f0e6;border-radius:16px;margin-top:15px;padding:11px}.spv2-progress-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.spv2-progress-top span{color:#64748b;font-size:10px;font-weight:900}.spv2-progress-top b{color:#29264f;font-size:12px;font-weight:1000}.spv2-progress-bar{background:#dbeafe;border-radius:999px;width:100%;height:11px;overflow:hidden}.spv2-progress-bar div{border-radius:inherit;background:linear-gradient(135deg,#6bdc3b,#38bdf8,#8b5cf6);min-width:0;height:100%;transition:width .35s;box-shadow:0 8px 18px #38bdf83d}.spv2-sync-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:16px;margin:12px 18px 0;padding:12px;font-size:11px;font-weight:1000}.spv2-sync-result{margin:14px 18px 0}.spv2-sync-result h4{color:#29264f;margin:0 0 10px;font-size:15px;font-weight:1000}.spv2-sync-result-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.spv2-sync-result-grid div{background:#f8fbff;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.spv2-sync-result-grid strong{color:#29264f;font-size:20px;font-weight:1000;line-height:1;display:block}.spv2-sync-result-grid span{color:#64748b;margin-top:6px;font-size:9.5px;font-weight:900;display:block}.spv2-sync-log{gap:7px;margin-top:10px;display:grid}.spv2-sync-log div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px}.spv2-sync-log strong{color:#29264f;font-size:10.5px;font-weight:1000;display:block}.spv2-sync-log p{color:#64748b;margin:5px 0 0;font-size:9.5px;font-weight:850}.spv2-sync-status{color:#0369a1;background:#e0f2fe;border-radius:999px;width:fit-content;margin-top:5px;padding:4px 8px;font-size:8.5px;font-weight:1000;line-height:1;display:inline-flex}.spv2-sync-status.downloaded{color:#15803d;background:#dcfce7}.spv2-sync-status.failed{color:#b91c1c;background:#fee2e2}.spv2-sync-status.skipped_existing{color:#b45309;background:#fef3c7}.spv2-sync-status.skipped_empty_url{color:#64748b;background:#f1f5f9}.spv2-modal-actions{flex:none;justify-content:flex-end;gap:9px;margin-top:16px;padding:14px 18px 18px;display:flex}.spv2-modal-actions button{color:#29264f;box-shadow:none;background:#f1f5f9}.spv2-modal-actions button.primary{color:#fff;background:linear-gradient(135deg,#6bdc3b,#38bdf8);box-shadow:0 12px 24px #38bdf82e}@media (width<=1100px){.spv2-page{height:auto;min-height:calc(100vh - 58px);overflow:visible}.spv2-panel{height:640px}.spv2-summary-grid{grid-template-columns:1fr}.spv2-toolbar{flex-direction:column}.spv2-actions{justify-content:flex-start;width:100%}}@media (width<=760px){.spv2-page{height:auto;margin-top:0;padding-bottom:18px;overflow:visible}.spv2-header{flex-direction:column}.spv2-header-actions,.spv2-header-actions button,.spv2-actions,.spv2-actions input,.spv2-actions select,.spv2-actions button{width:100%}.spv2-header-actions{flex-direction:column;align-items:stretch}.spv2-panel{height:620px}.spv2-modal-backdrop{align-items:flex-start;padding:12px}.spv2-photo-modal,.spv2-parent-modal,.spv2-sync-modal{border-radius:22px;max-height:calc(100vh - 24px)}.spv2-modal-header{padding:16px}.spv2-modal-header h3{font-size:20px}.spv2-photo-modal-body{grid-template-columns:1fr;padding:14px}.spv2-photo-frame,.spv2-photo-frame img{min-height:280px}.spv2-info-grid,.spv2-info-grid.parent,.spv2-sync-form,.spv2-sync-result-grid,.spv2-doc-grid{grid-template-columns:1fr}.spv2-sync-form,.spv2-info-grid.parent{padding:14px}.spv2-sync-warning,.spv2-sync-loading,.spv2-sync-error,.spv2-sync-result,.spv2-doc-section.parent-docs{margin-left:14px;margin-right:14px}.spv2-doc-card{min-height:128px}.spv2-doc-preview{height:96px}.spv2-modal-actions{flex-direction:column;padding:14px}.spv2-modal-actions button{width:100%}}.spv2-doc-card.fallback .spv2-doc-file-icon{background:linear-gradient(135deg,#f59e0b,#8b5cf6)}.spv2-doc-card.fallback p{color:#b45309}.spv2-quick-edit-card{background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 35%),#f8fbff!important;border:1px solid #dbeafe!important}.spv2-quick-edit-grid{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:10px;display:grid}.spv2-quick-edit-grid label{color:#64748b;flex-direction:column;gap:6px;font-size:11px;font-weight:950;display:flex}.spv2-quick-edit-grid input,.spv2-quick-edit-grid select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:40px;padding:0 12px;font-size:13px;font-weight:850}.spv2-quick-edit-grid input:focus,.spv2-quick-edit-grid select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf821}.spv2-quick-edit-grid button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;border-radius:14px;min-height:40px;padding:0 16px;font-size:12px;font-weight:950;box-shadow:0 10px 22px #22c55e2e}.spv2-quick-edit-grid button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.spv2-photo-frame{position:relative}.spv2-photo-upload-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172abd;border:0;border-radius:999px;min-height:42px;font-size:12px;font-weight:950;transition:transform .16s,background .16s;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 12px 26px #0f172a38}.spv2-photo-upload-btn:hover{background:#0f172ae0;transform:translateY(-1px)}.spv2-doc-slot{flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.spv2-doc-card.add{background:radial-gradient(circle at 100% 0,#22c55e1f,#0000 32%),#f8fafc;border-style:dashed}.spv2-doc-upload-btn{color:#15803d;cursor:pointer;background:#dcfce7;border:0;border-radius:12px;min-height:34px;padding:0 12px;font-size:11px;font-weight:950;transition:transform .16s,box-shadow .16s,background .16s}.spv2-doc-upload-btn:hover{background:#bbf7d0;transform:translateY(-1px);box-shadow:0 8px 18px #22c55e29}.spv2-doc-upload-btn.replace{color:#1d4ed8;background:#eff6ff}.spv2-doc-upload-btn.replace:hover{background:#dbeafe;box-shadow:0 8px 18px #2563eb21}.spv2-upload-modal{background:#fff;border-radius:28px;width:min(560px,100vw - 28px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 90px #0f172a47}.spv2-upload-form{flex-direction:column;gap:14px;padding:22px;display:flex}.spv2-upload-form label{color:#334155;flex-direction:column;gap:7px;font-size:12px;font-weight:950;display:flex}.spv2-upload-form select,.spv2-upload-form input[type=file]{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:15px;outline:none;width:100%;min-height:46px;padding:10px 12px;font-size:13px;font-weight:800}.spv2-upload-form select:focus,.spv2-upload-form input[type=file]:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf821}.spv2-modal-actions button.primary{color:#fff;background:linear-gradient(135deg,#22c55e,#38bdf8)}.spv2-modal-actions button:disabled{cursor:not-allowed;opacity:.55}.spv2-doc-grid{align-items:stretch}.spv2-doc-slot .spv2-doc-card{height:100%}.spv2-actions{align-items:center}.spv2-actions input,.spv2-actions select{transition:border-color .16s,box-shadow .16s}.spv2-actions input:focus,.spv2-actions select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf821}@media (width<=980px){.spv2-quick-edit-grid{grid-template-columns:1fr}.spv2-quick-edit-grid button{width:100%}}@media (width<=720px){.spv2-upload-modal{border-radius:22px;width:calc(100vw - 20px)}.spv2-upload-form{padding:16px}.spv2-photo-upload-btn{min-height:38px;font-size:11px;bottom:10px;left:10px;right:10px}.spv2-doc-upload-btn{min-height:32px;font-size:10.5px}.spv2-quick-edit-card{grid-column:1/-1}}.spv2-upload-form input[type=file]{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #bae6fd;border-radius:18px;min-height:54px;padding:10px 12px;font-size:13px;font-weight:850;position:relative}.spv2-upload-form input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;border-radius:12px;min-height:34px;margin-right:12px;padding:0 14px;font-size:12px;font-weight:950;box-shadow:0 8px 18px #22c55e29}.spv2-upload-form input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;border-radius:12px;min-height:34px;margin-right:12px;padding:0 14px;font-size:12px;font-weight:950;box-shadow:0 8px 18px #22c55e29}.spv2-upload-form input[type=file]:hover{background:#f8fbff;border-color:#38bdf8}.spv2-upload-form input[type=file]:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e21}.spv2-upload-selected-file{color:#475569;word-break:break-word;background:#f8fbff;border:1px dashed #93c5fd;border-radius:16px;align-items:center;min-height:42px;padding:0 14px;font-size:12px;font-weight:900;display:flex}.spv2-upload-selected-file:not(:empty){color:#166534;background:#f0fdf4;border-color:#86efac}.spv2-upload-note{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:17px;padding:13px 14px;font-size:12px;font-weight:850;line-height:1.5}.spv2-upload-modal .spv2-modal-actions{padding:0 22px 22px}.spv2-upload-modal .spv2-modal-actions button{border-radius:999px;min-height:44px;padding:0 18px;font-size:13px;font-weight:950}.spv2-upload-modal .spv2-modal-actions button:first-child{color:#334155;background:#f1f5f9;border:0}.spv2-upload-modal .spv2-modal-actions button.primary{color:#fff;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;box-shadow:0 12px 26px #22c55e2e}@media (width<=720px){.spv2-upload-form input[type=file]{min-height:50px;font-size:12px}.spv2-upload-form input[type=file]::file-selector-button{min-height:32px;padding:0 12px;font-size:11px}.spv2-upload-form input[type=file]::-webkit-file-upload-button{min-height:32px;padding:0 12px;font-size:11px}.spv2-upload-modal .spv2-modal-actions{flex-direction:column-reverse;padding:0 16px 16px}.spv2-upload-modal .spv2-modal-actions button{width:100%}}.spv2-panel{flex-direction:column;min-height:calc(100vh - 250px);display:flex;overflow:hidden}.spv2-toolbar{flex:none}.spv2-table-wrap{border-bottom:1px solid #e2e8f0;flex:auto;min-height:360px;overflow:auto}.spv2-table{width:100%}.spv2-table thead th{z-index:10;background:#f1f5f9;position:sticky;top:0}.spv2-pagination-bar{background:#fff;border-top:1px solid #e2e8f0;flex:none;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:12px 16px;display:flex;box-shadow:0 -10px 24px #0f172a0d}.spv2-pagination-info{color:#64748b;align-items:center;gap:10px;font-size:12px;font-weight:850;display:flex}.spv2-pagination-info strong{color:#0f172a;font-size:13px;font-weight:950}.spv2-pagination-controls{align-items:center;gap:8px;display:flex}.spv2-pagination-controls label{color:#64748b;align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.spv2-pagination-controls select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;min-height:34px;padding:0 10px;font-size:12px;font-weight:850}.spv2-pagination-controls button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;border-radius:11px;min-height:34px;padding:0 12px;font-size:12px;font-weight:950;box-shadow:0 8px 18px #22c55e24}.spv2-pagination-controls button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;filter:grayscale(.25)}@media (width<=720px){.spv2-panel{min-height:calc(100vh - 220px)}.spv2-table-wrap{min-height:320px}.spv2-pagination-bar{flex-direction:column;align-items:stretch;padding:12px}.spv2-pagination-info{justify-content:space-between}.spv2-pagination-controls{flex-wrap:wrap}.spv2-pagination-controls label{justify-content:space-between;width:100%}.spv2-pagination-controls select{width:120px}.spv2-pagination-controls button{flex:1;padding:0 8px}}.class-management-page{grid-template-rows:auto auto 1fr;gap:16px;height:calc(100vh - 70px);display:grid;overflow:hidden}.class-management-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.class-management-header span{color:#2fa60f;background:#6bdc3b29;border-radius:999px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:1000;display:inline-flex}.class-management-header h2{color:#29264f;letter-spacing:-.6px;margin:14px 0 8px;font-size:34px;font-weight:1000;line-height:1.08}.class-management-header p{color:#64748b;max-width:780px;margin:0;font-size:15px;font-weight:850;line-height:1.55}.class-management-header button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;height:46px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:1000;transition:all .22s;box-shadow:0 14px 30px #38bdf833}.class-management-header button:hover{transform:translateY(-2px)}.class-management-message{border-radius:18px;padding:14px 16px;font-size:14px;font-weight:900}.class-management-message.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.class-management-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.class-management-message.warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.class-management-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.class-management-summary-card{background:#ffffffe0;border:1px solid #fffffff0;border-radius:26px;align-items:center;gap:14px;min-height:96px;padding:18px 20px;display:flex;box-shadow:0 18px 42px #29264f14}.class-management-summary-card>span{background:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex;box-shadow:0 12px 28px #29264f14}.class-management-summary-card strong{color:#29264f;font-size:30px;font-weight:1000;line-height:1;display:block}.class-management-summary-card p{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:900}.class-management-panel{background:#ffffffe0;border:1px solid #fffffff0;border-radius:28px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 22px 54px #29264f14}.class-management-tabs{background:radial-gradient(circle at 8% 0,#6bdc3b1a,#0000 28%),#f8fbffbd;border-bottom:1px solid #e8eef7;flex:none;align-items:center;gap:10px;padding:16px 18px;display:flex}.class-management-tabs button{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;height:40px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:1000;transition:all .22s}.class-management-tabs button:hover{color:#0369a1;background:#e0f2fe;transform:translateY(-2px)}.class-management-tabs button.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 12px 24px #38bdf833}.class-management-tabs select{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:15px;outline:none;min-width:120px;height:40px;margin-left:auto;padding:0 13px;font-family:inherit;font-size:12px;font-weight:900}.class-management-tabs select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.class-management-grid{flex:auto;grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:18px;min-height:0;padding:18px;display:grid;overflow:hidden}.class-management-form{background:#fff;border:1px solid #e8eef7;border-radius:24px;gap:13px;height:fit-content;max-height:100%;padding:20px;display:grid;overflow-y:auto;box-shadow:0 14px 32px #29264f0d}.class-management-form::-webkit-scrollbar{width:5px}.class-management-form::-webkit-scrollbar-thumb{background:#29264f2e;border-radius:999px}.class-management-form h3{color:#29264f;margin:0;font-size:21px;font-weight:1000}.class-management-form-group{gap:7px;display:grid}.class-management-form-group label{color:#29264f;font-size:12px;font-weight:1000}.class-management-form-group input,.class-management-form-group select{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:15px;outline:none;width:100%;height:42px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:850}.class-management-form-group input:focus,.class-management-form-group select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.class-management-form-group input:disabled,.class-management-form-group select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.class-management-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.class-management-form-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.class-management-form-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6bdc3b,#38bdf8);border:0;border-radius:999px;height:40px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:1000;transition:all .22s;box-shadow:0 12px 24px #6bdc3b29}.class-management-form-actions button:hover{transform:translateY(-2px)}.class-management-form-actions button.secondary{color:#29264f;box-shadow:none;background:#f1f5f9}.class-management-form-actions button:disabled{opacity:.55;cursor:not-allowed;transform:none}.class-management-table-card{background:#fff;border:1px solid #e8eef7;border-radius:24px;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 14px 32px #29264f0d}.class-management-table-header{background:#fff;border-bottom:1px solid #e8eef7;flex:none;padding:18px 20px}.class-management-table-header span{color:#2fa60f;background:#6bdc3b29;border-radius:999px;width:fit-content;padding:7px 14px;font-size:12px;font-weight:1000;display:inline-flex}.class-management-table-header h3{color:#29264f;margin:10px 0 0;font-size:22px;font-weight:1000}.class-management-table-wrap{flex:auto;width:100%;min-height:0;overflow:auto}.class-management-table-wrap::-webkit-scrollbar{width:6px;height:6px}.class-management-table-wrap::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.class-management-table-wrap::-webkit-scrollbar-track{background:#f1f5f9d9}.class-management-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:820px}.class-management-table thead th{z-index:5;color:#64748b;text-align:left;vertical-align:middle;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:1000;line-height:1.2;position:sticky;top:0}.class-management-table tbody td{color:#29264f;text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;height:32px;padding:5px 16px;font-size:10.5px;font-weight:850;line-height:1.08}.class-management-table tbody tr{background:#fff;height:32px}.class-management-table tbody tr:hover{background:linear-gradient(90deg,#38bdf80f,#8b5cf60a)}.class-management-table td strong{color:#29264f;font-size:10.5px;font-weight:1000;line-height:1.08;display:block}.class-management-table td small{color:#64748b;margin-top:2px;font-size:9.5px;font-weight:850;line-height:1.1;display:block}.class-management-table th:first-child,.class-management-table td:first-child{width:90px}.class-management-table th:nth-child(2),.class-management-table td:nth-child(2){width:140px}.class-management-table th:nth-child(3),.class-management-table td:nth-child(3){width:230px}.class-management-table th:nth-child(4),.class-management-table td:nth-child(4),.class-management-table th:nth-child(5),.class-management-table td:nth-child(5){width:150px}.class-status-pill{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:8.5px;font-weight:1000;line-height:1;display:inline-flex}.class-status-pill.active{color:#15803d;background:#dcfce7}.class-status-pill.inactive{color:#b91c1c;background:#fee2e2}.class-action-btn{color:#0369a1;cursor:pointer;background:#e0f2fe;border:0;border-radius:999px;height:26px;min-height:26px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:1000;transition:all .22s}.class-action-btn:hover{transform:translateY(-2px)}.class-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.class-management-table input,.class-management-table select{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:11px;outline:none;max-width:130px;height:28px;min-height:28px;padding:0 9px;font-family:inherit;font-size:9.5px;font-weight:900}.class-management-table input:focus,.class-management-table select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}@media (width<=1200px){.class-management-page{height:auto;min-height:calc(100vh - 70px);overflow:visible}.class-management-panel{height:calc(100vh - 330px);min-height:560px}.class-management-summary-grid{grid-template-columns:1fr}.class-management-grid{grid-template-columns:1fr;overflow:auto}.class-management-form{max-height:none}}@media (width<=760px){.class-management-page{height:auto;overflow:visible}.class-management-header{flex-direction:column}.class-management-header h2{font-size:30px}.class-management-tabs{flex-direction:column;align-items:stretch}.class-management-tabs button,.class-management-tabs select{width:100%;margin-left:0}.class-management-panel{height:720px}.class-management-grid{padding:14px}.class-management-form-row{grid-template-columns:1fr}.class-management-form-actions{flex-direction:column}.class-management-form-actions button{width:100%}}.permission-page{color:#29264f;grid-template-rows:auto auto auto 1fr;gap:14px;width:100%;min-height:calc(100vh - 90px);display:grid}.permission-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.permission-header span{color:#2fa60f;background:#6bdc3b29;border-radius:999px;width:fit-content;padding:6px 13px;font-size:12px;font-weight:1000;display:inline-flex}.permission-header h2{color:#29264f;letter-spacing:-.4px;margin:9px 0 6px;font-size:28px;font-weight:1000;line-height:1}.permission-header p{color:#64748b;max-width:720px;margin:0;font-size:12.5px;font-weight:850;line-height:1.45}.permission-header button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;height:36px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:1000;box-shadow:0 12px 24px #38bdf82e}.permission-header button:disabled{opacity:.6;cursor:not-allowed}.permission-message,.permission-readonly-alert{border-radius:16px;padding:11px 14px;font-size:12px;font-weight:950;line-height:1.35}.permission-message.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.permission-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.permission-readonly-alert{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.permission-tab-switcher{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:5px;display:flex}.permission-tab-switcher button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;height:32px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:1000}.permission-tab-switcher button.active{color:#fff;background:linear-gradient(135deg,#ff3d8b,#ff8a1f);box-shadow:0 10px 20px #ff3d8b33}.permission-layout{grid-template-columns:260px minmax(0,1fr);align-items:stretch;gap:14px;min-height:0;display:grid}.permission-user-card,.permission-table-card,.permission-bulk-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #fffffff5;box-shadow:0 18px 42px #29264f12}.permission-user-card{border-radius:24px;flex-direction:column;gap:13px;min-height:0;padding:16px;display:flex}.permission-user-card h3,.permission-table-header h3,.permission-bulk-head h3{color:#29264f;margin:0;font-size:18px;font-weight:1000}.permission-form-group{gap:7px;display:grid}.permission-form-group label{color:#29264f;font-size:11px;font-weight:1000}.permission-form-group select,.permission-table-header input,.permission-bulk-search{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:15px;outline:none;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:850}.permission-form-group select:focus,.permission-table-header input:focus,.permission-bulk-search:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.selected-user-box{text-align:center;background:radial-gradient(circle at 15% 15%,#ff2f921a,#0000 36%),#f8fbff;border:1px solid #e8eef7;border-radius:22px;padding:16px}.selected-user-box>div{color:#fff;background:linear-gradient(135deg,#ff2f92,#8b5cf6);border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 10px;font-size:21px;font-weight:1000;display:flex;box-shadow:0 12px 26px #ff2f9229}.selected-user-box strong,.selected-user-box span,.selected-user-box small{display:block}.selected-user-box strong{color:#29264f;font-size:14px;font-weight:1000;line-height:1.2}.selected-user-box span{color:#64748b;margin-top:4px;font-size:11px;font-weight:900}.selected-user-box small{color:#2fa60f;text-transform:capitalize;background:#6bdc3b29;border-radius:999px;width:fit-content;margin:9px auto 0;padding:5px 10px;font-size:10px;font-weight:1000}.permission-summary{grid-template-columns:1fr 1fr;gap:9px;display:grid}.permission-summary div{background:#f8fbff;border:1px solid #e8eef7;border-radius:18px;padding:12px}.permission-summary strong{color:#29264f;font-size:22px;font-weight:1000;line-height:1;display:block}.permission-summary span{color:#64748b;margin-top:5px;font-size:10px;font-weight:900;display:block}.permission-bulk-actions{gap:9px;display:grid}.permission-bulk-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6bdc3b,#38bdf8);border:0;border-radius:999px;height:38px;font-family:inherit;font-size:11px;font-weight:1000;box-shadow:0 10px 22px #6bdc3b29}.permission-bulk-actions button.danger{color:#b91c1c;box-shadow:none;background:#fee2e2}.permission-table-card{border-radius:24px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.permission-table-header{background:#f8fbffc7;border-bottom:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.permission-table-header p{color:#64748b;margin:4px 0 0;font-size:10.5px;font-weight:850;line-height:1.3}.permission-table-header input{max-width:260px}.permission-table-wrap{flex:auto;min-height:0;max-height:calc(100vh - 295px);overflow:auto}.permission-table-wrap::-webkit-scrollbar{width:6px;height:6px}.permission-table-wrap::-webkit-scrollbar-thumb{background:#29264f33;border-radius:999px}.permission-table{border-collapse:separate;border-spacing:0;width:100%;min-width:920px}.permission-table th,.permission-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #eef2f7}.permission-table th{z-index:5;color:#64748b;text-transform:uppercase;background:#f8fbff;padding:9px 12px;font-size:10px;font-weight:1000;line-height:1.1;position:sticky;top:0}.permission-table td{color:#29264f;padding:7px 12px;font-size:11px;font-weight:850}.permission-table th:first-child,.permission-table td:first-child{text-align:left;width:40%}.permission-table tbody tr{background:#fff;height:46px}.permission-table tbody tr:hover{background:linear-gradient(90deg,#38bdf80d,#8b5cf608)}.permission-page-info{align-items:center;gap:9px;min-width:0;display:flex}.permission-page-info>span{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:31px;min-width:31px;height:31px;font-size:14px;display:flex;box-shadow:0 7px 16px #29264f12}.permission-page-info strong,.permission-page-info small{display:block}.permission-page-info strong{color:#29264f;font-size:11.5px;font-weight:1000;line-height:1.1}.permission-page-info small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:320px;margin-top:2px;font-size:8.5px;font-weight:850;line-height:1.05;overflow:hidden}.permission-parent-row{background:#fff}.permission-child-row{background:#fbfdff}.permission-child-row td:first-child{padding-left:34px}.permission-child-row .permission-page-info{position:relative}.permission-child-row .permission-page-info:before{content:"";background:#cbd5e1;border-radius:999px;width:12px;height:2px;position:absolute;top:50%;left:-19px}.permission-check{cursor:pointer;width:38px;height:22px;display:inline-flex;position:relative}.permission-check input{opacity:0;position:absolute;inset:0}.permission-check span{background:#e2e8f0;border-radius:999px;transition:all .22s;position:absolute;inset:0}.permission-check span:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .22s;position:absolute;top:2.5px;left:3px;box-shadow:0 4px 8px #29264f2e}.permission-check input:checked+span{background:linear-gradient(135deg,#6bdc3b,#38bdf8)}.permission-check input:checked+span:before{transform:translate(15px)}.permission-check input:disabled+span{opacity:.55;cursor:not-allowed}.permission-mini-btn{color:#29264f;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;min-height:28px;padding:0 11px;font-family:inherit;font-size:9.5px;font-weight:1000}.permission-mini-btn.danger{color:#b91c1c;background:#fee2e2}.permission-footer{background:#f8fbffb3;border-top:1px solid #e8eef7;flex:none;justify-content:flex-end;padding:13px 16px;display:flex}.save-permission-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2f92,#ff9f1c);border:0;border-radius:999px;min-width:165px;height:38px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:1000;box-shadow:0 12px 26px #ff2f9233}.permission-mini-btn:disabled,.save-permission-btn:disabled,.permission-bulk-actions button:disabled{opacity:.55;cursor:not-allowed}.permission-bulk-page{min-height:0}.permission-bulk-card{border-radius:26px;overflow:hidden}.permission-bulk-head{background:radial-gradient(circle at 8% 0,#6bdc3b1a,#0000 28%),#f8fbffbd;border-bottom:1px solid #e8eef7;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.permission-bulk-head span{color:#0369a1;background:#e0f2fe;border-radius:999px;width:fit-content;padding:5px 11px;font-size:10px;font-weight:1000;display:inline-flex}.permission-bulk-head h3{margin:9px 0 5px}.permission-bulk-head p{color:#64748b;max-width:700px;margin:0;font-size:11.5px;font-weight:850;line-height:1.35}.permission-bulk-counter{background:#fff;border:1px solid #e8eef7;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;min-width:160px;padding:10px;display:grid}.permission-bulk-counter strong{color:#29264f;font-size:20px;font-weight:1000;line-height:1}.permission-bulk-counter span{color:#64748b;background:0 0;padding:0;font-size:10px}.permission-bulk-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;padding:18px;display:grid}.permission-bulk-section{background:#f8fbff;border:1px solid #e8eef7;border-radius:22px;gap:11px;min-width:0;padding:14px;display:grid}.permission-bulk-section.permission-target{grid-column:1/-1}.permission-bulk-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.permission-bulk-section-head h4{color:#29264f;margin:0;font-size:15px;font-weight:1000}.permission-bulk-section-head p{color:#64748b;margin:3px 0 0;font-size:10px;font-weight:850;line-height:1.25}.permission-bulk-section-head button{color:#0369a1;cursor:pointer;background:#e0f2fe;border:0;border-radius:999px;height:28px;padding:0 11px;font-family:inherit;font-size:9.5px;font-weight:1000}.permission-bulk-page-list,.permission-bulk-user-list{gap:9px;padding-right:4px;display:grid;overflow:auto}.permission-bulk-page-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:345px}.permission-bulk-user-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px}.permission-bulk-page-list::-webkit-scrollbar{width:5px;height:5px}.permission-bulk-user-list::-webkit-scrollbar{width:5px;height:5px}.permission-bulk-page-list::-webkit-scrollbar-thumb{background:#29264f33;border-radius:999px}.permission-bulk-user-list::-webkit-scrollbar-thumb{background:#29264f33;border-radius:999px}.permission-bulk-page-list button,.permission-bulk-user-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:0;font-family:inherit;transition:all .18s}.permission-bulk-page-list button{grid-template-columns:31px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:9px 10px;display:grid}.permission-bulk-user-list button{min-height:50px;padding:9px 10px}.permission-bulk-page-list button:hover,.permission-bulk-user-list button:hover{background:#eff6ff;border-color:#38bdf8}.permission-bulk-page-list button.active,.permission-bulk-user-list button.active{background:#e0f2fe;border-color:#38bdf8;box-shadow:0 8px 18px #38bdf81f}.permission-bulk-page-list button span{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:31px;height:31px;font-size:15px;display:flex}.permission-bulk-page-list button strong,.permission-bulk-user-list button strong{color:#29264f;font-size:11px;font-weight:1000;line-height:1.15;display:block}.permission-bulk-page-list button small,.permission-bulk-user-list button small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8.5px;font-weight:850;line-height:1.1;display:block;overflow:hidden}.permission-bulk-selected{flex-wrap:wrap;gap:6px;display:flex}.permission-bulk-selected span{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;line-height:1}.permission-bulk-empty{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;grid-column:1/-1;padding:12px;font-size:10px;font-weight:900}.permission-bulk-check-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.permission-bulk-check-grid label{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:9px;min-height:42px;padding:9px 12px;font-size:11px;font-weight:1000;display:flex}.permission-bulk-check-grid input{accent-color:#38bdf8;width:15px;height:15px}.permission-bulk-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2f92,#ff9f1c);border:0;border-radius:999px;width:fit-content;min-width:260px;height:42px;padding:0 20px;font-family:inherit;font-size:11px;font-weight:1000;box-shadow:0 12px 26px #ff2f9233}.permission-bulk-save-btn:disabled,.permission-bulk-section-head button:disabled,.permission-bulk-page-list button:disabled,.permission-bulk-user-list button:disabled{opacity:.55;cursor:not-allowed}@media (width<=1200px){.permission-layout{grid-template-columns:1fr}.permission-table-wrap{max-height:560px}.permission-bulk-grid{grid-template-columns:1fr}.permission-bulk-section.permission-target{grid-column:auto}}@media (width<=820px){.permission-header,.permission-table-header,.permission-bulk-head{flex-direction:column;align-items:stretch}.permission-table-header input{max-width:100%}.permission-tab-switcher{width:100%}.permission-tab-switcher button{flex:1}.permission-bulk-page-list,.permission-bulk-user-list{grid-template-columns:1fr}.permission-bulk-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-bulk-save-btn,.save-permission-btn{width:100%}}@media (width<=520px){.permission-summary,.permission-bulk-check-grid{grid-template-columns:1fr}.permission-table{min-width:760px}}.dashboard-login-page{color:#29264f;background:radial-gradient(circle at 10% 10%,#ff2f9224,#0000 28%),radial-gradient(circle at 90% 12%,#38bdf82e,#0000 30%),radial-gradient(circle at 70% 90%,#8b5cf61f,#0000 30%),linear-gradient(135deg,#fff7fb 0%,#f4fff1 46%,#eef8ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:28px;font-family:Nunito,sans-serif;display:flex}.dashboard-login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffdb;border:1px solid #ffffffeb;border-radius:38px;width:min(100%,520px);padding:38px;box-shadow:0 32px 80px #29264f1f}.dashboard-login-logo{color:#fff;background:linear-gradient(135deg,#ff2f92,#ff9f1c,#6bdc3b,#38bdf8);border-radius:24px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:20px;font-size:30px;font-weight:1000;display:flex;box-shadow:0 18px 36px #ff2f9233}.dashboard-login-card>span{color:#2fa60f;background:#6bdc3b29;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:1000;display:inline-flex}.dashboard-login-card h1{color:#29264f;margin:18px 0 12px;font-size:44px;font-weight:1000;line-height:1.05}.dashboard-login-card p{color:#64748b;margin:0 0 24px;font-size:16px;font-weight:850;line-height:1.7}.dashboard-login-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:18px;margin-bottom:18px;padding:15px 16px;font-size:14px;font-weight:900}.dashboard-login-form{gap:18px;display:grid}.dashboard-login-group{gap:8px;display:grid}.dashboard-login-group label{color:#29264f;font-size:14px;font-weight:1000}.dashboard-login-group input{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:20px;outline:none;width:100%;height:56px;padding:0 16px;font-family:inherit;font-size:16px;font-weight:850}.dashboard-login-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 5px #38bdf821}.dashboard-login-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2f92,#ff9f1c);border:0;border-radius:999px;height:56px;font-family:inherit;font-size:16px;font-weight:1000;transition:all .25s;box-shadow:0 18px 36px #ff2f9238}.dashboard-login-form button:hover{transform:translateY(-2px)}.dashboard-login-form button:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (width<=640px){.dashboard-login-card{border-radius:30px;padding:30px 22px}.dashboard-login-card h1{font-size:36px}}.permission-layout{align-items:stretch;height:calc(100vh - 285px);min-height:430px;overflow:hidden}.permission-user-card,.permission-table-card{height:100%;min-height:0}.permission-table-card{flex-direction:column;display:flex;overflow:hidden}.permission-table-header{flex:none}.permission-table-wrap{flex:auto;min-height:0;overflow:auto;max-height:none!important}.permission-footer{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbfff5;border-top:1px solid #e8eef7;flex:none;justify-content:flex-end;padding:10px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 24px #29264f0f}.save-permission-btn{min-width:175px;height:38px}.permission-bulk-danger-zone{background:#fff1f2;border:1px solid #fecdd3;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:0 16px 16px;padding:14px 16px;display:flex}.permission-bulk-danger-zone strong{color:#be123c;font-size:14px;font-weight:1000;display:block}.permission-bulk-danger-zone p{color:#9f1239;margin:4px 0 0;font-size:11px;font-weight:850}.permission-danger-main-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e11d48,#fb7185);border:0;border-radius:999px;height:38px;padding:0 18px;font-family:inherit;font-size:10px;font-weight:1000;box-shadow:0 12px 24px #e11d483d}.permission-danger-main-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.permission-bulk-head-actions{align-items:center;gap:6px;display:flex}.permission-bulk-head-actions button{color:#0284c7;cursor:pointer;background:#e0f2fe;border:0;border-radius:999px;height:30px;padding:0 12px;font-family:inherit;font-size:9px;font-weight:1000}.permission-bulk-head-actions button.danger{color:#dc2626;background:#fee2e2}.permission-bulk-head-actions button:disabled{opacity:.5;cursor:not-allowed}.permission-bulk-action-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.permission-bulk-revoke-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48,#fb7185);border:0;border-radius:14px;height:42px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:1000;box-shadow:0 12px 24px #e11d4838}.permission-bulk-revoke-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (width<=900px){.permission-bulk-danger-zone{flex-direction:column;align-items:flex-start}.permission-danger-main-btn{width:100%}.permission-bulk-action-row{grid-template-columns:1fr}}.dashboard-menu{gap:5px!important}.dashboard-menu-group{gap:4px!important}.dashboard-menu-item{border-radius:16px!important;gap:10px!important;min-height:42px!important;padding:0 12px!important;font-size:13px!important}.dashboard-submenu{gap:3px!important;margin-left:14px!important;padding-left:14px!important}.dashboard-submenu-item{border-radius:14px!important;gap:9px!important;min-height:36px!important;padding:0 11px!important;font-size:12px!important}.menu-icon{width:24px!important;min-width:24px!important;height:24px!important;font-size:16px!important}.menu-chevron{width:24px!important;height:24px!important}.dashboard-sidebar{position:sticky!important;overflow:visible!important}.dashboard-toggle{color:#29264f!important;z-index:80!important;background:#fff!important;border:1px solid #e2e8f0f2!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;display:inline-flex!important;position:absolute!important;top:118px!important;right:-18px!important;transform:none!important;box-shadow:0 10px 24px #29264f24!important}.dashboard-toggle:hover{color:#2563eb!important;transform:scale(1.06)!important}.sidebar-toggle-icon,.sidebar-toggle-icon svg{width:18px!important;height:18px!important}.dashboard-layout.closed .dashboard-toggle{align-self:auto!important;right:-18px!important}@media (width<=760px){.dashboard-toggle{display:none!important}}.page-registry-page{color:#29264f;grid-template-rows:auto 1fr;gap:14px;height:calc(100vh - 82px);min-height:0;display:grid;overflow:hidden}.registry-header{flex:none;justify-content:space-between;align-items:flex-start;gap:18px;min-height:92px;display:flex}.registry-header>div{min-width:0}.registry-header span{color:#24930d;background:#6bdc3b29;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:7px 15px;font-size:11px;font-weight:1000;line-height:1;display:inline-flex}.registry-header h2{color:#29264f;letter-spacing:-.45px;margin:10px 0 6px;font-size:30px;font-weight:1000;line-height:1}.registry-header p{color:#64748b;max-width:820px;margin:0;font-size:12.5px;font-weight:850;line-height:1.45}.registry-header button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:0;border-radius:999px;height:38px;padding:0 17px;font-family:inherit;font-size:11px;font-weight:1000;transition:all .22s;box-shadow:0 14px 30px #38bdf838}.registry-header button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #38bdf845}.registry-header button:disabled{opacity:.6;cursor:not-allowed;transform:none}.registry-message{border-radius:16px;padding:11px 14px;font-size:12px;font-weight:950;line-height:1.35}.registry-message.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.registry-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.registry-grid{grid-template-columns:310px minmax(0,1fr);align-items:stretch;gap:14px;height:100%;min-height:0;display:grid;overflow:hidden}.registry-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 15% 0,#ff2f9214,#0000 34%),radial-gradient(circle at 92% 12%,#38bdf81a,#0000 34%),#ffffffeb;border:1px solid #fffffff5;border-radius:26px;align-content:start;gap:11px;height:100%;min-height:0;padding:16px;display:grid;overflow:hidden auto;box-shadow:0 20px 48px #29264f14}.registry-form h3{color:#29264f;margin:0 0 4px;font-size:19px;font-weight:1000;line-height:1.1}.registry-form-group{gap:6px;display:grid}.registry-form-group label{color:#29264f;font-size:10.5px;font-weight:1000}.registry-form-group input,.registry-form-group select{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:15px;outline:none;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:850;transition:all .2s}.registry-form-group input::placeholder{color:#94a3b8}.registry-form-group input:focus,.registry-form-group select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.registry-form-group small{color:#64748b;font-size:9.5px;font-weight:850;line-height:1.35}.registry-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.registry-actions{gap:9px;margin-top:3px;display:flex}.registry-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6bdc3b,#38bdf8);border:0;border-radius:999px;height:39px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:1000;transition:all .22s;box-shadow:0 12px 26px #6bdc3b29}.registry-actions button:hover{transform:translateY(-2px)}.registry-actions button.secondary{color:#29264f;box-shadow:none;background:#f1f5f9}.registry-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.registry-table-card,.registry-grouped-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 8% 0,#6bdc3b14,#0000 28%),radial-gradient(circle at 90% 0,#38bdf81a,#0000 30%),#ffffffeb;border:1px solid #fffffff5;border-radius:26px;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 20px 48px #29264f14}.registry-table-header{background:#f8fbffc7;border-bottom:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 17px;display:flex}.registry-table-header h3{color:#29264f;margin:0;font-size:20px;font-weight:1000;line-height:1.1}.registry-table-header p{color:#64748b;margin:5px 0 0;font-size:10.5px;font-weight:850;line-height:1.25}.registry-table-header input{color:#29264f;background:#fff;border:1px solid #e2e8f0;border-radius:15px;outline:none;width:100%;max-width:260px;height:38px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:850;transition:all .2s}.registry-table-header input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.registry-group-list{flex-direction:column;flex:auto;gap:12px;height:auto;min-height:0;max-height:none;padding:12px 12px 40px;display:flex;overflow:hidden auto}.registry-page-group{height:auto;min-height:unset;background:#ffffffe0;border:1px solid #e8eef7;border-radius:20px;flex:none;max-height:none;overflow:visible;box-shadow:0 12px 26px #29264f0b}.registry-page-group.warning{background:radial-gradient(circle at 12% 0,#fb923c14,#0000 36%),#fff7ed;border-color:#fed7aa}.registry-page-group-header{background:#f8fbff;border-bottom:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:flex-start;gap:12px;min-height:58px;padding:12px 14px;display:flex}.registry-page-group-header span{color:#2fa60f;background:#6bdc3b29;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 10px;font-size:10px;font-weight:1000;line-height:1;display:inline-flex}.registry-page-group-header h4{color:#29264f;margin:7px 0 0;font-size:16px;font-weight:1000;line-height:1.1}.registry-page-group-header strong{color:#29264f;white-space:nowrap;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 10px;font-size:9.5px;font-weight:1000;line-height:1;display:inline-flex}.registry-parent-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.registry-parent-actions button{color:#0369a1;cursor:pointer;background:#e0f2fe;border:0;border-radius:999px;min-height:28px;padding:0 10px;font-family:inherit;font-size:9.5px;font-weight:1000;transition:all .2s}.registry-parent-actions button:hover{background:#bae6fd;transform:translateY(-1px)}.registry-table-wrap{width:100%;min-height:unset;height:auto;max-height:none;overflow:auto visible}.registry-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:900px;height:auto}.registry-table thead,.registry-table tbody{height:auto}.registry-table tbody{display:table-row-group;overflow:visible}.registry-table tr,.registry-table td,.registry-table th{height:auto;max-height:none}.registry-table th,.registry-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f7}.registry-table th{color:#64748b;text-transform:uppercase;background:#f8fbff;padding:8px 12px;font-size:9.5px;font-weight:1000;line-height:1.1}.registry-table td{color:#29264f;padding:9px 12px;font-size:10.5px;font-weight:850;line-height:1.15}.registry-table tbody tr{background:#fff;min-height:43px;transition:all .18s}.registry-table tbody tr:hover{background:linear-gradient(90deg,#38bdf80d,#8b5cf608)}.registry-table th:first-child,.registry-table td:first-child{width:72px}.registry-table th:nth-child(2),.registry-table td:nth-child(2){width:260px}.registry-table th:nth-child(3),.registry-table td:nth-child(3){width:145px}.registry-table th:nth-child(4),.registry-table td:nth-child(4){width:260px}.registry-table th:nth-child(5),.registry-table td:nth-child(5){width:108px}.registry-table th:nth-child(6),.registry-table td:nth-child(6){width:170px}.registry-page-name{align-items:center;gap:8px;min-width:0;display:flex}.registry-page-name>span{background:#fff;border-radius:11px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:14px;display:flex;box-shadow:0 7px 16px #29264f12}.registry-page-name strong,.registry-page-name small{display:block}.registry-page-name strong{color:#29264f;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:1000;line-height:1.1;overflow:hidden}.registry-page-name small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:190px;margin-top:2px;font-size:8.5px;font-weight:850;line-height:1.05;overflow:hidden}.parent-pill,.status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 9px;font-size:9px;font-weight:1000;line-height:1;display:inline-flex}.parent-pill{color:#0369a1;background:#e0f2fe}.parent-pill.empty{color:#64748b;background:#f1f5f9}.status-pill.active{color:#15803d;background:#dcfce7}.status-pill.inactive{color:#b91c1c;background:#fee2e2}.registry-action-buttons{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.registry-action-buttons button{color:#29264f;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;min-height:28px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:1000;transition:all .2s}.registry-action-buttons button:hover{background:#e2e8f0;transform:translateY(-1px)}.registry-action-buttons button.danger{color:#b91c1c;background:#fee2e2}.registry-action-buttons button.danger:hover{background:#fecaca}.registry-action-buttons button.success{color:#15803d;background:#dcfce7}.registry-action-buttons button.success:hover{background:#bbf7d0}.registry-action-buttons button:disabled{opacity:.55;cursor:not-allowed;transform:none}.registry-group-empty{color:#64748b;text-align:center;background:#f8fbff;border:1px dashed #cbd5e1;border-radius:16px;margin:12px;padding:16px;font-size:11px;font-weight:900}.registry-form::-webkit-scrollbar{width:7px;height:7px}.registry-group-list::-webkit-scrollbar{width:7px;height:7px}.registry-table-wrap::-webkit-scrollbar{width:7px;height:7px}.registry-form::-webkit-scrollbar-thumb{background:#38bdf873;border-radius:999px}.registry-group-list::-webkit-scrollbar-thumb{background:#38bdf873;border-radius:999px}.registry-table-wrap::-webkit-scrollbar-thumb{background:#38bdf873;border-radius:999px}.registry-form::-webkit-scrollbar-track{background:#f1f5f9b3}.registry-group-list::-webkit-scrollbar-track{background:#f1f5f9b3}.registry-table-wrap::-webkit-scrollbar-track{background:#f1f5f9b3}:is(.dashboard-content-full:has(.page-registry-page),.dashboard-main-compact:has(.page-registry-page),.dashboard-content:has(.page-registry-page)){overflow:hidden}@media (width<=1180px){.page-registry-page{height:auto;min-height:calc(100vh - 82px);overflow:visible}.registry-grid{grid-template-columns:1fr;height:auto;overflow:visible}.registry-form,.registry-table-card,.registry-grouped-card{height:auto;max-height:none;overflow:visible}.registry-group-list{max-height:none;overflow:visible}:is(.dashboard-content-full:has(.page-registry-page),.dashboard-main-compact:has(.page-registry-page),.dashboard-content:has(.page-registry-page)){overflow:visible}}@media (width<=760px){.registry-header,.registry-table-header,.registry-page-group-header{flex-direction:column;align-items:stretch}.registry-header h2{font-size:26px}.registry-header button,.registry-table-header input{width:100%;max-width:100%}.registry-row{grid-template-columns:1fr}.registry-actions{flex-direction:column}.registry-actions button{width:100%}.registry-parent-actions{justify-content:flex-start}.registry-table{min-width:820px}}@media (width<=520px){.page-registry-page{gap:10px}.registry-form,.registry-table-card,.registry-grouped-card{border-radius:22px}.registry-group-list{padding:10px 10px 34px}}.employee-monitoring-page{box-sizing:border-box;background:radial-gradient(circle at 0 0,#ec489914,#0000 34%),radial-gradient(circle at 100% 0,#0ea5e91a,#0000 34%),linear-gradient(135deg,#fff7fb 0%,#f8fffb 48%,#f5fbff 100%);width:100%;min-height:100vh;padding:20px;overflow-x:hidden}.employee-monitoring-hero{box-sizing:border-box;background:linear-gradient(135deg,#fffffff0,#ecfdf594),radial-gradient(circle at 100%,#3b82f624,#0000 38%);border:1px solid #ffffffd9;border-radius:30px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:128px;padding:26px 32px;display:flex;box-shadow:0 22px 54px #29264f14}.employee-monitoring-hero span{color:#15803d;background:#dcfce7;border-radius:999px;width:fit-content;padding:7px 13px;font-size:10px;font-weight:1000;display:inline-flex}.employee-monitoring-hero h2{color:#29264f;letter-spacing:-1px;margin:13px 0 6px;font-size:32px;font-weight:1000;line-height:1}.employee-monitoring-hero p{color:#64748b;margin:0;font-size:12px;font-weight:900}.employee-monitoring-hero button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:16px;height:44px;padding:0 22px;font-size:11px;font-weight:1000;box-shadow:0 14px 28px #3b82f638}.employee-monitoring-message{color:#29264f;background:#fef3c7;border-radius:16px;margin:14px 0 0;padding:12px 14px;font-size:11px;font-weight:900}.employee-monitoring-layout{grid-template-columns:1fr;align-items:start;gap:16px;width:100%;min-width:0;margin-top:18px;display:grid}.employee-monitoring-layout:has(.employee-monitoring-sidebar.show){grid-template-columns:230px minmax(0,1fr);gap:14px}.employee-monitoring-sidebar.hide{display:none}.employee-monitoring-sidebar.show{grid-template-columns:1fr;align-content:start;gap:12px;width:230px;min-width:230px;display:grid}.employee-monitoring-stat{box-sizing:border-box;background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:20px;align-items:center;gap:12px;min-height:66px;padding:12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px #29264f12}.employee-monitoring-stat:before{content:"";background:#8b5cf6;border-radius:0 999px 999px 0;width:5px;position:absolute;top:12px;bottom:12px;left:0}.employee-monitoring-stat:nth-child(2):before{background:#22c55e}.employee-monitoring-stat:nth-child(3):before{background:#fb923c}.employee-monitoring-stat:nth-child(4):before{background:#38bdf8}.employee-monitoring-stat>span{background:#f1f5f9;border-radius:14px;place-items:center;width:36px;min-width:36px;height:36px;font-size:16px;display:grid}.employee-monitoring-stat strong{color:#29264f;font-size:23px;font-weight:1000;line-height:1;display:block}.employee-monitoring-stat small{color:#64748b;margin-top:4px;font-size:9px;font-weight:1000;display:block}.employee-position-summary{background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:22px;gap:10px;padding:14px;display:grid;box-shadow:0 16px 32px #29264f12}.employee-position-summary h4{color:#29264f;margin:0;font-size:12px;font-weight:1000}.employee-position-summary p{color:#64748b;margin:0;font-size:11px;font-weight:800}.employee-position-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:11px}.employee-position-card>strong{color:#29264f;margin-bottom:9px;font-size:11px;font-weight:1000;display:block}.employee-position-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.employee-position-grid div{box-sizing:border-box;text-align:center;background:#f8fafc;border-radius:12px;min-height:42px;padding:7px 4px}.employee-position-grid div:nth-child(2){background:#dcfce7}.employee-position-grid div:nth-child(3){background:#ffedd5}.employee-position-grid div:nth-child(4){background:#dbeafe}.employee-position-grid span{color:#64748b;font-size:7px;font-weight:1000;display:block}.employee-position-grid b{color:#29264f;margin-top:4px;font-size:13px;font-weight:1000;display:block}.employee-monitoring-card{background:#fffffff7;border:1px solid #e2e8f0d9;border-radius:28px;width:100%;min-width:0;overflow:hidden;box-shadow:0 22px 54px #29264f14}.employee-monitoring-card-header{box-sizing:border-box;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.employee-monitoring-card-header h3{color:#29264f;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:1000}.employee-monitoring-card-header p{color:#64748b;margin:4px 0 0;font-size:11px;font-weight:900}.employee-monitoring-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.employee-resume-toggle{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#34d399,#22c55e);border:none;border-radius:16px;height:38px;padding:0 16px;font-size:10px;font-weight:1000;box-shadow:0 12px 24px #22c55e33}.employee-monitoring-actions input{box-sizing:border-box;color:#29264f;background:#fff;border:1px solid #cbd5e1;border-radius:16px;outline:none;width:200px;height:38px;padding:0 14px;font-size:10px;font-weight:900}.employee-monitoring-tabs{box-sizing:border-box;background:#f1f5f9;border-radius:17px;align-items:center;gap:5px;height:38px;padding:5px;display:flex}.employee-monitoring-tabs button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:13px;height:28px;padding:0 12px;font-size:9px;font-weight:1000}.employee-monitoring-tabs button.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 8px 18px #3b82f633}.employee-monitoring-table-wrap{width:100%;max-width:100%;overflow:auto visible}.employee-monitoring-table-wrap::-webkit-scrollbar{width:8px;height:8px}.employee-monitoring-table-wrap::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}.employee-monitoring-table-wrap::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.employee-monitoring-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1280px}.employee-monitoring-table th{box-sizing:border-box;color:#64748b;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:32px;padding:7px 8px;font-size:7.5px;font-weight:1000}.employee-monitoring-table td{box-sizing:border-box;color:#29264f;vertical-align:middle;border-bottom:1px solid #e2e8f0;height:39px;padding:6px 8px;font-size:8.8px;font-weight:900;overflow:hidden}.employee-monitoring-table tbody tr:hover{background:#f8fbff}.employee-monitoring-table th:first-child,.employee-monitoring-table td:first-child{width:42px}.employee-monitoring-table th:nth-child(2),.employee-monitoring-table td:nth-child(2){width:190px}.employee-monitoring-table th:nth-child(3),.employee-monitoring-table td:nth-child(3){width:132px}.employee-monitoring-table th:nth-child(4),.employee-monitoring-table td:nth-child(4){width:160px}.employee-monitoring-table th:nth-child(5),.employee-monitoring-table td:nth-child(5){width:110px}.employee-monitoring-table th:nth-child(6),.employee-monitoring-table td:nth-child(6){width:125px}.employee-monitoring-table th:nth-child(7),.employee-monitoring-table td:nth-child(7){width:92px}.employee-monitoring-table th:nth-child(8),.employee-monitoring-table td:nth-child(8){width:122px}.employee-monitoring-table th:nth-child(9),.employee-monitoring-table td:nth-child(9){width:92px}.employee-monitoring-table th:nth-child(10),.employee-monitoring-table td:nth-child(10){width:126px}.employee-monitoring-table th:nth-child(11),.employee-monitoring-table td:nth-child(11){width:88px}.employee-monitoring-name{gap:2px;min-width:0;display:grid}.employee-monitoring-name strong{color:#29264f;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:1000;line-height:1.1;overflow:hidden}.employee-monitoring-name small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:7px;font-weight:1000;line-height:1.1;overflow:hidden}.employee-position-pill{color:#0284c7;white-space:nowrap;text-overflow:ellipsis;background:#e0f2fe;border-radius:999px;justify-content:center;align-items:center;max-width:100%;padding:5px 8px;font-size:7px;font-weight:1000;line-height:1;display:inline-flex;overflow:hidden}.employee-schedule-cell{gap:2px;min-width:0;display:grid}.employee-schedule-cell strong{color:#29264f;white-space:nowrap;text-overflow:ellipsis;font-size:8.8px;font-weight:1000;line-height:1.1;overflow:hidden}.employee-schedule-cell small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:6.8px;font-weight:1000;line-height:1;overflow:hidden}.employee-status-pill,.employee-punctuality-pill,.employee-work-location-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;padding:5px 7px;font-size:7px;font-weight:1000;line-height:1;display:inline-flex}.employee-status-pill.checked-in,.employee-status-pill.checked-out{color:#15803d;background:#dcfce7}.employee-status-pill.not-checked-in{color:#c2410c;background:#ffedd5}.employee-punctuality-pill.on-time{color:#15803d;background:#dcfce7}.employee-punctuality-pill.late{color:#b91c1c;background:#fee2e2}.employee-punctuality-pill.early{color:#c2410c;background:#ffedd5}.employee-punctuality-pill.normal{color:#2563eb;background:#dbeafe}.employee-punctuality-pill.waiting{color:#64748b;background:#f1f5f9}.employee-punctuality-pill.no-schedule{color:#b45309;background:#fef3c7}.employee-work-location-cell{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.employee-work-location-pill.office{color:#1d4ed8;background:#dbeafe}.employee-work-location-pill.outside{color:#b45309;background:#fef3c7}.employee-work-location-pill.empty{color:#64748b;background:#f1f5f9}.employee-work-location-cell small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:110px;font-size:6.8px;font-weight:900;line-height:1.15;display:block;overflow:hidden}.employee-time-cell{gap:2px;display:grid}.employee-time-cell strong{color:#29264f;font-size:9px;font-weight:1000;line-height:1}.employee-time-cell small{color:#15803d;background:#dcfce7;border-radius:999px;width:fit-content;padding:2px 6px;font-size:6.5px;font-weight:1000;line-height:1;display:inline-flex}.employee-photo-actions{justify-content:flex-start;align-items:center;gap:4px;display:flex}.employee-photo-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#2563eb);border:none;border-radius:999px;min-width:36px;height:24px;padding:0 7px;font-size:7px;font-weight:1000}.employee-photo-actions button.out,.employee-photo-actions button.active.out{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.employee-photo-actions button:disabled{cursor:not-allowed;color:#94a3b8;background:#e2e8f0}.employee-monitoring-empty,.employee-monitoring-loading{text-align:center;color:#64748b;padding:40px 20px;font-size:13px;font-weight:900}.employee-photo-modal{z-index:99999;box-sizing:border-box;background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-photo-modal-box{box-sizing:border-box;background:#fff;border-radius:22px;gap:10px;width:340px;max-width:92vw;padding:12px;display:grid;box-shadow:0 24px 70px #0f172a52}.employee-photo-modal-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.employee-photo-modal-header strong{color:#29264f;font-size:13px;font-weight:1000}.employee-photo-modal-header button{color:#fff;cursor:pointer;background:#29264f;border:none;border-radius:999px;place-items:center;width:30px;height:30px;font-size:18px;font-weight:900;display:grid}.employee-photo-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:260px;max-height:420px;display:flex;overflow:hidden}.employee-photo-preview img{object-fit:contain;width:100%;height:100%;max-height:420px;display:block}.employee-photo-modal-close{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#2563eb);border:none;border-radius:15px;width:100%;height:38px;font-size:11px;font-weight:1000}@media (width<=1400px){.employee-monitoring-page{padding:14px}.employee-monitoring-layout:has(.employee-monitoring-sidebar.show){grid-template-columns:220px minmax(0,1fr);gap:12px}.employee-monitoring-sidebar.show{width:220px;min-width:220px}.employee-monitoring-table{min-width:1240px}}@media (width<=1180px){.employee-monitoring-page{overflow-x:hidden}.employee-monitoring-hero{flex-direction:column;align-items:flex-start}:is(.employee-monitoring-layout,.employee-monitoring-layout:has(.employee-monitoring-sidebar.show)){grid-template-columns:1fr}.employee-monitoring-sidebar.show{grid-template-columns:repeat(4,1fr);width:100%;min-width:0}.employee-position-summary{grid-column:1/-1}.employee-monitoring-card-header{flex-direction:column;align-items:flex-start}.employee-monitoring-actions{justify-content:flex-start;width:100%}.employee-monitoring-actions input{flex:1;min-width:180px}.employee-monitoring-table{min-width:1180px}}@media (width<=720px){.employee-monitoring-page{padding:10px}.employee-monitoring-hero{border-radius:22px;padding:18px}.employee-monitoring-hero h2{font-size:25px}.employee-monitoring-hero button{width:100%}.employee-monitoring-sidebar.show{grid-template-columns:1fr 1fr}.employee-monitoring-card{border-radius:22px}.employee-monitoring-card-header{padding:14px}.employee-monitoring-card-header h3{font-size:20px}.employee-monitoring-actions{gap:8px}.employee-resume-toggle,.employee-monitoring-actions input{width:100%}.employee-monitoring-tabs{width:100%;overflow-x:auto}.employee-monitoring-tabs button{flex:1}.employee-monitoring-table{min-width:1120px}}.employee-settings-page{box-sizing:border-box;background:radial-gradient(circle at 0 0,#ec489914,#0000 34%),radial-gradient(circle at 100% 0,#0ea5e91a,#0000 34%),linear-gradient(135deg,#fff7fb 0%,#f8fffb 48%,#f5fbff 100%);width:100%;min-height:100vh;padding:22px}.employee-settings-hero{box-sizing:border-box;background:linear-gradient(135deg,#ffffffeb,#ecfdf594),radial-gradient(circle at 100%,#3b82f629,#0000 38%);border:1px solid #ffffffd9;border-radius:32px;justify-content:space-between;align-items:center;gap:22px;width:100%;min-height:130px;padding:28px 34px;display:flex;box-shadow:0 24px 60px #29264f14}.employee-settings-hero span{color:#15803d;background:#dcfce7;border-radius:999px;width:fit-content;padding:7px 13px;font-size:10px;font-weight:1000;display:inline-flex}.employee-settings-hero h2{color:#29264f;letter-spacing:-1px;margin:13px 0 6px;font-size:34px;font-weight:1000;line-height:1}.employee-settings-hero p{color:#64748b;margin:0;font-size:12px;font-weight:900}.employee-settings-hero button,.employee-settings-section-header button,.employee-settings-table button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:16px;height:40px;padding:0 18px;font-size:10px;font-weight:1000;box-shadow:0 12px 24px #3b82f633}.employee-settings-table button:disabled,.employee-settings-section-header button:disabled{cursor:not-allowed;color:#94a3b8;box-shadow:none;background:#e2e8f0}.employee-settings-card{background:#fffffff5;border:1px solid #e2e8f0d9;border-radius:30px;margin-top:18px;overflow:hidden;box-shadow:0 24px 60px #29264f14}.employee-settings-tabs{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;gap:10px;padding:14px;display:flex}.employee-settings-tabs button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:16px;height:38px;padding:0 18px;font-size:10px;font-weight:1000}.employee-settings-tabs button.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 10px 20px #3b82f633}.employee-settings-section-header{box-sizing:border-box;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.employee-settings-section-header h3{color:#29264f;margin:0;font-size:22px;font-weight:1000}.employee-settings-section-header p{color:#64748b;margin:4px 0 0;font-size:11px;font-weight:900}.employee-settings-table-wrap{width:100%;overflow-x:auto}.employee-settings-table{border-collapse:collapse;width:100%;min-width:980px}.employee-settings-table th{color:#64748b;text-align:left;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 14px;font-size:9px;font-weight:1000}.employee-settings-table td{color:#29264f;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:11px;font-weight:900}.employee-settings-table td strong{color:#29264f;font-size:11px;font-weight:1000;display:block}.employee-settings-table td small{color:#64748b;margin-top:3px;font-size:9px;font-weight:900;display:block}.employee-settings-status,.employee-settings-monitoring{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:6px 10px;font-size:9px;font-weight:1000;display:inline-flex}.employee-settings-status.active,.employee-settings-monitoring.show{color:#15803d;background:#dcfce7}.employee-settings-status.inactive,.employee-settings-monitoring.hide{color:#b91c1c;background:#fee2e2}.employee-settings-empty,.employee-settings-loading{text-align:center;color:#64748b;padding:40px 20px;font-size:13px;font-weight:900}.employee-settings-message{color:#991b1b;background:#fee2e2;border-radius:18px;margin-top:14px;padding:13px 16px;font-size:11px;font-weight:900}@media (width<=760px){.employee-settings-page{padding:12px}.employee-settings-hero{border-radius:24px;flex-direction:column;align-items:flex-start;padding:22px}.employee-settings-hero h2{font-size:28px}.employee-settings-tabs{overflow-x:auto}.employee-settings-section-header{flex-direction:column;align-items:flex-start}}.employee-schedule-form{box-sizing:border-box;background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:1.4fr repeat(3,1fr);gap:14px;padding:18px 22px;display:grid}.employee-schedule-form-title{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-schedule-form-title strong{color:#29264f;font-size:15px;font-weight:1000}.employee-schedule-form-title small{color:#64748b;font-size:10px;font-weight:900}.employee-schedule-form label{color:#64748b;text-transform:uppercase;gap:7px;font-size:9px;font-weight:1000;display:grid}.employee-schedule-form input,.employee-schedule-form select{box-sizing:border-box;color:#29264f;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;height:40px;padding:0 12px;font-size:11px;font-weight:900}.employee-schedule-form input:focus,.employee-schedule-form select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.employee-schedule-form-actions{align-items:end;gap:10px;display:flex}.employee-schedule-form-actions button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:15px;height:40px;padding:0 18px;font-size:10px;font-weight:1000}.employee-schedule-form-actions button.secondary{color:#29264f;box-shadow:none;background:#e2e8f0}.employee-schedule-form-actions button:disabled{cursor:not-allowed;opacity:.7}@media (width<=1100px){.employee-schedule-form{grid-template-columns:1fr 1fr}}@media (width<=680px){.employee-schedule-form{grid-template-columns:1fr}.employee-schedule-form-title{flex-direction:column;align-items:flex-start}}.employee-settings-select{box-sizing:border-box;color:#29264f;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-width:160px;height:38px;padding:0 12px;font-size:10px;font-weight:900}.employee-settings-select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.employee-assignment-table{min-width:1050px}.employee-monitoring-setting-table{min-width:760px}.employee-settings-table button.danger{background:linear-gradient(135deg,#fb7185,#ef4444);box-shadow:0 12px 24px #ef44442e}.employee-settings-table button.success{background:linear-gradient(135deg,#34d399,#22c55e);box-shadow:0 12px 24px #22c55e2e}.employee-settings-table th{height:30px!important;padding:7px 10px!important;font-size:8px!important;line-height:1!important}.employee-settings-table td{height:34px!important;padding:6px 10px!important;font-size:9px!important;line-height:1.15!important}.employee-settings-table td strong{font-size:9.5px!important;line-height:1.05!important}.employee-settings-table td small{margin-top:2px!important;font-size:7.5px!important;line-height:1.05!important}.employee-settings-status,.employee-settings-monitoring{padding:4px 8px!important;font-size:7.5px!important;line-height:1!important}.employee-settings-table button{border-radius:12px!important;height:28px!important;padding:0 11px!important;font-size:8px!important}.employee-settings-select{border-radius:12px!important;min-width:140px!important;height:30px!important;padding:0 10px!important;font-size:8.5px!important}.employee-settings-empty{padding:24px 16px!important;font-size:10px!important}.employee-schedule-form{gap:10px!important;padding:12px 16px!important}.employee-schedule-form-title strong{font-size:12px!important}.employee-schedule-form-title small{font-size:8px!important}.employee-schedule-form label{gap:5px!important;font-size:7.5px!important}.employee-schedule-form input,.employee-schedule-form select{border-radius:12px!important;height:32px!important;padding:0 10px!important;font-size:9px!important}.employee-schedule-form-actions button{border-radius:12px!important;height:32px!important;padding:0 13px!important;font-size:8px!important}.employee-settings-section-header{padding:12px 16px!important}.employee-settings-section-header h3{font-size:17px!important}.employee-settings-section-header p{margin-top:2px!important;font-size:9px!important}.employee-settings-tabs{gap:8px!important;padding:10px 12px!important}.employee-settings-tabs button{border-radius:13px!important;height:32px!important;padding:0 14px!important;font-size:8.5px!important}.sreg-page{background:radial-gradient(circle at 0 0,#ffb6c12e,#0000 25%),radial-gradient(circle at 100% 0,#7dd3fc42,#0000 30%),linear-gradient(135deg,#f8fbff,#eefaff);border-radius:28px;flex-direction:column;height:calc(100vh - 58px);padding:12px;display:flex;overflow:hidden}.sreg-main-shell{grid-template-rows:auto auto 1fr;gap:8px;height:100%;min-height:0;display:grid;overflow:hidden}.sreg-header{color:#fff;background:linear-gradient(135deg,#55d653 0%,#35b8f0 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:12px 16px;display:flex;box-shadow:0 12px 28px #35b8f033}.sreg-header>div{min-width:0}.sreg-header span{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#ffffff3d;border-radius:999px;width:fit-content;padding:4px 10px;font-size:8.5px;font-weight:1000;line-height:1;display:inline-flex}.sreg-header h2{color:#fff;letter-spacing:-.3px;margin:6px 0 3px;font-size:21px;font-weight:1000;line-height:1}.sreg-header p{color:#fffffff5;max-width:820px;margin:0;font-size:9.5px;font-weight:850;line-height:1.2}.sreg-header button{color:#1596c8;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:13px;height:32px;padding:0 14px;font-family:inherit;font-size:9px;font-weight:1000;transition:all .18s;box-shadow:0 10px 22px #0f172a21}.sreg-header button:hover{transform:translateY(-1px)}.sreg-header button:disabled{opacity:.6;cursor:not-allowed;transform:none}.sreg-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sreg-summary-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;flex-direction:column;justify-content:center;min-height:40px;padding:7px 11px;display:flex;box-shadow:0 8px 20px #0f172a0d}.sreg-summary-card small{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:8px;font-weight:1000;line-height:1}.sreg-summary-card strong{color:#1596c8;margin-top:4px;font-size:16px;font-weight:1000;line-height:1}.sreg-content-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;grid-template-rows:auto auto auto auto 1fr;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 14px 32px #0f172a12}.sreg-tabs,.sreg-tabs-compact{z-index:20;background:#fff;border-bottom:1px solid #dbeafe;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:7px 10px;display:flex;position:sticky;top:0}.sreg-tabs button,.sreg-tabs-compact button{color:#334155;cursor:pointer;background:#eff6ff;border:0;border-radius:12px;height:34px;min-height:34px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:1000;transition:all .18s}.sreg-tabs button.active,.sreg-tabs-compact button.active{color:#fff;background:linear-gradient(135deg,#55d653,#35b8f0);box-shadow:0 9px 20px #35b8f033}.sreg-tabs button:hover:not(:disabled),.sreg-tabs-compact button:hover:not(:disabled){transform:translateY(-1px)}.sreg-tabs button:disabled,.sreg-tabs-compact button:disabled{opacity:.6;cursor:not-allowed;transform:none}.sreg-message{border:1px solid #bfdbfecc;border-radius:12px;margin:8px 10px 0;padding:8px 11px;font-size:10px;font-weight:900}.sreg-message.success{color:#047857;background:#ecfdf5}.sreg-message.error{color:#b91c1c;background:#fef2f2}.sreg-filter-card,.sreg-filter-compact{box-shadow:none;background:#f8fcff;border:1px solid #dbeafe;border-radius:14px;grid-template-columns:140px 180px minmax(0,1fr);align-items:end;gap:8px;margin:8px 10px 0;padding:8px 10px;display:grid}.sreg-filter-card label,.sreg-filter-compact label{color:#475569;flex-direction:column;gap:4px;font-size:9px;font-weight:1000;display:flex}.sreg-filter-card input,.sreg-filter-card select,.sreg-filter-compact input,.sreg-filter-compact select{color:#0f172a;background:#fff;border:1px solid #bfdbfe;border-radius:10px;outline:none;width:100%;height:32px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:800}.sreg-filter-card input:focus,.sreg-filter-card select:focus,.sreg-filter-compact input:focus,.sreg-filter-compact select:focus{border-color:#35b8f0;box-shadow:0 0 0 3px #35b8f01f}.sreg-filter-card button,.sreg-filter-compact button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#55d653,#35b8f0);border:0;border-radius:10px;height:32px;padding:0 14px;font-family:inherit;font-size:9px;font-weight:1000;box-shadow:0 9px 18px #35b8f029}.sreg-filter-card button:disabled,.sreg-filter-compact button:disabled{opacity:.6;cursor:not-allowed}.sreg-panel-title,.sreg-panel-title-compact{background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;margin:8px 10px 0;padding:7px 4px;display:flex}.sreg-panel-title div,.sreg-panel-title-compact div{align-items:center;gap:8px;min-width:0;display:flex}.sreg-panel-title span,.sreg-panel-title-compact span{color:#1596c8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:1000;display:inline-flex}.sreg-panel-title h3,.sreg-panel-title-compact h3{color:#1596c8;white-space:nowrap;margin:0;font-size:16px;font-weight:1000;line-height:1}.sreg-panel-title p,.sreg-panel-title-compact p{color:#64748b;text-align:right;margin:0;font-size:8.8px;font-weight:850;line-height:1}.sreg-table-wrap,.sreg-table-wrap-compact{border:1px solid #dbeafe;border-radius:16px;height:100%;min-height:0;margin:0 10px 10px;padding:0;overflow:auto}.sreg-table,.sreg-table-compact{border-collapse:separate;border-spacing:0;width:100%;min-width:1180px;overflow:hidden}.sreg-table thead,.sreg-table-compact thead{z-index:4;position:sticky;top:0}.sreg-table th,.sreg-table td,.sreg-table-compact th,.sreg-table-compact td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef6ff}.sreg-table th,.sreg-table-compact th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#effaff;padding:7px 10px;font-size:8.8px;font-weight:1000;line-height:1}.sreg-table td,.sreg-table-compact td{color:#1e293b;background:#fff;padding:7px 10px;font-size:10px;font-weight:800;line-height:1.15}.sreg-table tbody tr,.sreg-table-compact tbody tr{height:68px}.sreg-table tbody tr:hover td,.sreg-table-compact tbody tr:hover td{background:#f8fcff}.sreg-table tr:last-child td,.sreg-table-compact tr:last-child td{border-bottom:none}.sreg-table tr.is-locked td,.sreg-table-compact tr.is-locked td{background:#fffaf0}.sreg-table td:first-child,.sreg-table-compact td:first-child{width:42px}.sreg-table td:nth-child(2),.sreg-table-compact td:nth-child(2){width:235px}.sreg-table td:nth-child(3),.sreg-table-compact td:nth-child(3){width:80px}.sreg-table td:nth-child(4),.sreg-table-compact td:nth-child(4){width:280px;padding-top:14px;padding-bottom:16px}.sreg-table td:nth-child(5),.sreg-table td:nth-child(6),.sreg-table-compact td:nth-child(5),.sreg-table-compact td:nth-child(6){width:175px}.sreg-table td:nth-child(7),.sreg-table-compact td:nth-child(7){width:330px}.sreg-table td strong,.sreg-table-compact td strong{color:#1e293b;margin-bottom:3px;font-size:11px;font-weight:1000;line-height:1.1;display:block}.sreg-table td small,.sreg-table-compact td small{color:#64748b;font-size:9px;font-weight:800;line-height:1.1;display:block}.sreg-table td em,.sreg-table-compact td em{color:#d97706;margin-top:5px;font-size:8px;font-style:normal;font-weight:900;line-height:1.1;display:block}.sreg-empty-cell{text-align:center;color:#64748b;font-size:12px;font-weight:900;padding:28px 12px!important}.sreg-attendance{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:1000;line-height:1;display:inline-flex}.sreg-attendance.present{color:#166534;background:#dcfce7}.sreg-attendance.late{color:#92400e;background:#fef3c7}.sreg-attendance.sick{color:#075985;background:#e0f2fe}.sreg-attendance.permission{color:#5b21b6;background:#ede9fe}.sreg-attendance.absent,.sreg-attendance.empty{color:#991b1b;background:#fee2e2}.sreg-option-row{flex-wrap:wrap;gap:6px;display:flex}.sreg-option-row.mood{grid-template-columns:repeat(4,56px);align-items:center;gap:7px;display:grid}.sreg-option-row.mood button{color:#334155;cursor:pointer;width:56px;height:44px;box-shadow:none;background:#fff;border:1.5px solid #bfdbfe;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 4px 5px;transition:all .16s;display:flex;position:relative}.sreg-option-row.mood button span{font-size:18px;line-height:1;transition:all .16s;display:block}.sreg-option-row.mood button small{color:#334155;margin:0;font-size:7px;font-weight:1000;line-height:1;display:block}.sreg-option-row.mood button:hover:not(:disabled){background:#f0f9ff;border-color:#38bdf8;transform:translateY(-1px)}.sreg-option-row.mood:has(button.active) button:not(.active){opacity:.34;filter:grayscale(.45);background:#f8fafc;border-color:#dbeafe}.sreg-option-row.mood button.active{z-index:3;transform:translateY(-3px)scale(1.08);opacity:1!important;filter:none!important;color:#fff!important;border-width:3px!important;box-shadow:0 0 0 4px #0f172a14,0 13px 26px #0f172a3d!important}.sreg-option-row.mood button.active:before{content:"✓";color:#fff;background:#16a34a;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:23px;height:23px;font-size:13px;font-weight:1000;display:flex;position:absolute;top:-10px;right:-9px;box-shadow:0 5px 12px #16a34a59}.sreg-option-row.mood button.active:after{content:"DIPILIH";color:#fff;letter-spacing:.03em;white-space:nowrap;background:#0f172a;border-radius:999px;padding:2px 6px;font-size:5.8px;font-weight:1000;line-height:1;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.sreg-option-row.mood button.active span{font-size:22px;transform:scale(1.08)}.sreg-option-row.mood button.active small{color:#fff!important;font-weight:1000!important}.sreg-option-row.mood button.active:first-child{background:linear-gradient(135deg,#f59e0b,#f97316)!important;border-color:#b45309!important}.sreg-option-row.mood button.active:nth-child(2){background:linear-gradient(135deg,#16a34a,#22c55e)!important;border-color:#15803d!important}.sreg-option-row.mood button.active:nth-child(3){background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;border-color:#1d4ed8!important}.sreg-option-row.mood button.active:nth-child(4){background:linear-gradient(135deg,#dc2626,#ef4444)!important;border-color:#991b1b!important}.sreg-option-row.mood button:disabled{cursor:not-allowed;opacity:.35!important;transform:none!important}.sreg-table select,.sreg-table textarea,.sreg-table-compact select,.sreg-table-compact textarea{color:#0f172a;background:#fff;border:1px solid #bfdbfe;border-radius:10px;outline:none;width:100%;font-family:inherit;font-size:10px;font-weight:800}.sreg-table select,.sreg-table-compact select{min-width:110px;height:34px;padding:0 10px}.sreg-table textarea,.sreg-table-compact textarea{resize:vertical;min-width:210px;height:42px;min-height:42px;max-height:70px;padding:8px 10px}.sreg-table select:focus,.sreg-table textarea:focus,.sreg-table-compact select:focus,.sreg-table-compact textarea:focus{border-color:#35b8f0;box-shadow:0 0 0 3px #35b8f01f}.sreg-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#55d653,#35b8f0);border:0;border-radius:12px;min-height:34px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:1000;box-shadow:0 10px 22px #35b8f033}.sreg-save-btn:disabled{opacity:.6;cursor:not-allowed}.sreg-history-empty{color:#64748b;background:#f8fcff;border:1px dashed #bfdbfe;border-radius:18px;margin:14px 16px 16px;padding:26px}.sreg-history-empty strong{color:#1596c8;margin-bottom:6px;font-size:18px;display:block}.sreg-history-empty p{margin:0;font-size:12px;font-weight:800}.sreg-table-wrap::-webkit-scrollbar{width:8px;height:8px}.sreg-table-wrap-compact::-webkit-scrollbar{width:8px;height:8px}.sreg-table textarea::-webkit-scrollbar{width:8px;height:8px}.sreg-table-compact textarea::-webkit-scrollbar{width:8px;height:8px}.sreg-table-wrap::-webkit-scrollbar-thumb{background:#35b8f080;border-radius:999px}.sreg-table-wrap-compact::-webkit-scrollbar-thumb{background:#35b8f080;border-radius:999px}.sreg-table textarea::-webkit-scrollbar-thumb{background:#35b8f080;border-radius:999px}.sreg-table-compact textarea::-webkit-scrollbar-thumb{background:#35b8f080;border-radius:999px}.sreg-table-wrap::-webkit-scrollbar-track{background:#f1f5f9cc}.sreg-table-wrap-compact::-webkit-scrollbar-track{background:#f1f5f9cc}.sreg-table textarea::-webkit-scrollbar-track{background:#f1f5f9cc}.sreg-table-compact textarea::-webkit-scrollbar-track{background:#f1f5f9cc}@media (width<=1366px){.sreg-page{height:calc(100vh - 52px);padding:10px}.sreg-header{min-height:60px;padding:10px 14px}.sreg-header h2{font-size:19px}.sreg-header p{font-size:9px}.sreg-summary-card{min-height:36px;padding:6px 10px}.sreg-summary-card strong{font-size:15px}.sreg-filter-card,.sreg-filter-compact{grid-template-columns:130px 165px minmax(0,1fr);padding:7px 9px}.sreg-panel-title h3,.sreg-panel-title-compact h3{font-size:15px}.sreg-table td,.sreg-table-compact td{padding:6px 8px}.sreg-table tbody tr,.sreg-table-compact tbody tr{height:64px}.sreg-option-row.mood{grid-template-columns:repeat(4,53px);gap:6px}.sreg-option-row.mood button{border-radius:12px;width:53px;height:42px}.sreg-option-row.mood button span{font-size:17px}.sreg-option-row.mood button small{font-size:6.8px}.sreg-option-row.mood button.active span{font-size:20px}.sreg-table textarea,.sreg-table-compact textarea{height:39px;min-height:39px}}@media (width<=980px){.sreg-page,.sreg-page-compact{height:auto;min-height:100vh;overflow:visible}.sreg-main-shell{flex-direction:column;height:auto;display:flex}.sreg-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sreg-tabs,.sreg-tabs-compact{flex-direction:column;align-items:stretch}.sreg-tab-left{width:100%}.sreg-tab-left button{flex:1}.sreg-save-all-top{width:100%!important;min-width:100%!important}.sreg-filter-card,.sreg-filter-compact{grid-template-columns:1fr}.sreg-panel-title,.sreg-panel-title-compact{flex-direction:column;align-items:flex-start;gap:6px}.sreg-panel-title p,.sreg-panel-title-compact p{text-align:left}.sreg-table-wrap,.sreg-table-wrap-compact{max-height:70vh}}@media (width<=760px){.sreg-page{padding:10px}.sreg-header{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px}.sreg-header h2{font-size:22px}.sreg-summary-row{grid-template-columns:1fr}.sreg-table,.sreg-table-compact{min-width:1120px}}.leave-rule-page{color:#1e293b;background:radial-gradient(circle at 0 0,#ffb6c133,#0000 25%),radial-gradient(circle at 100% 0,#7dd3fc47,#0000 30%),linear-gradient(135deg,#f8fbff,#eefaff);border-radius:28px;flex-direction:column;gap:12px;min-height:100%;padding:14px;display:flex}.leave-rule-header{color:#fff;background:linear-gradient(135deg,#55d653 0%,#35b8f0 100%);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;min-height:118px;padding:22px 26px;display:flex;box-shadow:0 16px 36px #35b8f038}.leave-rule-header span{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#ffffff3d;border-radius:999px;width:fit-content;padding:8px 14px;font-size:10px;font-weight:1000;line-height:1;display:inline-flex}.leave-rule-header h2{color:#fff;margin:10px 0 5px;font-size:27px;font-weight:1000;line-height:1.05}.leave-rule-header p{color:#fffffff5;margin:0;font-size:11.5px;font-weight:850;line-height:1.32}.leave-rule-header button{color:#1596c8;cursor:pointer;background:#fff;border:0;border-radius:13px;height:34px;padding:0 16px;font-family:inherit;font-size:10.5px;font-weight:1000}.leave-rule-message{border:1px solid #bfdbfe;border-radius:15px;padding:10px 14px;font-size:11.5px;font-weight:900}.leave-rule-message.success{color:#047857;background:#ecfdf5}.leave-rule-message.error{color:#b91c1c;background:#fef2f2}.leave-rule-grid{grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);align-items:start;gap:12px;display:grid}.leave-rule-card{background:#fff;border:1px solid #dbeafe;border-radius:22px;overflow:hidden;box-shadow:0 16px 38px #0f172a13}.leave-rule-card-title{background:linear-gradient(#fff,#f8fcff);border-bottom:1px solid #dbeafe;padding:15px 20px}.leave-rule-card-title h3{color:#1596c8;margin:0 0 4px;font-size:23px;font-weight:1000;line-height:1.1}.leave-rule-card-title p{color:#64748b;margin:0;font-size:10.8px;font-weight:800;line-height:1.25}.leave-rule-form{grid-template-columns:1fr 1fr;gap:11px;padding:16px;display:grid}.leave-rule-form .full{grid-column:1/-1}.leave-rule-form label{color:#334155;gap:6px;font-size:10.6px;font-weight:1000;display:grid}.leave-rule-form input,.leave-rule-form select,.leave-rule-search input{color:#1e293b;background:#fff;border:1px solid #bfdbfe;border-radius:13px;outline:none;width:100%;height:37px;padding:0 11px;font-family:inherit;font-size:10.8px;font-weight:800}.leave-rule-form input:focus,.leave-rule-form select:focus,.leave-rule-search input:focus{border-color:#35b8f0;box-shadow:0 0 0 4px #35b8f01f}.leave-rule-selected{background:#f8fcff;border:1px solid #dbeafe;border-radius:16px;padding:12px 14px}.leave-rule-selected strong,.leave-rule-group-head strong,.leave-rule-mini-step strong{color:#1e293b;font-size:12px;font-weight:1000;display:block}.leave-rule-selected small,.leave-rule-group-head small,.leave-rule-mini-step small{color:#64748b;margin-top:2px;font-size:10px;font-weight:800;display:block}.leave-rule-steps{flex-direction:column;gap:10px;display:flex}.leave-rule-step{background:#f8fcff;border:1px solid #dbeafe;border-radius:18px;grid-template-columns:70px 1fr 1.4fr 1fr auto;align-items:end;gap:8px;padding:12px;display:grid}.leave-rule-step-number{color:#fff;background:linear-gradient(135deg,#55d653,#35b8f0);border-radius:12px;justify-content:center;align-items:center;height:37px;font-size:10px;font-weight:1000;display:flex}.leave-rule-step-actions{align-items:center;gap:5px;display:flex}.leave-rule-step-actions button,.leave-rule-actions button,.leave-rule-group-head button{color:#0891b2;cursor:pointer;background:#e0f2fe;border:0;border-radius:12px;height:34px;padding:0 12px;font-family:inherit;font-size:9.5px;font-weight:1000}.leave-rule-step-actions button.danger{color:#b91c1c;background:#fee2e2}.leave-rule-actions{justify-content:flex-end;gap:9px;display:flex}.leave-rule-actions button{color:#fff;background:linear-gradient(135deg,#55d653,#35b8f0);box-shadow:0 10px 22px #35b8f033}.leave-rule-actions button.ghost{color:#334155;box-shadow:none;background:#eff6ff}.leave-rule-search{background:#f8fcff;border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:10px;margin:12px 16px;padding:10px;display:flex}.leave-rule-search span{white-space:nowrap;color:#1596c8;font-size:10.5px;font-weight:1000}.leave-rule-list{flex-direction:column;gap:10px;min-height:320px;max-height:calc(100vh - 330px);padding:0 16px 16px;display:flex;overflow-y:auto}.leave-rule-empty{color:#64748b;text-align:center;background:#f8fcff;border:1px dashed #bfdbfe;border-radius:18px;padding:28px;font-size:12px;font-weight:900}.leave-rule-group{background:#fff;border:1px solid #dbeafe;border-radius:18px;overflow:hidden}.leave-rule-group-head{background:#f8fcff;border-bottom:1px solid #eef6ff;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.leave-rule-mini-step{background:#fff;border:1px solid #eef6ff;border-radius:14px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px;display:grid}@media (width<=1180px){.leave-rule-grid{grid-template-columns:1fr}.leave-rule-step{grid-template-columns:1fr 1fr}.leave-rule-step-number,.leave-rule-step-actions{grid-column:1/-1}}@media (width<=760px){.leave-rule-page{padding:11px}.leave-rule-header{flex-direction:column;min-height:auto;padding:19px}.leave-rule-header h2{font-size:24px}.leave-rule-form,.leave-rule-step{grid-template-columns:1fr}.leave-rule-list{max-height:none}}.leave-rule-mode-tabs{background:#fff;border:1px solid #dbeafe;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;padding:9px 11px;display:flex;box-shadow:0 10px 26px #0f172a0e}.leave-rule-mode-tabs button{color:#334155;cursor:pointer;background:#eff6ff;border:0;border-radius:12px;min-height:34px;padding:0 14px;font-family:inherit;font-size:10.3px;font-weight:1000;transition:all .2s}.leave-rule-mode-tabs button.active{color:#fff;background:linear-gradient(135deg,#55d653,#35b8f0);box-shadow:0 10px 22px #35b8f038}.leave-rule-bulk-toolbar{background:#f8fcff;border:1px solid #dbeafe;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px;display:grid}.leave-rule-bulk-toolbar input{color:#1e293b;background:#fff;border:1px solid #bfdbfe;border-radius:13px;outline:none;width:100%;height:37px;padding:0 11px;font-family:inherit;font-size:10.8px;font-weight:800}.leave-rule-bulk-toolbar button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#55d653,#35b8f0);border:0;border-radius:12px;height:37px;padding:0 12px;font-family:inherit;font-size:9.5px;font-weight:1000}.leave-rule-bulk-toolbar button.ghost{color:#334155;background:#eff6ff}.leave-rule-bulk-info{background:#effaff;border:1px solid #bfdbfe;border-radius:16px;align-items:baseline;gap:6px;padding:10px 12px;display:flex}.leave-rule-bulk-info strong{color:#1596c8;font-size:24px;font-weight:1000;line-height:1}.leave-rule-bulk-info span{color:#64748b;font-size:11px;font-weight:900}.leave-rule-teacher-checklist{background:#f8fcff;border:1px solid #dbeafe;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;padding:10px;display:grid;overflow-y:auto}.leave-rule-teacher-option{cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:10px;transition:all .18s;display:grid}.leave-rule-teacher-option:hover{background:#f8fcff;border-color:#93c5fd}.leave-rule-teacher-option.selected{background:#effaff;border-color:#35b8f0;box-shadow:0 0 0 3px #35b8f01a}.leave-rule-teacher-option input{width:16px;height:16px}.leave-rule-teacher-option strong{color:#1e293b;font-size:11px;font-weight:1000;line-height:1.15;display:block}.leave-rule-teacher-option small{color:#64748b;margin-top:2px;font-size:9.5px;font-weight:800;display:block}@media (width<=760px){.leave-rule-bulk-toolbar{grid-template-columns:1fr}.leave-rule-teacher-checklist{grid-template-columns:1fr;max-height:none}}.leave-rule-card:nth-child(2){flex-direction:column;min-height:calc(100vh - 205px);display:flex}.leave-rule-card:nth-child(2) .leave-rule-search{flex-shrink:0}.leave-rule-card:nth-child(2) .leave-rule-list{flex:auto;min-height:520px;max-height:calc(100vh - 340px);padding:0 16px 16px;overflow:hidden auto}.leave-rule-group{background:#fff;border:1px solid #dbeafe;border-radius:18px;flex:none;overflow:visible}.leave-rule-group-head{background:#f8fcff;border-bottom:1px solid #eef6ff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:12px 14px;display:grid}.leave-rule-group-head>div{min-width:0}.leave-rule-group-head strong{color:#1e293b;white-space:normal;max-width:100%;text-overflow:unset;font-size:12px;font-weight:1000;line-height:1.2;display:block;overflow:visible}.leave-rule-group-head small{color:#64748b;white-space:normal;margin-top:3px;font-size:10px;font-weight:800;line-height:1.15;display:block}.leave-rule-group-head button{color:#0891b2;cursor:pointer;white-space:nowrap;background:#e0f2fe;border:0;border-radius:999px;justify-self:end;width:auto;min-width:58px;height:32px;padding:0 12px;font-family:inherit;font-size:9.5px;font-weight:1000}.leave-rule-mini-steps{gap:8px;padding:10px;display:grid}.leave-rule-mini-step{background:#fff;border:1px solid #eef6ff;border-radius:14px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:9px 10px;display:grid}.leave-rule-mini-step span{color:#1596c8;background:#effaff;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:1000;display:flex}.leave-rule-mini-step div{min-width:0}.leave-rule-mini-step strong{color:#1e293b;white-space:normal;font-size:11px;font-weight:1000;line-height:1.15;display:block}.leave-rule-mini-step small{color:#64748b;white-space:normal;margin-top:2px;font-size:9.5px;font-weight:800;line-height:1.15;display:block}.leave-rule-group .leave-rule-mini-steps:empty{display:none}.leave-rule-card:nth-child(2) .leave-rule-list::-webkit-scrollbar{width:7px}.leave-rule-card:nth-child(2) .leave-rule-list::-webkit-scrollbar-thumb{background:#35b8f073;border-radius:999px}.leave-rule-card:nth-child(2) .leave-rule-list::-webkit-scrollbar-track{background:#f1f5f9cc}.sreg-page-compact{height:calc(100vh - 58px);overflow:hidden}.sreg-page-compact .sreg-main-shell{grid-template-rows:auto auto 1fr;gap:8px;height:100%;display:grid;overflow:hidden}.sreg-page-compact .sreg-header{border-radius:20px;min-height:74px;padding:14px 18px}.sreg-page-compact .sreg-header span{padding:4px 10px;font-size:9px}.sreg-page-compact .sreg-header h2{margin:6px 0 3px;font-size:23px;line-height:1}.sreg-page-compact .sreg-header p{font-size:10px;line-height:1.2}.sreg-page-compact .sreg-header button{height:32px;padding:0 14px;font-size:9px}.sreg-page-compact .sreg-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sreg-page-compact .sreg-summary-card{border-radius:14px;min-height:44px;padding:8px 12px}.sreg-page-compact .sreg-summary-card small{font-size:9px;line-height:1}.sreg-page-compact .sreg-summary-card strong{margin-top:3px;font-size:18px;line-height:1}.sreg-page-compact .sreg-content-card{border-radius:18px;grid-template-rows:auto auto auto auto 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.sreg-tabs-compact{justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.sreg-tab-left{align-items:center;gap:7px;display:flex}.sreg-tabs-compact button{border-radius:12px;height:32px;padding:0 14px;font-size:10px}.sreg-save-all-top{color:#fff;background:linear-gradient(135deg,#22c55e,#0ea5e9);border:0;min-width:160px;font-weight:1000;box-shadow:0 10px 22px #0ea5e92e}.sreg-save-all-top:disabled{opacity:.55;cursor:not-allowed}.sreg-page-compact .sreg-message{border-radius:12px;margin:8px 10px 0;padding:8px 11px;font-size:10px}.sreg-filter-compact{border-radius:14px;grid-template-columns:150px 190px minmax(0,1fr);align-items:end;gap:8px;margin:8px 10px 0;padding:8px 10px;display:grid}.sreg-filter-compact label{gap:4px;font-size:9px}.sreg-filter-compact input,.sreg-filter-compact select,.sreg-filter-compact button{border-radius:10px;height:32px;font-size:9px}.sreg-panel-title-compact{justify-content:space-between;align-items:center;margin:8px 10px 0;padding:7px 4px;display:flex}.sreg-panel-title-compact div{align-items:center;gap:8px;display:flex}.sreg-panel-title-compact span{border-radius:999px;padding:4px 8px;font-size:9px}.sreg-panel-title-compact h3{margin:0;font-size:17px;line-height:1}.sreg-panel-title-compact p{margin:0;font-size:9px;line-height:1}.sreg-table-wrap-compact{border-radius:16px;height:100%;min-height:0;margin:0 10px 10px;overflow:auto}.sreg-table-compact{min-width:1180px}.sreg-table-compact thead{z-index:4;position:sticky;top:0}.sreg-table-compact th{padding:7px 10px;font-size:9px;line-height:1}.sreg-table-compact td{vertical-align:middle;padding:7px 10px;font-size:10px}.sreg-table-compact td:first-child{width:42px}.sreg-table-compact td:nth-child(2){width:240px}.sreg-table-compact td:nth-child(3){width:80px}.sreg-table-compact td:nth-child(4){width:270px}.sreg-table-compact td:nth-child(5),.sreg-table-compact td:nth-child(6){width:180px}.sreg-table-compact td:nth-child(7){width:330px}.sreg-table-compact td strong{font-size:11px;line-height:1.1}.sreg-table-compact td small{font-size:9px;line-height:1.1}.sreg-attendance{padding:5px 10px;font-size:9px}.sreg-table-compact .sreg-option-row{gap:5px}.sreg-table-compact .sreg-option-row button{border-radius:10px;min-width:54px;height:42px;padding:4px 6px}.sreg-table-compact .sreg-option-row button span{font-size:17px;line-height:1}.sreg-table-compact .sreg-option-row button small{margin-top:2px;font-size:7px}.sreg-table-compact select{border-radius:10px;height:34px;font-size:10px}.sreg-table-compact textarea{border-radius:10px;height:44px;min-height:44px;padding:8px 10px;font-size:10px}.sreg-table-compact tbody tr{height:62px}.sreg-table-compact tbody tr:hover{background:#f8fbff}.sreg-table-wrap-compact::-webkit-scrollbar{width:8px;height:8px}.sreg-table-wrap-compact::-webkit-scrollbar-track{background:#e2e8f0;border-radius:999px}.sreg-table-wrap-compact::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.sreg-table-wrap-compact::-webkit-scrollbar-thumb:hover{background:#64748b}@media (width<=1366px){.sreg-page-compact .sreg-header{min-height:64px;padding:11px 15px}.sreg-page-compact .sreg-header h2{font-size:20px}.sreg-page-compact .sreg-summary-card{min-height:38px;padding:6px 10px}.sreg-page-compact .sreg-summary-card strong{font-size:16px}.sreg-filter-compact{grid-template-columns:135px 170px minmax(0,1fr);padding:7px 9px}.sreg-panel-title-compact h3{font-size:15px}.sreg-table-compact td{padding:6px 8px}.sreg-table-compact tbody tr{height:56px}.sreg-table-compact .sreg-option-row button{min-width:50px;height:38px}.sreg-table-compact textarea{height:39px;min-height:39px}}@media (width<=980px){.sreg-page-compact{height:auto;overflow:visible}.sreg-page-compact .sreg-main-shell{height:auto}.sreg-page-compact .sreg-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sreg-filter-compact{grid-template-columns:1fr}.sreg-panel-title-compact{flex-direction:column;align-items:flex-start;gap:6px}.sreg-table-wrap-compact{max-height:70vh}}.sreg-tabs-compact{z-index:20;background:#fff;border-bottom:1px solid #dbeafe;position:sticky;top:0}.sreg-save-all-top{letter-spacing:.02em;cursor:pointer;justify-content:center;align-items:center;gap:8px;color:#fff!important;background:linear-gradient(135deg,#16a34a,#0284c7)!important;border:0!important;border-radius:16px!important;min-width:220px!important;height:42px!important;padding:0 22px!important;font-size:13px!important;font-weight:1000!important;display:inline-flex!important;box-shadow:0 12px 26px #0284c747!important}.sreg-save-all-top:before{content:"💾";font-size:15px}.sreg-save-all-top:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #0284c757!important}.sreg-save-all-top:active:not(:disabled){transform:translateY(0)}.sreg-save-all-top:disabled{cursor:not-allowed;color:#64748b!important;box-shadow:none!important;background:#cbd5e1!important}.sreg-tab-left button{min-width:84px;height:34px!important}@media (width<=980px){.sreg-tabs-compact{flex-direction:column;align-items:stretch}.sreg-save-all-top{width:100%!important;min-width:100%!important}.sreg-tab-left{width:100%}.sreg-tab-left button{flex:1}}.my-leave-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(circle at 0 0,#22c55e29,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf829,#0000 34%),linear-gradient(#f8fbff 0%,#eef7ff 100%);width:100%;min-height:calc(100vh - 82px);padding:18px}.my-leave-header{color:#fff;background:linear-gradient(135deg,#4ade80 0%,#22c55e 42%,#38bdf8 100%);border:1px solid #dbeafe;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;padding:22px;display:flex;box-shadow:0 18px 42px #0f172a1f}.my-leave-header span{color:#fff;text-transform:uppercase;letter-spacing:.02em;background:#ffffff38;border-radius:999px;align-items:center;width:max-content;margin-bottom:8px;padding:6px 13px;font-size:12px;font-weight:950;display:inline-flex}.my-leave-header h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:28px;font-weight:950}.my-leave-header p{color:#fffffff0;max-width:820px;margin:7px 0 0;font-size:13px;font-weight:750;line-height:1.55}.my-leave-header button{color:#0284c7;cursor:pointer;background:#fff;border:0;border-radius:16px;min-width:108px;padding:12px 18px;font-size:13px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 14px 28px #0f172a24}.my-leave-header button:hover{transform:translateY(-1px);box-shadow:0 18px 34px #0f172a2e}.my-leave-header button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.my-leave-message{border-radius:16px;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:850}.my-leave-message.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.my-leave-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.my-leave-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.my-leave-summary>div{box-sizing:border-box;background:#fffffff5;border:1px solid #dbeafe;border-radius:20px;min-height:82px;padding:16px;box-shadow:0 12px 30px #0f172a12}.my-leave-summary small{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11px;font-weight:950;display:block}.my-leave-summary strong{color:#0284c7;font-size:28px;font-weight:950;line-height:1;display:block}.my-leave-card{background:#fffffff5;border:1px solid #dbeafe;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px #0f172a17}.my-leave-tabs{background:#fff;border-bottom:1px solid #dbeafe;gap:8px;padding:12px;display:flex}.my-leave-tabs button{color:#334155;cursor:pointer;background:#eff6ff;border:0;border-radius:14px;min-height:38px;padding:0 16px;font-size:12px;font-weight:950;transition:background .16s,color .16s,transform .16s,box-shadow .16s}.my-leave-tabs button:hover{background:#dbeafe;transform:translateY(-1px)}.my-leave-tabs button.active{color:#fff;background:linear-gradient(135deg,#4ade80,#38bdf8);box-shadow:0 10px 20px #22c55e2e}.my-leave-tabs button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.my-leave-card-title{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 12px;display:flex}.my-leave-card-title h3{color:#0284c7;letter-spacing:-.03em;margin:0;font-size:22px;font-weight:950}.my-leave-card-title p{color:#64748b;margin:5px 0 0;font-size:12px;font-weight:750;line-height:1.45}.my-leave-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid}.my-leave-form label,.my-leave-employee{color:#334155;flex-direction:column;gap:7px;font-size:12px;font-weight:950;display:flex}.my-leave-form .full,.my-leave-employee.full{grid-column:1/-1}.my-leave-employee{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:14px}.my-leave-employee small{color:#64748b;font-size:11px;font-weight:950}.my-leave-employee strong{color:#0f172a;font-size:16px;font-weight:950}.my-leave-employee span{color:#64748b;font-size:12px;font-weight:800}.my-leave-form input,.my-leave-form select,.my-leave-form textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;font-size:13px;font-weight:750;transition:border-color .16s,box-shadow .16s}.my-leave-form input,.my-leave-form select{min-height:42px;padding:0 12px}.my-leave-form textarea{resize:vertical;min-height:92px;padding:12px;line-height:1.45}.my-leave-form input:focus,.my-leave-form select:focus,.my-leave-form textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.my-leave-file-upload{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.my-leave-file-upload input[type=file]{display:none}.my-leave-file-button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:center;align-items:center;width:max-content;min-height:38px;padding:0 14px;font-size:12px;font-weight:950;transition:background .16s,transform .16s,box-shadow .16s;flex-direction:row!important;display:inline-flex!important}.my-leave-file-button:hover{background:#dbeafe;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb24}.my-leave-file-name{color:#475569;text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:12px;font-weight:800;overflow:hidden}.my-leave-file-hint{color:#64748b;margin-top:6px;font-size:11px;font-weight:750;display:block}.my-leave-actions{justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.my-leave-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ade80,#38bdf8);border:0;border-radius:14px;min-width:128px;padding:12px 16px;font-size:12px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 10px 20px #22c55e29}.my-leave-actions button:hover{transform:translateY(-1px);box-shadow:0 14px 26px #22c55e33}.my-leave-actions button.ghost{color:#475569;box-shadow:none;background:#fff;border:1px solid #cbd5e1}.my-leave-actions button.ghost:hover{box-shadow:none;background:#f8fafc}.my-leave-actions button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.my-leave-table-wrap{box-sizing:border-box;width:100%;padding:14px;overflow-x:auto}.my-leave-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dbeafe;border-radius:18px;width:100%;min-width:1080px;overflow:hidden}.my-leave-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#eff8ff;border-bottom:1px solid #dbeafe;padding:12px;font-size:11px;font-weight:950}.my-leave-table td{color:#0f172a;vertical-align:top;border-bottom:1px solid #eef2f7;padding:12px;font-size:12px}.my-leave-table tbody tr:last-child td{border-bottom:0}.my-leave-table tbody tr:hover td{background:#f8fbff}.my-leave-table td strong{color:#0f172a;font-size:12px;font-weight:950;display:block}.my-leave-table td small{color:#64748b;margin-top:4px;font-size:11px;font-weight:750;display:block}.my-leave-table td em{color:#b91c1c;margin-top:5px;font-size:11px;font-style:normal;font-weight:850;display:block}.my-leave-table .empty{text-align:center;color:#64748b;padding:34px;font-weight:850}.my-leave-type,.my-leave-status{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;max-width:100%;padding:6px 10px;font-size:11px;font-weight:950;line-height:1;display:inline-flex}.my-leave-type.permission{color:#1d4ed8;background:#eff6ff}.my-leave-type.sick{color:#b45309;background:#fef3c7}.my-leave-type.emergency{color:#b91c1c;background:#fee2e2}.my-leave-type.other{color:#475569;background:#f1f5f9}.my-leave-status.pending{color:#b45309;background:#fef3c7}.my-leave-status.approved{color:#15803d;background:#dcfce7}.my-leave-status.rejected{color:#b91c1c;background:#fee2e2}.my-leave-status.draft{color:#0369a1;background:#e0f2fe}.my-leave-status.cancelled{color:#475569;background:#f1f5f9}.my-leave-reason{color:#334155;white-space:normal;max-width:260px;font-size:12px;font-weight:750;line-height:1.45;display:block}.my-leave-table button.my-leave-attachment-link,button.my-leave-attachment-link,.my-leave-attachment-link{white-space:nowrap;cursor:pointer;appearance:none;width:max-content;min-height:30px;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:11px;font-weight:950;line-height:1;text-decoration:none;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex;color:#047857!important;background:#ecfdf5!important;border:0!important}.my-leave-table button.my-leave-attachment-link:hover,button.my-leave-attachment-link:hover,.my-leave-attachment-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px #05966929;background:#d1fae5!important}.my-leave-table button.my-leave-attachment-link:focus,button.my-leave-attachment-link:focus,.my-leave-attachment-link:focus{outline:none;box-shadow:0 0 0 4px #05966924}.my-leave-approval-flow{flex-direction:column;gap:7px;min-width:240px;display:flex}.my-leave-approval-step{background:#fff;border:1px solid #dbeafe;border-radius:14px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.my-leave-approval-step>span{color:#0284c7;background:#eff8ff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:950;display:inline-flex}.my-leave-approval-step strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.my-leave-approval-step.pending{background:#fffbeb;border-color:#fde68a}.my-leave-approval-step.pending>span{color:#b45309;background:#fef3c7}.my-leave-approval-step.approved{background:#f0fdf4;border-color:#bbf7d0}.my-leave-approval-step.approved>span{color:#15803d;background:#dcfce7}.my-leave-approval-step.rejected{background:#fef2f2;border-color:#fecaca}.my-leave-approval-step.rejected>span{color:#b91c1c;background:#fee2e2}.my-leave-pagination{justify-content:center;align-items:center;gap:14px;padding:2px 14px 18px;display:flex}.my-leave-pagination button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ade80,#38bdf8);border:0;border-radius:14px;min-width:86px;padding:10px 14px;font-size:12px;font-weight:950;transition:opacity .16s,transform .16s,box-shadow .16s}.my-leave-pagination button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #22c55e29}.my-leave-pagination button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.my-leave-pagination span{color:#64748b;font-size:12px;font-weight:850}.my-leave-image-modal-backdrop{z-index:99999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.my-leave-image-modal{background:#fff;border-radius:24px;flex-direction:column;width:min(720px,100vw - 48px);max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 26px 80px #0f172a52}.my-leave-image-modal-head{color:#fff;background:linear-gradient(135deg,#4ade80,#38bdf8);border-bottom:1px solid #e2e8f0cc;flex:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.my-leave-image-modal-head h3{color:#fff;margin:0;font-size:17px;font-weight:950}.my-leave-image-modal-head p{color:#ffffffeb;margin:4px 0 0;font-size:12px;font-weight:750}.my-leave-image-modal-head button{color:#fff;cursor:pointer;background:#ffffff3d;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:24px;font-weight:950;line-height:1;display:inline-flex}.my-leave-image-modal-body{background-color:#f8fafc;background-image:linear-gradient(45deg,#94a3b81f 25%,#0000 25%),linear-gradient(-45deg,#94a3b81f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b81f 75%),linear-gradient(-45deg,#0000 75%,#94a3b81f 75%),none;background-position:0 0,0 11px,11px -11px,-11px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;flex:auto;max-height:calc(100vh - 150px);padding:16px;overflow:auto}.my-leave-image-modal-body img{object-fit:contain;background:#fff;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 190px);margin:0 auto;display:block;box-shadow:0 12px 30px #0f172a29}@media (width<=1100px){.my-leave-summary,.my-leave-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.my-leave-page{padding:12px}.my-leave-header{border-radius:20px;flex-direction:column}.my-leave-header button{width:100%}.my-leave-summary{grid-template-columns:1fr}.my-leave-tabs{flex-direction:column}.my-leave-tabs button{width:100%}.my-leave-form{grid-template-columns:1fr}.my-leave-actions{flex-direction:column-reverse}.my-leave-actions button{width:100%}.my-leave-pagination{flex-direction:column}.my-leave-file-name{max-width:100%}.my-leave-image-modal-backdrop{padding:14px}.my-leave-image-modal{border-radius:20px;width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.my-leave-image-modal-body{max-height:calc(100vh - 120px);padding:12px}.my-leave-image-modal-body img{max-height:calc(100vh - 155px)}}.leave-approval-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(circle at 0 0,#22c55e29,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf829,#0000 34%),linear-gradient(#f8fbff 0%,#eef7ff 100%);width:100%;min-height:calc(100vh - 82px);padding:18px}.leave-approval-header{color:#fff;background:linear-gradient(135deg,#4ade80 0%,#22c55e 42%,#38bdf8 100%);border:1px solid #dbeafe;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;padding:22px;display:flex;box-shadow:0 18px 42px #0f172a1f}.leave-approval-header span{color:#fff;background:#ffffff38;border-radius:999px;width:max-content;margin-bottom:8px;padding:6px 13px;font-size:12px;font-weight:950;display:inline-flex}.leave-approval-header h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:28px;font-weight:950}.leave-approval-header p{color:#fffffff0;max-width:820px;margin:7px 0 0;font-size:13px;font-weight:750;line-height:1.55}.leave-approval-header button{color:#0284c7;cursor:pointer;background:#fff;border:0;border-radius:16px;min-width:108px;padding:12px 18px;font-size:13px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 14px 28px #0f172a24}.leave-approval-header button:hover{transform:translateY(-1px);box-shadow:0 18px 34px #0f172a2e}.leave-approval-header button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.leave-approval-message{border-radius:16px;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:850}.leave-approval-message.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.leave-approval-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.leave-approval-summary{grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.leave-approval-summary>div{box-sizing:border-box;background:#fffffff5;border:1px solid #dbeafe;border-radius:20px;min-height:86px;padding:16px;box-shadow:0 12px 30px #0f172a12}.leave-approval-summary small{color:#64748b;margin-bottom:8px;font-size:11px;font-weight:950;display:block}.leave-approval-summary strong{color:#0f172a;font-size:24px;font-weight:950;line-height:1.1;display:block}.leave-approval-summary span{color:#64748b;margin-top:6px;font-size:12px;font-weight:800;display:block}.leave-approval-card{background:#fffffff5;border:1px solid #dbeafe;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px #0f172a17}.leave-approval-card-title{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 12px;display:flex}.leave-approval-card-title h3{color:#0f172a;margin:0;font-size:18px;font-weight:950}.leave-approval-card-title p{color:#64748b;margin:5px 0 0;font-size:12px;line-height:1.45}.leave-approval-table-wrap{box-sizing:border-box;width:100%;padding:14px;overflow-x:auto}.leave-approval-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dbeafe;border-radius:18px;width:100%;min-width:1220px;overflow:hidden}.leave-approval-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#eff8ff;border-bottom:1px solid #dbeafe;padding:12px;font-size:11px;font-weight:950}.leave-approval-table td{color:#0f172a;vertical-align:top;border-bottom:1px solid #eef2f7;padding:12px;font-size:12px}.leave-approval-table tbody tr:last-child td{border-bottom:0}.leave-approval-table tbody tr:hover td{background:#f8fbff}.leave-approval-table td strong{color:#0f172a;font-size:12px;font-weight:950;display:block}.leave-approval-table td small{color:#64748b;margin-top:4px;font-size:11px;font-weight:750;display:block}.leave-approval-table .empty{text-align:center;color:#64748b;padding:34px;font-weight:850}.leave-approval-type,.leave-approval-status{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;max-width:100%;padding:6px 10px;font-size:11px;font-weight:950;line-height:1;display:inline-flex}.leave-approval-type.permission{color:#1d4ed8;background:#eff6ff}.leave-approval-type.sick{color:#b45309;background:#fef3c7}.leave-approval-type.emergency{color:#b91c1c;background:#fee2e2}.leave-approval-type.other{color:#475569;background:#f1f5f9}.leave-approval-status.pending{color:#b45309;background:#fef3c7}.leave-approval-status.approved{color:#15803d;background:#dcfce7}.leave-approval-status.rejected{color:#b91c1c;background:#fee2e2}.leave-approval-status.cancelled{color:#475569;background:#f1f5f9}.leave-approval-reason{color:#334155;white-space:normal;max-width:260px;font-size:12px;font-weight:750;line-height:1.45;display:block}.leave-approval-attachment-link{color:#047857;white-space:nowrap;background:#ecfdf5;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:7px 10px;font-size:11px;font-weight:950;text-decoration:none;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex}.leave-approval-attachment-link:hover{background:#d1fae5;transform:translateY(-1px);box-shadow:0 10px 20px #05966929}.leave-approval-flow{flex-direction:column;gap:7px;min-width:220px;display:flex}.leave-approval-step{background:#fff;border:1px solid #dbeafe;border-radius:14px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.leave-approval-step>span{color:#0284c7;background:#eff8ff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:950;display:inline-flex}.leave-approval-step strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leave-approval-step.pending{background:#fffbeb;border-color:#fde68a}.leave-approval-step.pending>span{color:#b45309;background:#fef3c7}.leave-approval-step.approved{background:#f0fdf4;border-color:#bbf7d0}.leave-approval-step.approved>span{color:#15803d;background:#dcfce7}.leave-approval-step.rejected{background:#fef2f2;border-color:#fecaca}.leave-approval-step.rejected>span{color:#b91c1c;background:#fee2e2}.leave-approval-actions{flex-direction:column;gap:8px;min-width:110px;display:flex}.leave-approval-actions button{color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:34px;font-size:12px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s}.leave-approval-actions button:hover{transform:translateY(-1px)}.leave-approval-actions button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.leave-approval-actions .approve{background:#16a34a;box-shadow:0 8px 18px #16a34a2e}.leave-approval-actions .reject{background:#dc2626;box-shadow:0 8px 18px #dc262629}.leave-approval-pagination{justify-content:center;align-items:center;gap:14px;padding:2px 14px 18px;display:flex}.leave-approval-pagination button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ade80,#38bdf8);border:0;border-radius:14px;min-width:86px;padding:10px 14px;font-size:12px;font-weight:950}.leave-approval-pagination button:disabled{cursor:not-allowed;opacity:.58}.leave-approval-pagination span{color:#64748b;font-size:12px;font-weight:850}.leave-approval-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a7a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.leave-approval-modal{background:#fff;border-radius:22px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 70px #0f172a40}.leave-approval-modal-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.leave-approval-modal-head h3{color:#0f172a;margin:0;font-size:18px;font-weight:950}.leave-approval-modal-head p{color:#64748b;margin:5px 0 0;font-size:12px;font-weight:800}.leave-approval-modal-head button{color:#334155;cursor:pointer;background:#e2e8f0;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;font-weight:800;line-height:1;display:inline-flex}.leave-approval-modal label{color:#334155;flex-direction:column;gap:8px;padding:18px;font-size:12px;font-weight:900;display:flex}.leave-approval-modal textarea{box-sizing:border-box;color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:120px;padding:12px;font-size:13px;font-weight:700;line-height:1.45}.leave-approval-modal textarea:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.leave-approval-modal-actions{justify-content:flex-end;gap:10px;padding:0 18px 18px;display:flex}.leave-approval-modal-actions button{cursor:pointer;border:0;border-radius:13px;min-width:124px;min-height:40px;font-size:12px;font-weight:950}.leave-approval-modal-actions .ghost{color:#475569;background:#fff;border:1px solid #cbd5e1}.leave-approval-modal-actions .reject{color:#fff;background:#dc2626}.leave-approval-modal-actions button:disabled{cursor:not-allowed;opacity:.55}@media (width<=1100px){.leave-approval-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.leave-approval-page{padding:12px}.leave-approval-header{border-radius:18px;flex-direction:column}.leave-approval-header button{width:100%}.leave-approval-summary{grid-template-columns:1fr}.leave-approval-actions{flex-direction:row}.leave-approval-actions button{flex:1}.leave-approval-pagination{flex-direction:column}.leave-approval-modal-actions{flex-direction:column-reverse}.leave-approval-modal-actions button{width:100%}}.leave-approval-table button.leave-approval-attachment-link,button.leave-approval-attachment-link{white-space:nowrap;cursor:pointer;appearance:none;width:max-content;min-height:30px;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:11px;font-weight:950;line-height:1;text-decoration:none;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex;color:#047857!important;background:#ecfdf5!important;border:0!important}.leave-approval-table button.leave-approval-attachment-link:hover,button.leave-approval-attachment-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px #05966929;background:#d1fae5!important}.leave-approval-table button.leave-approval-attachment-link:focus,button.leave-approval-attachment-link:focus{outline:none;box-shadow:0 0 0 4px #05966924}.leave-approval-image-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.leave-approval-image-modal{background:#fff;border-radius:22px;width:min(760px,100%);max-height:88vh;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.leave-approval-image-modal-head{color:#fff;background:linear-gradient(135deg,#4ade80,#38bdf8);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.leave-approval-image-modal-head h3{color:#fff;margin:0;font-size:18px;font-weight:950}.leave-approval-image-modal-head p{color:#ffffffeb;margin:5px 0 0;font-size:12px;font-weight:750}.leave-approval-image-modal-head button{color:#fff;cursor:pointer;background:#ffffff40;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:24px;font-weight:900;line-height:1;display:inline-flex}.leave-approval-image-modal-body{background:#f8fafc;max-height:calc(88vh - 76px);padding:16px;overflow:auto}.leave-approval-image-modal-body img{object-fit:contain;background:#fff;border-radius:16px;max-width:100%;max-height:calc(88vh - 110px);margin:0 auto;display:block;box-shadow:0 10px 26px #0f172a1f}.leave-monitoring-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(circle at 0 0,#22c55e29,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf829,#0000 34%),linear-gradient(#f8fbff 0%,#eef7ff 100%);width:100%;min-height:calc(100vh - 82px);padding:18px}.leave-monitoring-header{color:#fff;background:linear-gradient(135deg,#4ade80 0%,#22c55e 42%,#38bdf8 100%);border:1px solid #dbeafe;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;padding:22px;display:flex;box-shadow:0 18px 42px #0f172a1f}.leave-monitoring-header span{color:#fff;text-transform:uppercase;letter-spacing:.02em;background:#ffffff38;border-radius:999px;width:max-content;margin-bottom:8px;padding:6px 13px;font-size:12px;font-weight:950;display:inline-flex}.leave-monitoring-header h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:28px;font-weight:950}.leave-monitoring-header p{color:#fffffff0;max-width:820px;margin:7px 0 0;font-size:13px;font-weight:750;line-height:1.55}.leave-monitoring-header button{color:#0284c7;cursor:pointer;background:#fff;border:0;border-radius:16px;min-width:108px;padding:12px 18px;font-size:13px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 14px 28px #0f172a24}.leave-monitoring-header button:hover{transform:translateY(-1px);box-shadow:0 18px 34px #0f172a2e}.leave-monitoring-header button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.leave-monitoring-message{border-radius:16px;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:850}.leave-monitoring-message.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.leave-monitoring-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.leave-monitoring-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.leave-monitoring-summary>div{box-sizing:border-box;background:#fffffff5;border:1px solid #dbeafe;border-radius:20px;min-height:86px;padding:16px;box-shadow:0 12px 30px #0f172a12}.leave-monitoring-summary small{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11px;font-weight:950;display:block}.leave-monitoring-summary strong{color:#0284c7;font-size:28px;font-weight:950;line-height:1;display:block}.leave-monitoring-summary span{color:#64748b;margin-top:6px;font-size:12px;font-weight:800;display:block}.leave-monitoring-card{background:#fffffff5;border:1px solid #dbeafe;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px #0f172a17}.leave-monitoring-filters{background:#fff;border-bottom:1px solid #dbeafe;grid-template-columns:1.5fr repeat(4,minmax(0,1fr)) auto;gap:12px;padding:14px;display:grid}.leave-monitoring-filters label{color:#334155;flex-direction:column;gap:7px;font-size:12px;font-weight:950;display:flex}.leave-monitoring-filters input,.leave-monitoring-filters select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:40px;padding:0 12px;font-size:13px;font-weight:750;transition:border-color .16s,box-shadow .16s}.leave-monitoring-filters input:focus,.leave-monitoring-filters select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.leave-monitoring-filter-actions{align-items:flex-end;gap:8px;display:flex}.leave-monitoring-filter-actions button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4ade80,#38bdf8);border:0;border-radius:14px;min-height:40px;padding:0 14px;font-size:12px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s}.leave-monitoring-filter-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #22c55e29}.leave-monitoring-filter-actions button.ghost{color:#475569;box-shadow:none;background:#fff;border:1px solid #cbd5e1}.leave-monitoring-filter-actions button.ghost:hover{box-shadow:none;background:#f8fafc}.leave-monitoring-filter-actions button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.leave-monitoring-card-title{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 12px;display:flex}.leave-monitoring-card-title h3{color:#0284c7;letter-spacing:-.03em;margin:0;font-size:22px;font-weight:950}.leave-monitoring-card-title p{color:#64748b;margin:5px 0 0;font-size:12px;font-weight:750;line-height:1.45}.leave-monitoring-user{background:#f8fbff;border:1px solid #dbeafe;border-radius:16px;min-width:180px;padding:10px 12px}.leave-monitoring-user small{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.leave-monitoring-user strong{color:#0f172a;font-size:12px;font-weight:950;display:block}.leave-monitoring-table-wrap{box-sizing:border-box;width:100%;padding:14px;overflow-x:auto}.leave-monitoring-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dbeafe;border-radius:18px;width:100%;min-width:1320px;overflow:hidden}.leave-monitoring-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#eff8ff;border-bottom:1px solid #dbeafe;padding:12px;font-size:11px;font-weight:950}.leave-monitoring-table td{color:#0f172a;vertical-align:top;border-bottom:1px solid #eef2f7;padding:12px;font-size:12px}.leave-monitoring-table tbody tr:last-child td{border-bottom:0}.leave-monitoring-table tbody tr:hover td{background:#f8fbff}.leave-monitoring-table td strong{color:#0f172a;font-size:12px;font-weight:950;display:block}.leave-monitoring-table td small{color:#64748b;margin-top:4px;font-size:11px;font-weight:750;display:block}.leave-monitoring-table td em{color:#b91c1c;margin-top:5px;font-size:11px;font-style:normal;font-weight:850;display:block}.leave-monitoring-table .empty{text-align:center;color:#64748b;padding:34px;font-weight:850}.leave-monitoring-type,.leave-monitoring-status{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;max-width:100%;padding:6px 10px;font-size:11px;font-weight:950;line-height:1;display:inline-flex}.leave-monitoring-type.permission{color:#1d4ed8;background:#eff6ff}.leave-monitoring-type.sick{color:#b45309;background:#fef3c7}.leave-monitoring-type.emergency{color:#b91c1c;background:#fee2e2}.leave-monitoring-type.other{color:#475569;background:#f1f5f9}.leave-monitoring-status.pending{color:#b45309;background:#fef3c7}.leave-monitoring-status.approved{color:#15803d;background:#dcfce7}.leave-monitoring-status.rejected{color:#b91c1c;background:#fee2e2}.leave-monitoring-status.cancelled{color:#475569;background:#f1f5f9}.leave-monitoring-reason{color:#334155;white-space:normal;max-width:260px;font-size:12px;font-weight:750;line-height:1.45;display:block}.leave-monitoring-table button.leave-monitoring-attachment-link,button.leave-monitoring-attachment-link,.leave-monitoring-attachment-link{white-space:nowrap;cursor:pointer;appearance:none;width:max-content;min-height:30px;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:11px;font-weight:950;line-height:1;text-decoration:none;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex;color:#047857!important;background:#ecfdf5!important;border:0!important}.leave-monitoring-table button.leave-monitoring-attachment-link:hover,button.leave-monitoring-attachment-link:hover,.leave-monitoring-attachment-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px #05966929;background:#d1fae5!important}.leave-monitoring-table button.leave-monitoring-attachment-link:focus,button.leave-monitoring-attachment-link:focus,.leave-monitoring-attachment-link:focus{outline:none;box-shadow:0 0 0 4px #05966924}.leave-monitoring-flow{flex-direction:column;gap:7px;min-width:240px;display:flex}.leave-monitoring-step{background:#fff;border:1px solid #dbeafe;border-radius:14px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.leave-monitoring-step>span{color:#0284c7;background:#eff8ff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:950;display:inline-flex}.leave-monitoring-step strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leave-monitoring-step.pending{background:#fffbeb;border-color:#fde68a}.leave-monitoring-step.pending>span{color:#b45309;background:#fef3c7}.leave-monitoring-step.approved{background:#f0fdf4;border-color:#bbf7d0}.leave-monitoring-step.approved>span{color:#15803d;background:#dcfce7}.leave-monitoring-step.rejected{background:#fef2f2;border-color:#fecaca}.leave-monitoring-step.rejected>span{color:#b91c1c;background:#fee2e2}.leave-monitoring-pagination{justify-content:center;align-items:center;gap:14px;padding:2px 14px 18px;display:flex}.leave-monitoring-pagination button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ade80,#38bdf8);border:0;border-radius:14px;min-width:86px;padding:10px 14px;font-size:12px;font-weight:950;transition:opacity .16s,transform .16s,box-shadow .16s}.leave-monitoring-pagination button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #22c55e29}.leave-monitoring-pagination button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.leave-monitoring-pagination span{color:#64748b;font-size:12px;font-weight:850}.leave-monitoring-image-modal-backdrop{z-index:99999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.leave-monitoring-image-modal{background:#fff;border-radius:24px;flex-direction:column;width:min(720px,100vw - 48px);max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 26px 80px #0f172a52}.leave-monitoring-image-modal-head{color:#fff;background:linear-gradient(135deg,#4ade80,#38bdf8);border-bottom:1px solid #e2e8f0cc;flex:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.leave-monitoring-image-modal-head h3{color:#fff;margin:0;font-size:17px;font-weight:950}.leave-monitoring-image-modal-head p{color:#ffffffeb;margin:4px 0 0;font-size:12px;font-weight:750}.leave-monitoring-image-modal-head button{color:#fff;cursor:pointer;background:#ffffff3d;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:24px;font-weight:950;line-height:1;display:inline-flex}.leave-monitoring-image-modal-body{background-color:#f8fafc;background-image:linear-gradient(45deg,#94a3b81f 25%,#0000 25%),linear-gradient(-45deg,#94a3b81f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b81f 75%),linear-gradient(-45deg,#0000 75%,#94a3b81f 75%),none;background-position:0 0,0 11px,11px -11px,-11px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;flex:auto;max-height:calc(100vh - 150px);padding:16px;overflow:auto}.leave-monitoring-image-modal-body img{object-fit:contain;background:#fff;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 190px);margin:0 auto;display:block;box-shadow:0 12px 30px #0f172a29}@media (width<=1280px){.leave-monitoring-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.leave-monitoring-filter-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=1100px){.leave-monitoring-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-monitoring-card-title{flex-direction:column}.leave-monitoring-user{box-sizing:border-box;width:100%}}@media (width<=720px){.leave-monitoring-page{padding:12px}.leave-monitoring-header{border-radius:20px;flex-direction:column}.leave-monitoring-header button{width:100%}.leave-monitoring-summary,.leave-monitoring-filters{grid-template-columns:1fr}.leave-monitoring-filter-actions{flex-direction:column-reverse;align-items:stretch}.leave-monitoring-filter-actions button{width:100%}.leave-monitoring-pagination{flex-direction:column}.leave-monitoring-image-modal-backdrop{padding:14px}.leave-monitoring-image-modal{border-radius:20px;width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.leave-monitoring-image-modal-body{max-height:calc(100vh - 120px);padding:12px}.leave-monitoring-image-modal-body img{max-height:calc(100vh - 155px)}}.leave-monitoring-flow-inline{flex-wrap:wrap;align-items:center;gap:6px;min-width:180px;display:flex}.leave-monitoring-flow-inline small{color:#64748b;white-space:nowrap;margin:0 0 0 4px;font-size:11px;font-weight:850;display:inline-flex}.leave-monitoring-step-dot{color:#0284c7;background:#eff8ff;border:1px solid #dbeafe;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:950;display:inline-flex}.leave-monitoring-step-dot.pending{color:#b45309;background:#fef3c7;border-color:#fde68a}.leave-monitoring-step-dot.approved{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.leave-monitoring-step-dot.rejected{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.leave-monitoring-table th{padding:9px 10px;font-size:10px}.leave-monitoring-table td{vertical-align:middle;padding:8px 10px;font-size:11px}.leave-monitoring-table td strong{font-size:11px;line-height:1.2}.leave-monitoring-table td small{margin-top:2px;font-size:10px;line-height:1.2}.leave-monitoring-table td em{margin-top:3px;font-size:10px;line-height:1.2}.leave-monitoring-type,.leave-monitoring-status{padding:5px 8px;font-size:10px}.leave-monitoring-reason{max-width:220px;font-size:11px;line-height:1.25}.leave-monitoring-table button.leave-monitoring-attachment-link,button.leave-monitoring-attachment-link,.leave-monitoring-attachment-link{min-height:26px;padding:5px 10px;font-size:10px}.leave-monitoring-flow-inline{gap:4px;min-width:150px}.leave-monitoring-step-dot{width:21px;height:21px;font-size:10px}.leave-monitoring-flow-inline small{font-size:10px;line-height:1.2}.leave-monitoring-table{min-width:1180px}.employee-attendance-monitoring-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(circle at 0 0,#22c55e1a,#0000 32%),radial-gradient(circle at 100% 0,#0ea5e91f,#0000 34%),#f8fafc;flex-direction:column;gap:8px;width:100%;height:calc(100dvh - 54px);min-height:0;max-height:calc(100dvh - 54px);padding:10px;display:flex;overflow:hidden}.employee-attendance-monitoring-header{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#22c55e,#38bdf8);border-radius:20px;flex:none;justify-content:space-between;align-items:center;gap:14px;min-height:82px;padding:15px 18px;display:flex;box-shadow:0 14px 30px #22c55e26}.employee-attendance-monitoring-header.compact{min-height:82px}.employee-attendance-monitoring-header span{color:#fff;text-transform:uppercase;background:#ffffff38;border-radius:999px;width:fit-content;padding:5px 10px;font-size:9px;font-weight:1000;line-height:1;display:inline-flex}.employee-attendance-monitoring-header h2{letter-spacing:-.4px;margin:8px 0 3px;font-size:24px;font-weight:1000;line-height:1}.employee-attendance-monitoring-header p{max-width:820px;margin:0;font-size:11px;font-weight:850;line-height:1.35}.employee-attendance-monitoring-header button{color:#0284c7;cursor:pointer;background:#fff;border:none;border-radius:14px;flex:none;height:38px;padding:0 18px;font-size:11px;font-weight:1000}.employee-attendance-monitoring-header button:disabled{cursor:not-allowed;opacity:.65}.employee-attendance-monitoring-message{color:#92400e;background:#fef3c7;border-radius:12px;flex:none;padding:9px 11px;font-size:10.5px;font-weight:850}.employee-attendance-monitoring-message.success{color:#166534;background:#dcfce7}.employee-attendance-monitoring-message.error{color:#991b1b;background:#fee2e2}.employee-attendance-monitoring-summary.compact{flex:none;grid-template-columns:repeat(10,minmax(70px,1fr));gap:7px;display:grid}.employee-attendance-monitoring-summary.compact>div{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:50px;padding:8px 9px;box-shadow:0 7px 16px #0f172a0a}.employee-attendance-monitoring-summary.compact small{color:#64748b;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:1000;line-height:1;display:block;overflow:hidden}.employee-attendance-monitoring-summary.compact strong{color:#0284c7;margin-top:6px;font-size:21px;font-weight:1000;line-height:1;display:block}.employee-attendance-monitoring-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;box-shadow:0 12px 28px #0f172a0f}.employee-attendance-monitoring-card.compact{margin-top:0}.employee-attendance-monitoring-filters.compact{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;flex:none;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr auto;align-items:end;gap:8px;padding:9px 11px;display:grid}.employee-attendance-monitoring-filters label{color:#334155;flex-direction:column;gap:4px;font-size:9.5px;font-weight:950;display:flex}.employee-attendance-monitoring-filters input,.employee-attendance-monitoring-filters select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;width:100%;height:32px;padding:0 10px;font-size:10.5px;font-weight:850}.employee-attendance-monitoring-filters input:focus,.employee-attendance-monitoring-filters select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.employee-attendance-monitoring-filters button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:11px;height:32px;padding:0 12px;font-size:10px;font-weight:1000}.employee-attendance-monitoring-filters button:hover{background:#e2e8f0}.employee-attendance-monitoring-card-title.compact{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;flex:none;justify-content:space-between;align-items:center;gap:11px;padding:9px 11px;display:flex}.employee-attendance-monitoring-card-title h3{color:#0284c7;margin:0;font-size:17px;font-weight:1000;line-height:1}.employee-attendance-monitoring-card-title p{color:#64748b;margin:3px 0 0;font-size:9.5px;font-weight:850}.employee-attendance-monitoring-table-meta{align-items:center;gap:8px;display:flex}.employee-attendance-monitoring-table-meta span{color:#64748b;white-space:nowrap;font-size:10px;font-weight:900}.employee-attendance-monitoring-table-meta select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;height:30px;padding:0 9px;font-size:10px;font-weight:900}.employee-attendance-monitoring-table-wrap{background:#fff;flex:auto;width:100%;min-height:0;overflow:auto}.employee-attendance-monitoring-table-wrap::-webkit-scrollbar{width:7px;height:7px}.employee-attendance-monitoring-table-wrap::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}.employee-attendance-monitoring-table-wrap::-webkit-scrollbar-thumb{background:#0f172a3d;border-radius:999px}.employee-attendance-monitoring-table{table-layout:fixed;width:100%;min-width:1160px;border-collapse:collapse!important;border-spacing:0!important;height:auto!important;max-height:none!important}.employee-attendance-monitoring-table thead,.employee-attendance-monitoring-table tbody,.employee-attendance-monitoring-table tr{height:auto!important}.employee-attendance-monitoring-table.compact thead tr,.employee-attendance-monitoring-table.compact tbody tr{height:32px!important;min-height:32px!important;max-height:32px!important}.employee-attendance-monitoring-table.compact th{z-index:5;box-sizing:border-box;color:#475569;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f0f9ff;border-bottom:1px solid #dbeafe;font-weight:1000;position:sticky;top:0;vertical-align:middle!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:6px 7px!important;font-size:7.8px!important;line-height:1!important}.employee-attendance-monitoring-table.compact td{box-sizing:border-box;color:#0f172a;border-bottom:1px solid #e2e8f0;font-weight:900;overflow:hidden;vertical-align:middle!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:4px 7px!important;font-size:7.9px!important;line-height:1.08!important}.employee-attendance-monitoring-table.compact tbody tr:hover{background:#f8fbff}.employee-attendance-monitoring-table th:first-child,.employee-attendance-monitoring-table td:first-child{width:76px}.employee-attendance-monitoring-table th:nth-child(2),.employee-attendance-monitoring-table td:nth-child(2){width:140px}.employee-attendance-monitoring-table th:nth-child(3),.employee-attendance-monitoring-table td:nth-child(3){width:100px}.employee-attendance-monitoring-table th:nth-child(4),.employee-attendance-monitoring-table td:nth-child(4){width:120px}.employee-attendance-monitoring-table th:nth-child(5),.employee-attendance-monitoring-table td:nth-child(5){width:70px}.employee-attendance-monitoring-table th:nth-child(6),.employee-attendance-monitoring-table td:nth-child(6){width:90px}.employee-attendance-monitoring-table th:nth-child(7),.employee-attendance-monitoring-table td:nth-child(7){width:68px}.employee-attendance-monitoring-table th:nth-child(8),.employee-attendance-monitoring-table td:nth-child(8){width:92px}.employee-attendance-monitoring-table th:nth-child(9),.employee-attendance-monitoring-table td:nth-child(9){width:68px}.employee-attendance-monitoring-table th:nth-child(10),.employee-attendance-monitoring-table td:nth-child(10){width:92px}.employee-attendance-monitoring-table th:nth-child(11),.employee-attendance-monitoring-table td:nth-child(11){width:110px}.employee-attendance-monitoring-table th:nth-child(12),.employee-attendance-monitoring-table td:nth-child(12){width:64px}.employee-attendance-monitoring-table th:nth-child(13),.employee-attendance-monitoring-table td:nth-child(13){width:70px}.employee-attendance-monitoring-table td strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-weight:1000;display:block;overflow:hidden;margin:0!important;padding:0!important;font-size:8.2px!important;line-height:1.08!important}.employee-attendance-monitoring-table td small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-weight:850;display:block;overflow:hidden;margin-top:1px!important;padding:0!important;font-size:6.4px!important;line-height:1.05!important}.employee-attendance-monitoring-table td>*{max-height:28px!important}.employee-attendance-monitoring-table td:first-child>*,.employee-attendance-monitoring-table td:nth-child(2)>*,.employee-attendance-monitoring-table td:nth-child(4)>*{max-height:none!important}.employee-attendance-monitoring-position,.employee-attendance-monitoring-status,.employee-attendance-monitoring-chip,.employee-attendance-monitoring-issue,.employee-attendance-monitoring-safe-text,.employee-attendance-monitoring-work-location span{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;max-width:100%;font-weight:1000;display:inline-flex;height:17px!important;min-height:17px!important;padding:0 6px!important;font-size:6.4px!important;line-height:1!important}.employee-attendance-monitoring-position{color:#0284c7;background:#e0f2fe}.employee-attendance-monitoring-status.present{color:#15803d;background:#dcfce7}.employee-attendance-monitoring-status.late,.employee-attendance-monitoring-status.alpha{color:#b91c1c;background:#fee2e2}.employee-attendance-monitoring-status.permission,.employee-attendance-monitoring-status.sick{color:#b45309;background:#fef3c7}.employee-attendance-monitoring-chip.on_time,.employee-attendance-monitoring-chip.normal{color:#15803d;background:#dcfce7}.employee-attendance-monitoring-chip.late,.employee-attendance-monitoring-chip.early{color:#b91c1c;background:#fee2e2}.employee-attendance-monitoring-chip.not_checked_in,.employee-attendance-monitoring-chip.not_checked_out,.employee-attendance-monitoring-chip.waiting{color:#64748b;background:#f1f5f9}.employee-attendance-monitoring-chip.no_schedule{color:#b45309;background:#fef3c7}.employee-attendance-monitoring-issue.safe,.employee-attendance-monitoring-safe-text{color:#15803d;background:#dcfce7}.employee-attendance-monitoring-issue.danger{color:#b91c1c;background:#fee2e2}.employee-attendance-monitoring-work-location{flex-direction:column;align-items:flex-start;min-width:0;display:flex;gap:1px!important;line-height:1!important}.employee-attendance-monitoring-work-location span.office{color:#1d4ed8;background:#dbeafe}.employee-attendance-monitoring-work-location span.outside{color:#b45309;background:#fef3c7}.employee-attendance-monitoring-work-location span.empty{color:#64748b;background:#f1f5f9}.employee-attendance-monitoring-work-location small{max-width:78px;margin-top:1px!important;font-size:6.1px!important;line-height:1!important}.employee-attendance-monitoring-photo-actions{align-items:center;display:flex;gap:3px!important}.employee-attendance-monitoring-photo-actions button{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border:none;border-radius:999px;font-weight:1000;min-width:28px!important;height:19px!important;padding:0 5px!important;font-size:6.2px!important;line-height:1!important}.employee-attendance-monitoring-photo-actions button.active{cursor:pointer;color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb)}.employee-attendance-monitoring-sanction-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:999px;font-weight:1000;height:19px!important;min-height:19px!important;padding:0 6px!important;font-size:6.2px!important;line-height:1!important}.employee-attendance-monitoring-table .empty{text-align:center;color:#64748b;font-size:11px;font-weight:900;height:90px!important}.employee-attendance-monitoring-pagination.compact{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;flex:none;justify-content:center;align-items:center;gap:7px;padding:8px 10px;display:flex;box-shadow:0 -8px 18px #0f172a0a}.employee-attendance-monitoring-pagination button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:none;border-radius:10px;min-width:34px;height:28px;font-size:9.5px;font-weight:1000}.employee-attendance-monitoring-pagination button:disabled{cursor:not-allowed;opacity:.45}.employee-attendance-monitoring-pagination span{color:#475569;font-size:10.5px;font-weight:900}.employee-attendance-monitoring-photo-modal-backdrop,.employee-attendance-monitoring-sanction-modal-backdrop{z-index:9999;box-sizing:border-box;background:#0f172a9e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.employee-attendance-monitoring-photo-modal,.employee-attendance-monitoring-sanction-modal{background:#fff;border-radius:24px;width:min(560px,94vw);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #0f172a47}.employee-attendance-monitoring-photo-modal-head,.employee-attendance-monitoring-sanction-modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.employee-attendance-monitoring-photo-modal-head h3,.employee-attendance-monitoring-sanction-modal-head h3{color:#0f172a;margin:0;font-size:18px;font-weight:1000}.employee-attendance-monitoring-photo-modal-head p,.employee-attendance-monitoring-sanction-modal-head p{color:#64748b;margin:4px 0 0;font-size:12px;font-weight:800}.employee-attendance-monitoring-photo-modal-head button,.employee-attendance-monitoring-sanction-modal-head button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:999px;width:34px;height:34px;font-size:20px}.employee-attendance-monitoring-photo-modal-body{padding:14px}.employee-attendance-monitoring-photo-modal-body img{object-fit:contain;background:#f8fafc;border-radius:18px;width:100%;max-height:68vh;display:block}.employee-attendance-monitoring-sanction-modal-body{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.employee-attendance-monitoring-sanction-modal-body label{color:#334155;flex-direction:column;gap:6px;font-size:12px;font-weight:950;display:flex}.employee-attendance-monitoring-sanction-modal-body label.full{grid-column:1/-1}.employee-attendance-monitoring-sanction-modal-body input,.employee-attendance-monitoring-sanction-modal-body select,.employee-attendance-monitoring-sanction-modal-body textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:13px;outline:none;min-height:40px;padding:0 12px;font-size:12px;font-weight:850}.employee-attendance-monitoring-sanction-modal-body textarea{resize:vertical;min-height:90px;padding:11px 12px}.employee-attendance-monitoring-sanction-modal-actions{justify-content:flex-end;gap:10px;padding:0 16px 16px;display:flex}.employee-attendance-monitoring-sanction-modal-actions button{cursor:pointer;border:none;border-radius:13px;min-height:38px;padding:0 15px;font-size:12px;font-weight:1000}.employee-attendance-monitoring-sanction-modal-actions button.ghost{color:#334155;background:#f1f5f9}.employee-attendance-monitoring-sanction-modal-actions button.danger{color:#b91c1c;background:#fee2e2}@media (width<=1280px){.employee-attendance-monitoring-page{height:auto;max-height:none;overflow:visible}.employee-attendance-monitoring-summary.compact{grid-template-columns:repeat(5,1fr)}.employee-attendance-monitoring-card{min-height:600px}.employee-attendance-monitoring-table{min-width:1140px}}@media (width<=900px){.employee-attendance-monitoring-filters.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-attendance-monitoring-filters button{width:100%}.employee-attendance-monitoring-card-title.compact{flex-direction:column;align-items:stretch}.employee-attendance-monitoring-table-meta{justify-content:space-between}}@media (width<=720px){.employee-attendance-monitoring-page{gap:7px;padding:8px}.employee-attendance-monitoring-header{border-radius:16px;flex-direction:column;align-items:stretch;padding:12px}.employee-attendance-monitoring-header h2{font-size:19px}.employee-attendance-monitoring-header p{font-size:10px}.employee-attendance-monitoring-header button{width:100%}.employee-attendance-monitoring-summary.compact{grid-template-columns:repeat(2,1fr);gap:7px}.employee-attendance-monitoring-summary.compact>div{min-height:48px;padding:8px}.employee-attendance-monitoring-summary.compact strong{font-size:18px}.employee-attendance-monitoring-filters.compact{grid-template-columns:1fr}.employee-attendance-monitoring-table-meta{flex-direction:column;align-items:stretch}.employee-attendance-monitoring-table-meta select{width:100%}.employee-attendance-monitoring-pagination.compact{flex-wrap:wrap}.employee-attendance-monitoring-pagination span{text-align:center;order:-1;width:100%}.employee-attendance-monitoring-sanction-modal-body{grid-template-columns:1fr}}.registration-token-page{color:#0f172a;flex-direction:column;gap:18px;padding:6px 0 28px;display:flex}.registration-token-hero{background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 34%),linear-gradient(135deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:28px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex;box-shadow:0 18px 54px #0f172a14}.registration-token-eyebrow{color:#0284c7;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:950}.registration-token-hero h1{color:#0f172a;letter-spacing:-.055em;margin:0;font-size:clamp(28px,4vw,44px);font-weight:950;line-height:1}.registration-token-subtitle{color:#64748b;max-width:680px;margin:10px 0 0;font-size:14px;font-weight:750;line-height:1.65}.registration-token-hero>button,.registration-token-form-actions button,.registration-token-toolbar button,.registration-token-pagination button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;border-radius:14px;min-height:42px;padding:0 16px;font-size:13px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 12px 26px #22c55e2e}.registration-token-hero>button:hover,.registration-token-form-actions button:hover,.registration-token-toolbar button:hover,.registration-token-pagination button:hover{transform:translateY(-1px);box-shadow:0 16px 32px #22c55e3d}.registration-token-hero>button:disabled,.registration-token-form-actions button:disabled,.registration-token-toolbar button:disabled,.registration-token-pagination button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.registration-token-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.registration-token-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:16px;box-shadow:0 12px 34px #0f172a0f}.registration-token-summary-card span{color:#64748b;font-size:12px;font-weight:900;display:block}.registration-token-summary-card strong{color:#0f172a;margin-top:6px;font-size:28px;font-weight:950;line-height:1;display:block}.registration-token-summary-card.active{background:#f0fdf4;border-color:#bbf7d0}.registration-token-summary-card.active strong{color:#15803d}.registration-token-summary-card.used{background:#f0f9ff;border-color:#bae6fd}.registration-token-summary-card.used strong{color:#0369a1}.registration-token-summary-card.expired{background:#fff7ed;border-color:#fed7aa}.registration-token-summary-card.expired strong{color:#c2410c}.registration-token-summary-card.inactive{background:#f8fafc;border-color:#e5e7eb}.registration-token-summary-card.inactive strong{color:#475569}.registration-token-summary-card.total{background:#faf5ff;border-color:#ddd6fe}.registration-token-summary-card.total strong{color:#7c3aed}.registration-token-message{border-radius:18px;padding:13px 15px;font-size:13px;font-weight:850;line-height:1.45}.registration-token-message.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.registration-token-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.registration-token-form-card,.registration-token-card{background:#fff;border:1px solid #dbeafe;border-radius:26px;overflow:hidden;box-shadow:0 18px 54px #0f172a14}.registration-token-form-card{padding:20px}.registration-token-form-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.registration-token-form-header h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:22px;font-weight:950}.registration-token-form-header p{color:#64748b;max-width:720px;margin:6px 0 0;font-size:13px;font-weight:750;line-height:1.55}.registration-token-form-header button.ghost{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:13px;min-height:38px;padding:0 14px;font-size:12px;font-weight:950}.registration-token-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.registration-token-form-grid label{color:#334155;flex-direction:column;gap:7px;font-size:12px;font-weight:950;display:flex}.registration-token-form-grid label.full{grid-column:1/-1}.registration-token-form-grid input,.registration-token-form-grid textarea,.registration-token-toolbar input,.registration-token-toolbar select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:44px;padding:0 13px;font-size:13px;font-weight:750;transition:border-color .16s,box-shadow .16s}.registration-token-form-grid textarea{resize:vertical;min-height:86px;padding:12px 13px;line-height:1.5}.registration-token-form-grid input:focus,.registration-token-form-grid textarea:focus,.registration-token-toolbar input:focus,.registration-token-toolbar select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf821}.registration-token-form-grid input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.registration-token-form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.registration-token-form-actions button.secondary{color:#475569;box-shadow:none;background:#fff;border:1px solid #cbd5e1}.registration-token-toolbar{background:#f8fbff;border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:12px;padding:16px;display:flex}.registration-token-toolbar form{gap:10px;width:min(620px,100%);display:flex}.registration-token-toolbar input{flex:1}.registration-token-table-wrap{overflow-x:auto}.registration-token-table{border-collapse:collapse;width:100%;min-width:1040px}.registration-token-table th,.registration-token-table td{vertical-align:top;text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 16px}.registration-token-table th{color:#475569;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#fff;font-size:11px;font-weight:950}.registration-token-table td{color:#0f172a;font-size:13px;font-weight:760}.registration-token-table td strong{color:#0f172a;font-size:13px;font-weight:950;display:block}.registration-token-table td small{color:#64748b;margin-top:4px;font-size:11px;font-weight:760;line-height:1.3;display:block}.registration-token-table .empty{color:#64748b;text-align:center;padding:28px 16px;font-size:13px;font-weight:850}.registration-token-code{color:#1d4ed8;letter-spacing:.03em;background:#eff6ff;border-radius:12px;align-items:center;min-height:32px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:950;display:inline-flex}.registration-token-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:950;display:inline-flex}.registration-token-status.active{color:#15803d;background:#dcfce7}.registration-token-status.used{color:#0369a1;background:#e0f2fe}.registration-token-status.expired{color:#c2410c;background:#ffedd5}.registration-token-status.inactive{color:#475569;background:#f1f5f9}.registration-token-table button.copy{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:0;border-radius:12px;min-height:34px;padding:0 12px;font-size:12px;font-weight:950}.registration-token-actions{flex-wrap:wrap;gap:8px;display:flex}.registration-token-actions button{cursor:pointer;border:0;border-radius:12px;min-height:34px;padding:0 11px;font-size:12px;font-weight:950}.registration-token-actions button.edit{color:#92400e;background:#fef3c7}.registration-token-actions button.danger{color:#b91c1c;background:#fee2e2}.registration-token-actions button.success{color:#15803d;background:#dcfce7}.registration-token-actions button:disabled{cursor:not-allowed;opacity:.48}.registration-token-pagination{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.registration-token-pagination span{color:#64748b;font-size:12px;font-weight:850}.registration-token-pagination div{gap:8px;display:flex}.registration-token-pagination button{min-height:36px;box-shadow:none;padding:0 12px;font-size:12px}@media (width<=980px){.registration-token-hero{flex-direction:column}.registration-token-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-token-summary-card.total{grid-column:1/-1}.registration-token-toolbar{flex-direction:column}.registration-token-toolbar form,.registration-token-toolbar select{width:100%}}@media (width<=720px){.registration-token-page{gap:14px}.registration-token-hero{border-radius:22px;padding:18px}.registration-token-hero h1{font-size:31px}.registration-token-subtitle{font-size:13px}.registration-token-hero>button{width:100%}.registration-token-summary{gap:10px}.registration-token-summary-card{border-radius:18px;padding:14px}.registration-token-summary-card strong{font-size:24px}.registration-token-form-card,.registration-token-card{border-radius:20px}.registration-token-form-card{padding:16px}.registration-token-form-header{flex-direction:column}.registration-token-form-header button.ghost{width:100%}.registration-token-form-grid{grid-template-columns:1fr}.registration-token-form-actions{flex-direction:column-reverse}.registration-token-form-actions button{width:100%}.registration-token-toolbar{padding:14px}.registration-token-toolbar form{flex-direction:column}.registration-token-toolbar form button{width:100%}.registration-token-pagination{flex-direction:column;align-items:stretch}.registration-token-pagination div{width:100%}.registration-token-pagination button{flex:1}}@media (width<=460px){.registration-token-summary{grid-template-columns:1fr}.registration-token-summary-card.total{grid-column:auto}}.registration-token-page{gap:12px;padding:0 0 18px}.registration-token-hero{border-radius:22px;min-height:auto;padding:18px 20px}.registration-token-eyebrow{margin-bottom:4px;font-size:10px}.registration-token-hero h1{letter-spacing:-.045em;font-size:32px}.registration-token-subtitle{max-width:640px;margin-top:8px;font-size:12px;line-height:1.55}.registration-token-hero>button{border-radius:12px;min-height:36px;padding:0 14px;font-size:12px}.registration-token-summary{gap:9px}.registration-token-summary-card{border-radius:18px;padding:12px 14px}.registration-token-summary-card span{font-size:11px}.registration-token-summary-card strong{margin-top:5px;font-size:22px}.registration-token-card{border-radius:22px}.registration-token-toolbar{gap:10px;padding:11px 12px}.registration-token-toolbar form{gap:8px;width:min(560px,100%)}.registration-token-toolbar input,.registration-token-toolbar select{border-radius:12px;min-height:38px;padding:0 12px;font-size:12px}.registration-token-toolbar button{border-radius:12px;min-height:38px;padding:0 13px;font-size:12px}.registration-token-toolbar select{width:170px}.registration-token-table{min-width:980px}.registration-token-table th,.registration-token-table td{padding:8px 12px}.registration-token-table th{letter-spacing:.035em;font-size:10px}.registration-token-table td,.registration-token-table td strong{font-size:12px;line-height:1.25}.registration-token-table td small{margin-top:2px;font-size:10px;line-height:1.2}.registration-token-code{border-radius:9px;min-height:26px;padding:0 8px;font-size:10.5px;line-height:1}.registration-token-status{border-radius:999px;min-height:24px;padding:0 8px;font-size:10px}.registration-token-table button.copy{border-radius:9px;min-height:28px;padding:0 9px;font-size:10.5px}.registration-token-actions{gap:5px}.registration-token-actions button{border-radius:9px;min-height:28px;padding:0 8px;font-size:10.5px}.registration-token-pagination{padding:9px 12px}.registration-token-pagination span{font-size:11px}.registration-token-pagination button{border-radius:10px;min-height:30px;padding:0 10px;font-size:11px}.registration-token-form-card{border-radius:20px;padding:14px}.registration-token-form-header{margin-bottom:12px}.registration-token-form-header h2{font-size:20px}.registration-token-form-header p{margin-top:4px;font-size:12px}.registration-token-form-grid{gap:10px}.registration-token-form-grid label{gap:5px;font-size:11px}.registration-token-form-grid input,.registration-token-form-grid textarea{border-radius:12px;min-height:38px;padding:0 11px;font-size:12px}.registration-token-form-grid textarea{min-height:70px;padding:10px 11px}.registration-token-form-actions{margin-top:12px}.registration-token-form-actions button{border-radius:11px;min-height:36px;font-size:12px}.registration-token-table tbody tr:hover{background:#f8fbff}.registration-token-table tbody tr:last-child td{border-bottom:0}@media (width<=980px){.registration-token-hero{padding:16px}.registration-token-summary{grid-template-columns:repeat(5,minmax(120px,1fr));padding-bottom:2px;overflow-x:auto}.registration-token-summary-card{min-width:120px}.registration-token-summary-card.total{grid-column:auto}}@media (width<=720px){.registration-token-hero h1{font-size:27px}.registration-token-subtitle{font-size:12px}.registration-token-toolbar{padding:10px}.registration-token-toolbar form{flex-direction:column}.registration-token-toolbar form button,.registration-token-toolbar select{width:100%}.registration-token-table th,.registration-token-table td{padding:7px 10px}.registration-token-pagination{padding:10px}}:root{--sm-green:#49d45b;--sm-blue:#28aee9;--sm-blue-dark:#1298d3;--sm-cyan:#73e3ff;--sm-text:#17213f;--sm-muted:#64748b;--sm-border:#d7ebff;--sm-card:#fffffff0;--sm-shadow:0 18px 48px #1c62aa1f}html,body{overflow-x:hidden}.storage-page{min-height:100vh;color:var(--sm-text);background:radial-gradient(circle at 8% 12%,#49d45b2e,#0000 26%),radial-gradient(circle at 92% 10%,#28aee938,#0000 28%),radial-gradient(circle at 50% 100%,#73e3ff2e,#0000 34%),linear-gradient(135deg,#f7fbff 0%,#eef7ff 100%);padding:10px;font-family:Nunito,system-ui,sans-serif;position:relative;overflow-x:hidden}.storage-page:before,.storage-page:after{content:"";pointer-events:none;z-index:0;position:fixed}.storage-page:before{background:radial-gradient(circle at 35% 35%,#ffffffb8,#0000 9%),radial-gradient(circle at 64% 42%,#ffffff6b,#0000 7%),radial-gradient(circle,#49d45b2e,#0000 60%);border-radius:999px;width:520px;height:520px;animation:12s ease-in-out infinite storageFloatOrb;top:-180px;left:-200px}.storage-page:after{background:radial-gradient(circle at 30% 28%,#ffffff9e,#0000 8%),radial-gradient(circle at 62% 36%,#ffffff5c,#0000 6%),radial-gradient(circle,#28aee92e,#0000 62%);border-radius:999px;width:620px;height:620px;animation:15s ease-in-out infinite reverse storageFloatOrb;bottom:-280px;right:-240px}.storage-page>*{z-index:1;position:relative}.storage-hero{color:#fff;background:linear-gradient(120deg,#49d45bf5 0%,#24b8eff5 100%);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:16px;min-height:112px;margin-bottom:8px;padding:18px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #1c62aa29}.storage-hero:before{content:"";opacity:.78;background:radial-gradient(120% 90% at 50% 0,#ffffff52 0%,#0000 56%),linear-gradient(90deg,#ffffff21,#ffffff52,#ffffff21);border-radius:50% 50% 0 0;height:128px;animation:7s ease-in-out infinite storageWave;position:absolute;inset:auto -8% -72px}.storage-hero:after{content:"";opacity:.9;background:radial-gradient(circle at 16% 28%,#ffffff57 0 7px,#0000 8px),radial-gradient(circle at 32% 72%,#ffffff3d 0 6px,#0000 7px),radial-gradient(circle at 72% 26%,#ffffff42 0 8px,#0000 9px),radial-gradient(circle at 86% 64%,#ffffff38 0 5px,#0000 6px);animation:10s ease-in-out infinite bubbleDrift;position:absolute;inset:0}.storage-hero>*{z-index:1;position:relative}.storage-pill{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff3d;border-radius:999px;width:fit-content;margin-bottom:8px;padding:7px 15px;font-size:11px;font-weight:1000}.storage-hero h1{letter-spacing:-.04em;margin:0;font-size:27px;font-weight:1000;line-height:1.05}.storage-hero p{opacity:.96;margin:6px 0 0;font-size:13px;font-weight:800}.storage-hero button{color:var(--sm-blue-dark);cursor:pointer;background:#fff;border:0;border-radius:15px;padding:11px 20px;font-family:inherit;font-weight:1000;box-shadow:0 12px 26px #0f172a1f}.storage-summary-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px;display:grid;position:relative}.storage-summary-card{background:var(--sm-card);border:1px solid var(--sm-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:11px 13px;position:relative;overflow:hidden;box-shadow:0 10px 26px #1c62aa12}.storage-summary-card:before{content:"";background:linear-gradient(110deg,#0000 0%,#ffffff8c 44%,#0000 72%);width:120%;height:150%;animation:6s ease-in-out infinite storageShimmer;position:absolute;inset:-80% auto auto -50%;transform:rotate(12deg)}.storage-summary-card span,.storage-summary-card strong{z-index:1;position:relative}.storage-summary-card span{letter-spacing:.04em;text-transform:uppercase;color:var(--sm-muted);margin-bottom:5px;font-size:10px;font-weight:1000;display:block}.storage-summary-card strong{color:#1597d4;font-size:18px;font-weight:1000;line-height:1.2;display:block}.storage-alert{color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin-bottom:8px;padding:10px 12px;font-size:12px;font-weight:900}.storage-tabs{border:1px solid var(--sm-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:18px;gap:7px;margin-bottom:8px;padding:8px;display:flex;overflow-x:auto;box-shadow:0 10px 26px #1c62aa12}.storage-tabs button{color:#334155;cursor:pointer;white-space:nowrap;background:#eef6ff;border:0;border-radius:13px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:1000}.storage-tabs button.active{background:linear-gradient(135deg, var(--sm-green), var(--sm-blue));color:#fff}.storage-card{background:var(--sm-card);border:1px solid var(--sm-border);box-shadow:var(--sm-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;position:relative;overflow:hidden}.storage-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 35% 35%,#ffffffe6,#0000 11%),radial-gradient(circle,#28aee91f,#0000 66%);border-radius:999px;width:230px;height:230px;animation:13s ease-in-out infinite storageFloatOrb;position:absolute;top:-110px;right:-110px}.storage-card-head{border-bottom:1px solid var(--sm-border);z-index:2;background:linear-gradient(#ffffffeb 0%,#f7fcffe0 100%);padding:13px 16px;position:relative}.storage-card-head h2{color:var(--sm-blue-dark);margin:0;font-size:21px;font-weight:1000}.storage-card-head p{color:var(--sm-muted);margin:3px 0 0;font-size:12px;font-weight:800}.infographic-card{overflow:hidden}.infographic-wrap{background:radial-gradient(circle at 50% 33%,#fffffff2,#0000 20%),linear-gradient(135deg,#f8fcffeb,#ebf6ffeb);padding:14px 18px 16px;position:relative;overflow:hidden}.infographic-wrap:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff80 45%,#0000 75%);border-radius:22px;animation:7s ease-in-out infinite storageShimmer;position:absolute;inset:18px}.info-wave{background:radial-gradient(80% 65% at 50% 0,#28aee92e,#0000 60%),linear-gradient(90deg,#49d45b1f,#28aee929,#8b7cf61f);border-radius:50% 50% 0 0;height:145px;animation:7s ease-in-out infinite infographicWave;position:absolute;bottom:-72px;left:-8%;right:-8%}.info-bubble{pointer-events:none;background:radial-gradient(circle at 32% 28%,#fffffffa,#28aee929);border-radius:999px;position:absolute;box-shadow:inset 0 0 0 1px #ffffffbf}.info-bubble.b1{width:55px;height:55px;animation:6s ease-in-out infinite smallBubble;top:18%;left:12%}.info-bubble.b2{width:42px;height:42px;animation:7s ease-in-out infinite reverse smallBubble;top:28%;right:15%}.info-bubble.b3{width:34px;height:34px;animation:5.5s ease-in-out infinite smallBubble;bottom:12%;left:49%}.info-stage{z-index:2;grid-template-columns:minmax(280px,1fr) 300px minmax(280px,1fr);align-items:center;gap:18px;min-height:270px;margin-bottom:16px;display:grid;position:relative}.info-center{justify-content:center;align-items:center;min-height:270px;display:flex}.info-orbit{background:conic-gradient(#ef4f5f 0deg 60deg,#36aeea 60deg 120deg,#ff980f 120deg 180deg,#28c7b7 180deg 240deg,#213c63 240deg 300deg,#a64ee6 300deg 360deg);border-radius:999px;width:238px;height:238px;animation:7s ease-in-out infinite orbitFloat;position:relative;box-shadow:0 20px 38px #1c62aa33,inset 0 0 0 13px #fffffff2,inset 0 0 0 31px #ffffff61}.info-orbit:before{content:"";border-radius:inherit;border:9px solid #fff;position:absolute;inset:-18px;box-shadow:0 14px 30px #0f172a14,inset 0 0 0 3px #28aee92e}.info-orbit:after{content:"";border-radius:inherit;opacity:.92;background:conic-gradient(#ef4f5f 0deg 50deg,#0000 50deg 60deg,#36aeea 60deg 110deg,#0000 110deg 120deg,#ff980f 120deg 170deg,#0000 170deg 180deg,#28c7b7 180deg 230deg,#0000 230deg 240deg,#213c63 240deg 290deg,#0000 290deg 300deg,#a64ee6 300deg 350deg,#0000 350deg 360deg) border-box;border:6px solid #0000;animation:22s linear infinite orbitRotate;position:absolute;inset:-31px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.center-disc{z-index:3;text-align:center;background:#fff;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:60px;box-shadow:inset 0 0 0 1px #d7ebff}.center-disc span{text-transform:uppercase;color:#64748b;font-size:9px;font-weight:1000}.center-disc strong{color:#17213f;margin-top:4px;font-size:20px;font-weight:1000;line-height:.92}.center-disc p{color:#64748b;margin:5px 0 0;font-size:9px;font-weight:850}.orbit-segment{z-index:2;color:#fff;border-radius:17px;justify-content:center;align-items:center;width:51px;height:51px;font-size:17px;font-weight:1000;display:flex;position:absolute;box-shadow:0 12px 22px #0f172a24}.orbit-segment.red{background:linear-gradient(135deg,#ef4f5f,#ff6b6b);top:41px;left:28px}.orbit-segment.blue{background:linear-gradient(135deg,#36aeea,#65c9ff);bottom:41px;left:28px}.orbit-segment.orange{background:linear-gradient(135deg,#ff980f,#ffbd38);bottom:12px;left:94px}.orbit-segment.teal{background:linear-gradient(135deg,#28c7b7,#36dfcf);bottom:41px;right:28px}.orbit-segment.navy{background:linear-gradient(135deg,#213c63,#315b91);top:41px;right:28px}.orbit-segment.purple{background:linear-gradient(135deg,#a64ee6,#c267ff);top:12px;right:94px}.info-callouts{gap:10px;display:grid}.info-callout{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #d7ebfff2;border-radius:18px;grid-template-columns:40px 1fr;align-items:center;gap:9px;min-height:70px;padding:9px 10px;animation:6s ease-in-out infinite calloutFloat;display:grid;position:relative;box-shadow:0 12px 26px #1c62aa1a}.info-callout:before{content:"";background:#17213f1f;width:56px;height:2px;position:absolute;top:50%}.info-callouts.left .info-callout:before{left:100%}.info-callouts.right .info-callout:before{right:100%}.callout-dot{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:1000;display:flex;box-shadow:0 10px 20px #0f172a1f}.info-callout.red .callout-dot{background:#ef4f5f}.info-callout.blue .callout-dot{background:#36aeea}.info-callout.orange .callout-dot{background:#ff980f}.info-callout.teal .callout-dot{background:#28c7b7}.info-callout.navy .callout-dot{background:#213c63}.info-callout.purple .callout-dot{background:#a64ee6}.callout-body{min-width:0}.callout-body h3{color:#17213f;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:10px;font-weight:1000}.callout-body strong{color:#1298d3;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:15px;font-weight:1000;line-height:1.1;display:block;overflow:hidden}.callout-body p{color:#64748b;margin:3px 0 0;font-size:10px;font-weight:800}.mini-chart-grid{z-index:3;clear:both;grid-template-columns:1fr 1fr;gap:12px;margin-top:0;display:grid;position:relative}.mini-bar-panel{background:#fffffff0;border:1px solid #dff0ff;border-radius:18px;padding:10px 12px;position:relative;box-shadow:0 10px 22px #1c62aa12}.mini-bar-panel h3{color:#1298d3;margin:0 0 8px;font-size:13px;font-weight:1000}.mini-bars{gap:7px;display:grid}.mini-bar-row{grid-template-columns:135px 1fr;align-items:center;gap:8px;display:grid}.mini-bar-text{min-width:0}.mini-bar-text strong{color:#17213f;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.mini-bar-text span{color:#64748b;font-size:9px;font-weight:900;display:block}.mini-bar-track{background:#eaf5ff;border:1px solid #d7ebff;border-radius:999px;height:10px;overflow:hidden}.mini-bar-fill{background:linear-gradient(90deg,#49d45b,#28aee9,#73e3ff);border-radius:999px;height:100%;animation:.85s cubic-bezier(.2,.9,.2,1) both barGrow}.data-card{max-height:calc(100vh - 278px);overflow:hidden}.storage-table-wrap,.file-tree{background:#ffffffb8;max-height:calc(100vh - 336px);padding:0;overflow:auto}.storage-table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px;font-size:12px}.storage-table thead{z-index:20;position:sticky;top:0}.storage-table thead tr{z-index:20;position:relative}.storage-table th{color:#31506d;text-align:left;text-transform:uppercase;border-top:1px solid var(--sm-border);border-bottom:1px solid var(--sm-border);background:#eaf8ff;padding:14px 13px;font-size:10px;font-weight:1000;box-shadow:0 8px 18px #1c62aa14}.storage-table th:first-child{border-left:1px solid var(--sm-border);border-top-left-radius:14px}.storage-table th:last-child{border-right:1px solid var(--sm-border);border-top-right-radius:14px}.storage-table tbody td{color:#334155;background:#fff;border-bottom:1px solid #e5f3ff;padding:12px 13px;font-weight:750}.storage-table tbody tr:nth-child(2n) td{background:#f8fcff}.storage-table tbody tr:hover td{background:#effaff}.storage-table strong{color:var(--sm-text);font-weight:1000}.strong-blue{color:var(--sm-blue-dark)!important;font-weight:1000!important}.file-tree{padding:12px}.tree-block{border-radius:16px}.tree-row{background:#ffffffeb;border:1px solid #dff0ff;border-radius:16px;grid-template-columns:32px 32px 1fr auto;align-items:center;gap:8px;min-height:54px;margin-bottom:7px;padding-top:8px;padding-bottom:8px;padding-right:12px;display:grid}.tree-toggle{width:26px;height:26px;color:var(--sm-blue-dark);cursor:pointer;background:#eaf5ff;border:0;border-radius:9px;font-weight:1000}.tree-toggle.hidden{visibility:hidden}.tree-icon{font-size:20px}.tree-main{min-width:0}.tree-main strong{color:var(--sm-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:1000;display:block;overflow:hidden}.tree-main span{color:var(--sm-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:800;display:block;overflow:hidden}.tree-meta{text-align:right;white-space:nowrap}.tree-meta b{color:var(--sm-blue-dark);font-size:13px;font-weight:1000;display:block}.tree-meta span{color:var(--sm-muted);font-size:11px;font-weight:800;display:block}.storage-empty,.mini-empty{text-align:center;color:var(--sm-muted);background:#f8fcff;border:1px dashed #bfdbfe;border-radius:16px;padding:18px;font-size:13px;font-weight:900}@media (width<=1280px){.info-stage{grid-template-columns:minmax(260px,1fr) 270px minmax(260px,1fr);gap:14px}.mini-bar-row{grid-template-columns:125px 1fr}}@media (width<=1100px){.storage-page{min-height:100vh;overflow-y:auto}.data-card{max-height:none}.storage-table-wrap,.file-tree{max-height:62vh}.info-stage{grid-template-columns:1fr;gap:14px;min-height:auto}.info-center{order:1;min-height:300px}.info-callouts.left{order:2}.info-callouts.right{order:3}.info-callouts{grid-template-columns:repeat(2,1fr)}.info-callout:before{display:none}.mini-chart-grid{grid-template-columns:1fr}.mini-bar-row{grid-template-columns:150px 1fr}}@media (width<=980px){.storage-summary-grid{grid-template-columns:repeat(2,1fr)}.storage-hero{flex-direction:column}.storage-hero button{width:100%}}@media (width<=640px){.storage-page{padding:10px}.storage-hero{border-radius:22px;padding:20px}.storage-hero h1{font-size:25px}.storage-summary-grid{grid-template-columns:1fr}.storage-tabs{border-radius:18px}.storage-card{border-radius:22px}.storage-card-head{padding:15px}.infographic-wrap{padding:14px}.info-center{min-height:285px}.info-orbit{width:225px;height:225px}.info-orbit:before{border-width:9px;inset:-17px}.info-orbit:after{border-width:6px;inset:-30px}.center-disc{inset:57px}.center-disc strong{font-size:18px}.orbit-segment{border-radius:16px;width:49px;height:49px;font-size:16px}.orbit-segment.red{top:37px;left:25px}.orbit-segment.blue{bottom:37px;left:25px}.orbit-segment.orange{bottom:10px;left:88px}.orbit-segment.teal{bottom:37px;right:25px}.orbit-segment.navy{top:37px;right:25px}.orbit-segment.purple{top:10px;right:88px}.info-callouts{grid-template-columns:1fr}.mini-bar-row{grid-template-columns:1fr;gap:4px}.tree-row{grid-template-columns:30px 30px 1fr}.tree-meta{text-align:left;grid-column:3}}@media (prefers-reduced-motion:reduce){.storage-page:before,.storage-page:after,.storage-hero:before,.storage-hero:after,.storage-summary-card:before,.storage-card:before,.infographic-wrap:before,.info-wave,.info-bubble,.info-orbit,.info-orbit:after,.info-callout,.mini-bar-fill{animation:none!important}}:root{--pa-green:#49d45b;--pa-blue:#28aee9;--pa-blue-dark:#1298d3;--pa-text:#17213f;--pa-muted:#64748b;--pa-border:#d7ebff;--pa-card:#fffffff0;--pa-shadow:0 18px 48px #1c62aa1f}*{box-sizing:border-box}html,body{overflow:hidden}.parent-access-page{width:100%;height:100vh;color:var(--pa-text);background:radial-gradient(circle at 0 0,#49d45b2e,#0000 28%),radial-gradient(circle at 100% 0,#28aee933,#0000 28%),linear-gradient(135deg,#f7fbff 0%,#eef7ff 100%);padding:10px;font-family:Nunito,system-ui,sans-serif;overflow:hidden}.pa-hero{color:#fff;height:118px;box-shadow:var(--pa-shadow);background:linear-gradient(120deg,#4bd653 0%,#24b8ef 100%);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.pa-hero:before{content:"";background:radial-gradient(120% 90% at 50% 0,#ffffff52 0%,#0000 56%),linear-gradient(90deg,#ffffff21,#ffffff52,#ffffff21);border-radius:50% 50% 0 0;height:128px;animation:7s ease-in-out infinite paWave;position:absolute;inset:auto -8% -72px}.pa-hero:after{content:"";background:radial-gradient(circle at 16% 28%,#ffffff57 0 7px,#0000 8px),radial-gradient(circle at 72% 26%,#ffffff42 0 8px,#0000 9px),radial-gradient(circle at 86% 64%,#fff3 0 5px,#0000 6px);animation:10s ease-in-out infinite paBubble;position:absolute;inset:0}.pa-hero>*{z-index:1;position:relative}.pa-pill{color:#fff;background:#ffffff3d;border-radius:999px;width:fit-content;margin-bottom:8px;padding:7px 15px;font-size:11px;font-weight:1000}.pa-hero h1{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:1000;line-height:1.05}.pa-hero p{opacity:.96;max-width:760px;margin:6px 0 0;font-size:13px;font-weight:850;line-height:1.35}.pa-hero button{color:var(--pa-blue-dark);cursor:pointer;background:#fff;border:0;border-radius:15px;padding:11px 20px;font-family:inherit;font-weight:1000;box-shadow:0 10px 24px #0f172a1a}.pa-hero button:disabled{opacity:.7;cursor:not-allowed}.pa-summary-grid{grid-template-columns:.65fr .45fr 1.9fr;gap:8px;margin-bottom:8px;display:grid}.pa-summary-card{background:var(--pa-card);border:1px solid var(--pa-border);border-radius:18px;height:66px;padding:11px 13px;overflow:hidden;box-shadow:0 10px 26px #1c62aa12}.pa-summary-card span{letter-spacing:.04em;text-transform:uppercase;color:var(--pa-muted);margin-bottom:5px;font-size:10px;font-weight:1000;display:block}.pa-summary-card strong{color:#1597d4;word-break:break-word;font-size:18px;font-weight:1000;line-height:1.2;display:block}.pa-summary-card.wide strong{font-size:17px}.pa-card{background:var(--pa-card);border:1px solid var(--pa-border);height:calc(100vh - 218px);min-height:0;box-shadow:var(--pa-shadow);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.pa-card-head{border-bottom:1px solid var(--pa-border);background:linear-gradient(#fff 0%,#f7fcff 100%);flex:none;padding:13px 16px}.pa-card-head h2{color:#1298d3;letter-spacing:-.03em;margin:0;font-size:22px;font-weight:1000;line-height:1.1}.pa-card-head p{color:var(--pa-muted);margin:3px 0 0;font-size:12px;font-weight:800}.pa-filter{border-bottom:1px solid var(--pa-border);background:#f8fcffb8;flex:none;grid-template-columns:1fr 150px 68px 78px;gap:8px;padding:10px 12px;display:grid}.pa-filter input,.pa-filter select{height:36px;color:var(--pa-text);background:#fff;border:1px solid #cfe5ff;border-radius:12px;outline:none;padding:0 12px;font-family:inherit;font-size:12px;font-weight:850}.pa-filter input:focus,.pa-filter select:focus{border-color:var(--pa-blue);box-shadow:0 0 0 3px #28aee91f}.pa-filter button{cursor:pointer;background:linear-gradient(135deg, var(--pa-green), var(--pa-blue));color:#fff;border:0;border-radius:12px;height:36px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:1000;box-shadow:0 10px 20px #28aee924}.pa-filter button.secondary{color:#1288c6;box-shadow:none;background:#eaf5ff}.pa-alert{color:#0e7490;background:#ecfeff;border:1px solid #bae6fd;border-radius:13px;flex:none;margin:8px 12px 0;padding:8px 11px;font-size:12px;font-weight:900}.pa-table-wrap{flex:auto;min-height:0;margin-top:8px;padding:0 12px;overflow:auto}.pa-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1080px;font-size:12px}.pa-table thead{z-index:10;position:sticky;top:0}.pa-table th{color:#31506d;text-align:left;text-transform:uppercase;border-top:1px solid var(--pa-border);border-bottom:1px solid var(--pa-border);background:#eaf8ff;padding:9px 10px;font-size:10px;font-weight:1000}.pa-table th:first-child{border-left:1px solid var(--pa-border);border-top-left-radius:14px}.pa-table th:last-child{border-right:1px solid var(--pa-border);border-top-right-radius:14px}.pa-table td{color:#334155;vertical-align:middle;background:#fff;border-bottom:1px solid #e5f3ff;padding:7px 10px;font-weight:800}.pa-table tbody tr:nth-child(2n) td{background:#f8fcff}.pa-table tbody tr:hover td{background:#effaff}.pa-student{gap:1px;display:grid}.pa-student strong{color:var(--pa-text);font-size:12px;font-weight:1000;line-height:1.15}.pa-student span{color:var(--pa-muted);font-size:10px;font-weight:850}.pa-table code{color:#0f172a;background:#f1f8ff;border-radius:9px;align-items:center;min-height:26px;padding:4px 8px;font-family:Nunito,system-ui,sans-serif;font-size:11px;font-weight:1000;display:inline-flex}.pa-class-badge{color:#1288c6;white-space:nowrap;background:#dff4ff;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:1000;display:inline-flex}.pa-status{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:1000;display:inline-flex}.pa-status.active{color:#16a34a;background:#dcfce7}.pa-status.inactive{color:#dc2626;background:#fee2e2}.pa-actions{flex-wrap:nowrap;gap:6px;display:flex}.pa-actions button{background:linear-gradient(135deg, var(--pa-green), var(--pa-blue));color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;min-height:30px;padding:6px 9px;font-family:inherit;font-size:10px;font-weight:1000}.pa-actions button.soft{color:#1288c6;background:#eaf5ff}.pa-empty-cell{text-align:center;color:var(--pa-muted)!important;padding:20px!important;font-weight:900!important}.pa-pagination{border-top:1px solid var(--pa-border);background:#f8fcff;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px 10px;display:flex}.pa-page-info{color:var(--pa-muted);font-size:12px;font-weight:900}.pa-page-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pa-page-buttons button{color:#1288c6;cursor:pointer;background:#eaf5ff;border:0;border-radius:10px;min-width:32px;height:32px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:1000}.pa-page-buttons button.active{background:linear-gradient(135deg, var(--pa-green), var(--pa-blue));color:#fff}.pa-page-buttons button:disabled{opacity:.45;cursor:not-allowed}@media (width<=980px){html,body{overflow:auto}.parent-access-page{height:auto;min-height:100vh;overflow:visible}.pa-hero{flex-direction:column;height:auto}.pa-hero button{width:100%}.pa-summary-grid{grid-template-columns:repeat(2,1fr)}.pa-summary-card.wide{grid-column:span 2}.pa-card{height:auto;min-height:0}.pa-table-wrap{max-height:62vh}.pa-filter{grid-template-columns:1fr 1fr}}@media (width<=640px){.parent-access-page{padding:10px}.pa-hero{border-radius:22px;padding:20px}.pa-hero h1{font-size:25px}.pa-hero p{font-size:12px}.pa-summary-grid{grid-template-columns:1fr}.pa-summary-card{height:auto}.pa-summary-card.wide{grid-column:auto}.pa-card{border-radius:22px}.pa-card-head{padding:15px}.pa-card-head h2{font-size:21px}.pa-filter{grid-template-columns:1fr;padding:12px}.pa-filter button{width:100%}.pa-table-wrap{max-height:58vh;padding:0 10px}.pa-pagination{flex-direction:column;align-items:stretch}.pa-page-buttons{justify-content:center}}.mcd-review-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(circle at 0 0,#0ea5e91f,#0000 28%),radial-gradient(circle at 100% 0,#7c3aed1a,#0000 28%),linear-gradient(135deg,#f8fbff 0%,#f7fff6 50%,#fbf7ff 100%);width:100%;min-height:calc(100vh - 90px);padding:10px}.mcd-review-page button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0ea5e9,#7c3aed);border:0;border-radius:999px;min-height:32px;padding:0 13px;font-family:inherit;font-size:11px;font-weight:1000;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 10px 22px #0ea5e929}.mcd-review-page button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #0ea5e938}.mcd-review-page button:disabled{opacity:.55;cursor:not-allowed}.mcd-review-page button.secondary{color:#334155;box-shadow:none;background:#f1f5f9}.mcd-review-page button.secondary:hover:not(:disabled){box-shadow:none;background:#e2e8f0;transform:none}.mcd-review-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex;box-shadow:0 14px 34px #0f172a12}.mcd-review-topbar span,.mcd-review-filter-card label,.mcd-review-sidebar-head span{color:#0284c7;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:1000}.mcd-review-topbar h2{color:#0f172a;letter-spacing:-.3px;margin:3px 0 0;font-size:20px;font-weight:1000;line-height:1}.mcd-review-topbar-actions{gap:7px;display:flex}.mcd-review-message{border-radius:14px;margin-top:8px;padding:9px 12px;font-size:12px;font-weight:900}.mcd-review-message.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.mcd-review-message.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.mcd-review-filter-card{background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:18px;margin-top:8px;padding:10px;box-shadow:0 12px 30px #0f172a0d}.mcd-review-filter-grid{grid-template-columns:1fr .75fr .7fr 1fr .8fr 1.1fr;gap:8px;display:grid}.mcd-review-filter-card label{flex-direction:column;gap:4px;display:flex}.mcd-review-page input,.mcd-review-page select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:33px;min-height:33px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:800;transition:border-color .16s,box-shadow .16s}.mcd-review-page input:focus,.mcd-review-page select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf821}.mcd-review-filter-loading{color:#2563eb;margin-top:8px;font-size:11px;font-weight:900}.mcd-review-layout{grid-template-columns:300px minmax(0,1fr);gap:8px;height:calc(100vh - 210px);min-height:560px;margin-top:8px;display:grid}.mcd-review-sidebar{background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:20px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 12px 30px #0f172a0d}.mcd-review-sidebar-head{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #f1f5f9;padding:11px 12px}.mcd-review-sidebar-head strong{color:#0f172a;margin-top:3px;font-size:14px;font-weight:1000;display:block}.mcd-review-list{flex:auto;min-height:0;padding:8px;overflow-y:auto}.mcd-review-list::-webkit-scrollbar{width:7px}.mcd-review-main::-webkit-scrollbar{width:7px}.mcd-review-list::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.mcd-review-main::-webkit-scrollbar-thumb{background:#29264f38;border-radius:999px}.mcd-review-empty,.mcd-review-loading{color:#64748b;text-align:center;background:#f8fafc;border-radius:16px;padding:16px;font-size:12px;font-weight:900}.mcd-review-student-card{text-align:left;flex-direction:column;justify-content:space-between;gap:7px;width:100%;min-height:76px;padding:10px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;color:#0f172a!important;box-shadow:none!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important}.mcd-review-student-card+.mcd-review-student-card{margin-top:7px}.mcd-review-student-card:hover{background:#f8fbff!important;border-color:#0ea5e959!important}.mcd-review-student-card.active{background:linear-gradient(135deg,#eff6ff,#fff)!important;border-color:#0ea5e994!important;box-shadow:0 10px 24px #0ea5e91a!important}.mcd-review-student-card strong{color:#0f172a;font-size:12px;font-weight:1000;line-height:1.25;display:block}.mcd-review-student-card span{color:#64748b;font-size:10px;font-weight:800;display:block}.mcd-review-student-card div{justify-content:space-between;align-items:center;gap:7px;display:flex}.mcd-review-student-card em,.mcd-review-student-card small{border-radius:999px;align-items:center;min-height:21px;padding:0 8px;font-size:10px;font-style:normal;font-weight:1000;display:inline-flex}.mcd-review-student-card em.draft{color:#c2410c;background:#fff7ed}.mcd-review-student-card em.published{color:#15803d;background:#dcfce7}.mcd-review-student-card small{color:#475569;background:#f1f5f9}.mcd-review-main{background:#ffffff8c;border:1px solid #e2e8f099;border-radius:20px;min-width:0;min-height:0;overflow-y:auto}.mcd-report-paper{box-sizing:border-box;background:linear-gradient(#fffffffc,#fcfdfffc),radial-gradient(circle at 100% 0,#0ea5e90f,#0000 34%);border:1px solid #e2e8f0f2;border-radius:20px;max-width:1020px;min-height:100%;margin:0 auto;padding:20px 24px 28px;box-shadow:0 22px 54px #0f172a1f}.mcd-report-header{border-bottom:0;grid-template-columns:minmax(0,1fr) 520px;align-items:start;gap:18px;padding:0 0 14px;display:grid;position:relative}.mcd-report-header:after{content:"";background:linear-gradient(90deg,#0ea5e9,#22c55e,#7c3aed);border-radius:999px;height:4px;position:absolute;bottom:0;left:0;right:0}.mcd-report-title-block{min-width:0}.mcd-report-logo-text{flex-direction:column;align-items:flex-start;margin-bottom:8px;display:inline-flex}.mcd-report-logo-text strong{background:linear-gradient(90deg,#fb7185,#f59e0b,#22c55e,#0ea5e9,#7c3aed);color:#0000;letter-spacing:-.8px;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:1000;line-height:1}.mcd-report-logo-text span{color:#334155;letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:1000}.mcd-report-title-block h1{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:24px;font-weight:1000;line-height:1.1}.mcd-report-title-block p{color:#64748b;margin:5px 0 0;font-size:12px;font-weight:800}.mcd-report-identity{background:#fff;border:1px solid #dbe6f3;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 10px 22px #0f172a0d}.mcd-report-identity div{box-sizing:border-box;background:linear-gradient(#fff,#fbfdff);border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;min-height:44px;padding:8px 9px}.mcd-report-identity div:nth-child(3n){border-right:0}.mcd-report-identity div:nth-last-child(-n+3){border-bottom:0}.mcd-report-identity span{color:#0284c7;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:1000;display:block}.mcd-report-identity strong{color:#0f172a;margin-top:4px;font-size:12px;font-weight:1000;line-height:1.2;display:block}.mcd-report-identity strong.published{color:#15803d}.mcd-report-identity strong.draft{color:#c2410c}.mcd-report-content{margin-top:20px}.mcd-report-empty-section{color:#64748b;text-align:center;background:#f8fafc;border:1px solid #dbe6f3;border-radius:18px;padding:18px;font-size:13px;font-weight:900}.mcd-report-group+.mcd-report-group{margin-top:24px}.mcd-report-group>h2{color:#0f172a;text-align:center;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(135deg,#0ea5e91a,#7c3aed14);border-radius:999px;width:fit-content;max-width:100%;margin:0 auto 10px;padding:6px 18px;font-size:22px;font-weight:1000;line-height:1.2}.mcd-report-section+.mcd-report-section{margin-top:22px}.mcd-report-section>h3{color:#0f172a;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 7px;font-size:18px;font-weight:1000;line-height:1.2;display:flex}.mcd-report-section>h3 span{color:#0284c7;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;display:inline-flex}.mcd-pdf-box{background:#fff;border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #0f172a09}.mcd-pdf-box+.mcd-pdf-box{margin-top:10px}.mcd-pdf-box-title{box-sizing:border-box;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px #0f172a1a;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-bottom:1px solid #0f172a1a;min-height:36px;padding:7px 10px;font-size:16px;font-weight:1000;line-height:1.2}.mcd-pdf-columns{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mcd-pdf-columns ul{box-sizing:border-box;color:#111827;min-height:92px;margin:0;padding:10px 17px 10px 26px;font-size:15px;font-weight:760;line-height:1.32}.mcd-pdf-columns ul:first-child{border-right:1px solid #e2e8f0}.mcd-pdf-columns li{margin-bottom:8px;padding-left:3px}.mcd-pdf-columns li::marker{color:#0ea5e9}.mcd-pdf-box.evaluation{background:linear-gradient(135deg,#0ea5e90e,#7c3aed09),#fff;border-color:#0ea5e947}.mcd-pdf-box.evaluation p{box-sizing:border-box;color:#111827;text-align:justify;white-space:pre-wrap;min-height:88px;margin:0;padding:13px 24px 15px;font-size:15px;font-weight:780;line-height:1.52}.mcd-report-photo-section{page-break-inside:avoid;margin-top:24px}.mcd-report-photo-section h2,.mcd-report-notes h2{color:#0f172a;text-align:center;text-transform:uppercase;background:#eff6ff;border-radius:999px;width:fit-content;max-width:100%;margin:0 auto 11px;padding:6px 16px;font-size:18px;font-weight:1000}.mcd-report-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mcd-report-photo-card{background:#fff;border:1px solid #dbe6f3;border-radius:16px;overflow:hidden;box-shadow:0 10px 22px #0f172a0b}.mcd-report-photo-frame{background:#f8fafc;justify-content:center;align-items:center;height:160px;display:flex;overflow:hidden}.mcd-report-photo-frame img{object-fit:cover;width:100%;height:100%}.mcd-report-photo-frame div{color:#64748b;text-align:center}.mcd-report-photo-frame span{font-size:28px;display:block}.mcd-report-photo-frame p{margin:5px 0 0;font-size:11px;font-weight:900}.mcd-report-photo-card strong{box-sizing:border-box;color:#fff;text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-top:1px solid #e2e8f0;min-height:32px;padding:8px 7px;font-size:12px;font-weight:1000;display:block}.mcd-report-photo-count{color:#64748b;text-align:right;margin-top:8px;font-size:11px;font-weight:900}.mcd-report-notes{background:#fff;border:1px solid #dbe6f3;border-radius:16px;margin-top:22px;overflow:hidden;box-shadow:0 10px 22px #0f172a0b}.mcd-report-notes h2{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:0;width:100%;margin:0;padding:8px;font-size:16px}.mcd-report-notes p{color:#111827;white-space:pre-wrap;margin:0;padding:13px 16px;font-size:14px;font-weight:760;line-height:1.5}@media print{.mcd-review-topbar,.mcd-review-filter-card,.mcd-review-sidebar{display:none!important}.mcd-review-page{background:#fff;padding:0}.mcd-review-layout{height:auto;min-height:0;display:block}.mcd-review-main{background:#fff;border:0;overflow:visible}.mcd-report-paper{max-width:none;box-shadow:none;border:0;border-radius:0;padding:14mm}}@media (width<=1200px){.mcd-review-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mcd-review-layout{grid-template-columns:270px minmax(0,1fr)}.mcd-report-header{grid-template-columns:1fr}.mcd-report-identity{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.mcd-review-layout{grid-template-columns:1fr;height:auto;min-height:0}.mcd-review-sidebar{max-height:350px}.mcd-review-main{overflow:visible}.mcd-report-paper{padding:16px}.mcd-pdf-columns,.mcd-report-photo-grid{grid-template-columns:1fr}.mcd-pdf-columns ul:first-child{border-bottom:1px solid #e2e8f0;border-right:0}}@media (width<=700px){.mcd-review-page{padding:8px}.mcd-review-topbar{flex-direction:column;align-items:stretch}.mcd-review-topbar-actions{justify-content:flex-start}.mcd-review-filter-grid,.mcd-report-identity{grid-template-columns:1fr}.mcd-report-identity div,.mcd-report-identity div:nth-child(3n),.mcd-report-identity div:nth-last-child(-n+3){border-bottom:1px solid #e2e8f0;border-right:0}.mcd-report-identity div:last-child{border-bottom:0}.mcd-report-group>h2{font-size:18px}.mcd-report-section>h3{font-size:15px}.mcd-pdf-box-title{font-size:14px}.mcd-pdf-columns ul,.mcd-pdf-box.evaluation p{font-size:13px}}.mcd-review-student-card{text-align:left;cursor:pointer;width:100%;display:block;position:relative}.mcd-review-student-main{padding-right:74px}.mcd-review-card-edit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28aee9 0%,#6d5dfc 100%);border:0;border-radius:999px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:1000;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 8px 18px #28aee938}@media (width<=760px){.mcd-review-student-main{padding-right:0}.mcd-review-card-edit{width:100%;margin-top:10px;position:static;transform:none}.mcd-review-card-edit:hover{transform:none}}.mcd-review-layout{align-items:start;grid-template-columns:380px minmax(0,1fr)!important;gap:18px!important}.mcd-review-sidebar{width:380px!important;min-width:380px!important}.mcd-review-student-card{grid-template-columns:minmax(0,1fr) auto!important;min-height:64px!important;padding:10px 12px!important}.mcd-review-student-main{gap:4px!important;min-width:0!important;padding-right:0!important;display:grid!important}.mcd-review-student-main>strong{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:13px!important;overflow:hidden!important}.mcd-review-student-main>span{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:11px!important;overflow:hidden!important}.mcd-review-card-edit{min-width:62px!important;height:32px!important;padding:0 12px!important;font-size:11px!important}@media (width<=1200px){.mcd-review-layout{grid-template-columns:340px minmax(0,1fr)!important}.mcd-review-sidebar{width:340px!important;min-width:340px!important}}@media (width<=860px){.mcd-review-layout{grid-template-columns:1fr!important}.mcd-review-sidebar{width:100%!important;min-width:0!important}.mcd-review-list{max-height:320px;overflow-y:auto}}.mcd-review-layout{grid-template-columns:560px minmax(0,1fr)!important;align-items:start!important;gap:16px!important}.mcd-review-sidebar{width:560px!important;min-width:560px!important;max-width:560px!important}.mcd-review-main{min-width:0!important}.mcd-report-paper{width:min(100%,1120px)!important;margin:0 auto!important}.mcd-review-sidebar-head{padding:10px 14px!important}.mcd-review-list{scrollbar-width:thin;gap:5px!important;max-height:calc(100vh - 230px)!important;padding:8px!important;display:grid!important;overflow:hidden auto!important}.mcd-review-student-card{text-align:left!important;border-radius:13px!important;grid-template-columns:minmax(160px,1.2fr) minmax(150px,1fr) 62px 42px 32px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:44px!important;padding:7px 9px!important;display:grid!important;overflow:hidden!important}.mcd-review-student-main>strong,.mcd-review-student-card>strong{white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;margin:0!important;font-size:12px!important;font-weight:1000!important;line-height:1.15!important;overflow:hidden!important}.mcd-review-student-main>span,.mcd-review-student-card>span{color:#64748b!important;white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;margin:0!important;font-size:10.5px!important;font-weight:900!important;line-height:1.15!important;overflow:hidden!important}.mcd-review-student-card em{white-space:nowrap!important;text-overflow:ellipsis!important;border-radius:999px!important;justify-self:start!important;max-width:62px!important;margin:0!important;padding:3px 7px!important;font-size:8.5px!important;font-style:normal!important;font-weight:1000!important;line-height:1!important;overflow:hidden!important}.mcd-review-student-card small{white-space:nowrap!important;color:#475569!important;background:#eef4fb!important;border-radius:999px!important;justify-self:center!important;margin:0!important;padding:3px 7px!important;font-size:8.5px!important;font-weight:1000!important;line-height:1!important}.mcd-review-card-edit{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#28aee9 0%,#6d5dfc 100%)!important;border:0!important;border-radius:999px!important;justify-self:end!important;width:30px!important;min-width:30px!important;height:30px!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:0!important;font-weight:1000!important;line-height:1!important;position:static!important;transform:none!important;box-shadow:0 6px 12px #28aee92e!important}@media (width<=1400px){.mcd-review-layout{grid-template-columns:520px minmax(0,1fr)!important}.mcd-review-sidebar{width:520px!important;min-width:520px!important;max-width:520px!important}.mcd-review-student-card{grid-template-columns:minmax(145px,1.1fr) minmax(130px,.95fr) 58px 40px 30px!important;gap:7px!important}}@media (width<=1180px){.mcd-review-layout{grid-template-columns:470px minmax(0,1fr)!important}.mcd-review-sidebar{width:470px!important;min-width:470px!important;max-width:470px!important}.mcd-review-student-card{grid-template-columns:minmax(130px,1fr) minmax(105px,.85fr) 54px 38px 30px!important}}@media (width<=900px){.mcd-review-layout{grid-template-columns:1fr!important}.mcd-review-sidebar{width:100%!important;min-width:0!important;max-width:100%!important}.mcd-review-list{max-height:340px!important}.mcd-review-student-card{grid-template-columns:minmax(0,1fr) 30px!important;min-height:54px!important}.mcd-review-student-main{gap:4px!important;display:grid!important}.mcd-review-student-main>div{align-items:center!important;gap:6px!important;display:flex!important}.mcd-review-card-edit{width:30px!important;min-width:30px!important}}.mcd-review-card-edit{aspect-ratio:1!important;border-radius:50%!important;flex:0 0 34px!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;font-size:0!important;line-height:1!important;display:inline-flex!important}.mcd-review-card-edit:before{content:"✎";font-size:15px!important;line-height:1!important}.mcd-review-card-edit:hover{transform:translateY(-1px)!important}.mcd-preview-page,.mcd-report-preview,.parent-area-preview{height:100vh;max-height:100vh;padding-bottom:40px;overflow:hidden auto}.mcd-review-layout{grid-template-columns:560px minmax(0,1fr)!important;align-items:stretch!important;gap:16px!important;height:calc(100vh - 210px)!important;min-height:560px!important;display:grid!important;overflow:hidden!important}.mcd-review-sidebar{flex-direction:column!important;width:560px!important;min-width:560px!important;max-width:560px!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.mcd-review-list{flex-direction:column!important;flex:auto!important;gap:8px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:8px!important;display:flex!important;overflow:hidden auto!important}.mcd-review-student-card{box-sizing:border-box!important;flex:none!important;grid-template-columns:minmax(160px,1.2fr) minmax(150px,1fr) 62px 42px 34px!important;align-items:center!important;gap:8px!important;height:auto!important;min-height:44px!important;max-height:none!important;padding:7px 9px!important;display:grid!important}.mcd-review-student-main{min-width:0!important;padding:0!important;display:contents!important}.mcd-review-student-main>strong,.mcd-review-student-main>span{white-space:nowrap!important;text-overflow:ellipsis!important;line-height:1.15!important;overflow:hidden!important}.mcd-review-student-main>div{display:contents!important}.mcd-review-card-edit{border-radius:50%!important;flex:0 0 34px!important;justify-content:center!important;justify-self:end!important;align-items:center!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;font-size:0!important;display:inline-flex!important;position:static!important;transform:none!important}.mcd-review-card-edit:before{content:"✎"!important;font-size:15px!important}.mcd-review-main{min-width:0!important;height:100%!important;min-height:0!important;overflow:hidden auto!important}.mcd-report-paper{height:auto!important;min-height:auto!important;margin-bottom:40px!important}@media (width<=1400px){.mcd-review-layout{grid-template-columns:520px minmax(0,1fr)!important}.mcd-review-sidebar{width:520px!important;min-width:520px!important;max-width:520px!important}}@media (width<=1180px){.mcd-review-layout{grid-template-columns:470px minmax(0,1fr)!important}.mcd-review-sidebar{width:470px!important;min-width:470px!important;max-width:470px!important}}@media (width<=900px){.mcd-review-layout{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;overflow:visible!important}.mcd-review-sidebar{width:100%!important;min-width:0!important;max-width:100%!important;max-height:350px!important}.mcd-review-list{max-height:340px!important;overflow-y:auto!important}.mcd-review-main{height:auto!important;overflow:visible!important}.mcd-review-student-card{grid-template-columns:minmax(0,1fr) 34px!important;min-height:54px!important}.mcd-review-student-main{gap:4px!important;display:grid!important}.mcd-review-student-main>div{align-items:center!important;gap:6px!important;display:flex!important}}.mcd-month-switcher-card{background:radial-gradient(circle at 0 0,#22c55e1a,#0000 28%),linear-gradient(#fff 0%,#f8fcff 100%);border:1px solid #dbeafe;border-radius:20px;grid-template-columns:minmax(260px,1.05fr) minmax(260px,.9fr) auto;align-items:end;gap:12px;margin:0 12px 12px;padding:12px;display:grid}.mcd-month-switcher-card small{color:#0284c7;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:1000;display:inline-flex}.mcd-month-switcher-card strong{color:#0f172a;font-size:14px;font-weight:1000;line-height:1.2;display:block}.mcd-month-switcher-card p{color:#64748b;margin:4px 0 0;font-size:11px;font-weight:800;line-height:1.35}.mcd-month-switcher-note{color:#2563eb;white-space:nowrap;background:#eef6ff;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:10px;font-weight:1000;display:inline-flex}@media (width<=1100px){.mcd-month-switcher-card{grid-template-columns:1fr 1fr}.mcd-month-switcher-note{grid-column:1/-1;justify-content:flex-start;width:fit-content}}@media (width<=760px){.mcd-month-switcher-card{grid-template-columns:1fr}.mcd-month-switcher-note{justify-content:center;width:100%}}.mcd-review-access-note{color:#64748b;margin:4px 0 0;font-size:10px;font-weight:900}.mcd-review-topbar-actions button.danger{color:#fff;background:linear-gradient(135deg,#e11d48,#fb7185);box-shadow:0 12px 24px #e11d4833}.mcd-review-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a85;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.mcd-review-delete-modal{background:#fff;border-radius:26px;flex-direction:column;width:min(560px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 28px 70px #0f172a40}.mcd-review-delete-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.mcd-review-delete-head span{color:#e11d48;text-transform:uppercase;letter-spacing:.04em;background:#ffe4e6;border-radius:999px;width:fit-content;padding:6px 12px;font-size:10px;font-weight:1000;display:inline-flex}.mcd-review-delete-head h3{color:#25224f;margin:10px 0 6px;font-size:22px;font-weight:1000;line-height:1.1}.mcd-review-delete-head p{color:#64748b;margin:0;font-size:12px;font-weight:850;line-height:1.45}.mcd-review-delete-head button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;width:38px;height:38px;font-size:15px;font-weight:1000}.mcd-review-delete-body{flex-direction:column;gap:12px;padding:18px 22px;display:flex;overflow:auto}.mcd-review-delete-body label{color:#25224f;flex-direction:column;gap:6px;font-size:11px;font-weight:1000;display:flex}.mcd-review-delete-body select{color:#0f172a;background:#fff;border:1px solid #dbeafe;border-radius:14px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:850}.mcd-review-delete-body select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf829}.mcd-review-delete-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mcd-review-delete-warning{background:#fff1f2;border:1px solid #fecdd3;border-radius:18px;margin-top:4px;padding:14px 16px}.mcd-review-delete-warning strong{color:#be123c;margin-bottom:4px;font-size:13px;font-weight:1000;display:block}.mcd-review-delete-warning p{color:#9f1239;margin:0;font-size:12px;font-weight:850;line-height:1.4}.mcd-review-delete-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 22px 20px;display:flex}.mcd-review-delete-actions button{cursor:pointer;border:0;border-radius:999px;height:42px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:1000}.mcd-review-delete-actions button.secondary{color:#2563eb;background:#eff6ff}.mcd-review-delete-actions button.danger{color:#fff;background:linear-gradient(135deg,#e11d48,#fb7185);box-shadow:0 12px 24px #e11d483d}.mcd-review-delete-actions button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media (width<=640px){.mcd-review-delete-grid{grid-template-columns:1fr}.mcd-review-delete-actions{flex-direction:column}.mcd-review-delete-actions button{width:100%}}.lumi-assistant{--lumi-size:168px;--lumi-panel-width:372px;width:var(--lumi-size);height:var(--lumi-size);z-index:10020;transform:translate3d(var(--lumi-x), calc(-1 * var(--lumi-y)), 0);pointer-events:none;will-change:transform;isolation:isolate;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:transform 2.2s cubic-bezier(.22,.76,.25,1),filter .25s;position:fixed;bottom:0;left:0}.lumi-assistant.lumi-is-dragging{z-index:10040;transition:none!important}.lumi-character-button{cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50% 86%;filter:drop-shadow(0 16px 20px #33415533)drop-shadow(0 0 22px #ffdc667a);background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;position:relative}.lumi-is-dragging .lumi-character-button{cursor:grabbing;filter:drop-shadow(0 20px 26px #3341553d)drop-shadow(0 0 30px #ffdf69bf)}.lumi-character-button:focus-visible{border-radius:999px;box-shadow:0 0 0 5px #38bdf83d}.lumi-halo{z-index:9;opacity:.88;pointer-events:none;border:4px solid #ffc42bf2;border-radius:50%;width:58px;height:18px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-5deg);box-shadow:0 0 9px #ffcb4af2,0 0 24px #ffe27cb8}.lumi-wings{z-index:3;opacity:0;pointer-events:none;width:172px;height:82px;transition:opacity .22s,transform .3s;position:absolute;top:26px;left:50%;transform:translate(-50%)scale(.62)}.lumi-wing{transform-origin:90%;filter:drop-shadow(0 7px 7px #4c608c29)drop-shadow(0 0 9px #ffffffeb);width:76px;height:74px;position:absolute;top:4px}.lumi-wing.left{left:0;transform:rotate(-11deg)}.lumi-wing.right{right:0;transform:scaleX(-1)rotate(-11deg)}.lumi-wing .feather{transform-origin:92%;background:linear-gradient(#fff 0%,#fcfcfffa 48%,#dde1f1f2 78%,#c4cae5e6 100%);border-top:1px solid #fff;border-bottom:1px solid #a8b2d752;border-radius:92% 18% 78% 24%;width:58px;height:22px;position:absolute;right:0;box-shadow:inset 0 5px 8px #ffffffeb,inset 0 -3px 5px #a3aed421}.lumi-wing .feather:after{content:"";background:linear-gradient(90deg,#0000,#94a3cc61,#0000);height:1px;position:absolute;top:52%;left:8px;right:9px}.lumi-wing .f1{width:57px;top:2px;transform:rotate(-28deg)}.lumi-wing .f2{width:66px;top:14px;transform:rotate(-16deg)}.lumi-wing .f3{width:72px;top:28px;transform:rotate(-5deg)}.lumi-wing .f4{width:66px;top:42px;transform:rotate(9deg)}.lumi-wing .f5{width:55px;top:55px;transform:rotate(20deg)}.lumi-fly .lumi-wings,.lumi-salto .lumi-wings,.lumi-dragged .lumi-wings{opacity:1;transform:translate(-50%)scale(1)}.lumi-hop .lumi-wings{opacity:.42;transform:translate(-50%)scale(.78)}.lumi-fly .lumi-wing.left,.lumi-dragged .lumi-wing.left{animation:.36s ease-in-out infinite alternate lumi-wing-flap-left}.lumi-fly .lumi-wing.right,.lumi-dragged .lumi-wing.right{animation:.36s ease-in-out infinite alternate lumi-wing-flap-right}.lumi-salto .lumi-wing.left{animation:.22s ease-in-out infinite alternate lumi-wing-flap-left}.lumi-salto .lumi-wing.right{animation:.22s ease-in-out infinite alternate lumi-wing-flap-right}.lumi-character-image{z-index:6;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;mix-blend-mode:multiply;filter:saturate(1.04)contrast(1.02)drop-shadow(0 13px 16px #33415529);width:116%;height:116%;animation:2.7s ease-in-out infinite lumi-chibi-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lumi-css-character{z-index:5;background:radial-gradient(circle at 36% 24%,#fffffffa 0 11%,#0000 12%),radial-gradient(circle at 50% 34%,#fffef1 0 24%,#fff0a6 43%,#d5f8ff 69%,#b8a9ff 100%);border:1px solid #ffffffeb;border-radius:47% 47% 44% 44%/52% 52% 43% 43%;width:calc(100% - 32px);height:calc(100% - 35px);animation:2.5s ease-in-out infinite lumi-breathe;position:absolute;top:8px;left:16px;box-shadow:inset 0 0 24px #fffffff2,inset 0 -10px 18px #8b5cf61a,0 0 18px #ffe078d9,0 0 48px #7dd3fc59}.lumi-flame-tip{background:linear-gradient(160deg,#fffef0,#ffe494 38%,#bff6ff 70%,#b9a6ff);border-radius:82% 20% 74% 30%/78% 30% 72% 26%;width:32%;height:43%;position:absolute;top:-25%;left:35%;transform:rotate(18deg);box-shadow:0 0 18px #ffe080d9}.lumi-face{position:absolute;inset:0}.lumi-eye{width:15%;height:21%;transform:translate(var(--lumi-look-x), var(--lumi-look-y));background:radial-gradient(circle at 34% 26%,#fff 0 15%,#0000 16%),radial-gradient(circle at 50% 55%,#67c7ff 0 25%,#4338ca 55%,#16143d 100%);border-radius:50%;transition:transform 70ms linear;position:absolute;top:38%;box-shadow:inset 0 -2px #ffffff2e}.lumi-eye.left{left:23%}.lumi-eye.right{right:23%}.lumi-mouth{background:#5c245c;border-radius:20% 20% 80% 80%;width:16%;height:9%;position:absolute;top:62%;left:42%;box-shadow:inset 0 2px #ffffff2e}.lumi-cheek{filter:blur(1px);background:#ff8db780;border-radius:50%;width:16%;height:8%;position:absolute;top:61%}.lumi-cheek.left{left:9%}.lumi-cheek.right{right:9%}.lumi-arm{background:linear-gradient(135deg,#fff8c7,#c6f4ff 72%);border-radius:999px;width:27%;height:18%;position:absolute;top:55%;box-shadow:0 0 12px #ffffffb8}.lumi-arm.left{left:-15%;transform:rotate(25deg)}.lumi-arm.right{right:-15%;transform:rotate(-25deg)}.lumi-star{color:#ffc83d;text-shadow:0 0 12px #fff2a8;font-size:22px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.lumi-legs{z-index:4;pointer-events:none;width:62px;height:34px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.lumi-leg{transform-origin:50% 5%;background:linear-gradient(#d8f8ff,#fff1a7 68%,#ffd267);border-radius:999px;width:15px;height:26px;position:absolute;top:0;box-shadow:0 0 10px #ffe0706b}.lumi-leg.left{left:11px}.lumi-leg.right{right:11px}.lumi-foot{background:linear-gradient(135deg,#fff8c7,#ffd266);border-radius:70% 55% 62% 52%;width:24px;height:11px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #33415521}.lumi-leg.left .lumi-foot{transform:translate(-58%)rotate(-5deg)}.lumi-leg.right .lumi-foot{transform:translate(-42%)rotate(5deg)}.lumi-shadow{z-index:0;filter:blur(8px);background:#1e293b33;border-radius:50%;height:14px;transition:all .28s;position:absolute;bottom:1px;left:21%;right:21%}.lumi-aura{z-index:1;filter:blur(10px);background:radial-gradient(circle,#fff8beb8,#bae6fd42 47%,#0000 72%);border-radius:50%;animation:2.2s ease-in-out infinite lumi-aura-pulse;position:absolute;inset:-6px}.lumi-spark{z-index:8;color:#ffd456;text-shadow:0 0 10px #ffd240f2;pointer-events:none;animation:1.9s ease-in-out infinite lumi-sparkle;position:absolute}.lumi-spark.spark-1{font-size:18px;top:0;right:2px}.lumi-spark.spark-2{font-size:13px;animation-delay:.5s;top:32px;left:-5px}.lumi-spark.spark-3{font-size:11px;animation-delay:1s;bottom:28px;right:-1px}.lumi-task-badge{z-index:20;color:#fff;pointer-events:none;background:linear-gradient(135deg,#ff5b7f,#ff7d57);border:3px solid #fff;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 7px;font-size:10px;font-weight:1000;display:grid;position:absolute;top:2px;right:-4px;box-shadow:0 7px 18px #ff5b7f52}.lumi-speech{z-index:25;color:#29264f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#fffffffa;border:1px solid #dbeafef2;border-radius:18px 18px 18px 7px;align-items:flex-start;gap:7px;width:max-content;max-width:min(280px,100vw - 30px);padding:11px 14px;font-size:11px;font-weight:800;line-height:1.38;animation:.24s both lumi-speech-in;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 18px 42px #29264f2e}.lumi-speech strong{color:#0ea5e9;flex:none;font-weight:1000}.lumi-speech:after{content:"";background:#fffffffa;border-radius:2px;width:12px;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%,-6px)rotate(45deg)}.lumi-task-panel{z-index:10030;width:min(var(--lumi-panel-width), calc(100vw - 36px));-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);pointer-events:auto;background:radial-gradient(circle at 90% 0,#bae6fd6b,#0000 33%),radial-gradient(circle at 8% 5%,#ffecad66,#0000 28%),#fffffffb;border:1px solid #dbeafefa;border-radius:28px;flex-direction:column;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);animation:.26s cubic-bezier(.2,.8,.2,1) both lumi-panel-in;display:flex;position:fixed;top:18px;bottom:auto;overflow:hidden;box-shadow:0 28px 80px #29264f38,0 4px 16px #0ea5e914}.lumi-task-panel-head{border-bottom:1px solid #eaf2fb;justify-content:space-between;align-items:flex-start;gap:14px;padding:19px 20px 15px;display:flex}.lumi-task-panel-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.lumi-task-kicker{letter-spacing:.12em;color:#0ea5e9;font-size:9px;font-weight:1000}.lumi-task-panel-head strong{color:#252448;font-size:18px;font-weight:1000;line-height:1.15}.lumi-panel-hint{color:#7c8da5;margin-top:2px;font-size:9px;font-weight:800;line-height:1.3}.lumi-panel-close{color:#51647d;cursor:pointer;background:#eef7ff;border:0;border-radius:12px;flex:0 0 34px;width:34px;height:34px;font-size:22px;font-weight:900;line-height:1}.lumi-panel-close:hover{color:#ef476f;background:#ffe8ed}.lumi-task-list{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.lumi-task-item{text-align:left;color:#2d3151;cursor:pointer;background:#f8fbfff2;border:1px solid #e7eff8;border-radius:18px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:72px;padding:12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.lumi-task-item:hover:not(:disabled){border-color:#bfe8fb;transform:translateY(-2px);box-shadow:0 10px 25px #0ea5e91a}.lumi-task-item:disabled{cursor:default;opacity:.72}.lumi-task-item.priority-high{border-left:4px solid #ff6b7b}.lumi-task-item.priority-medium{border-left:4px solid #ffbf47}.lumi-task-item.priority-low{border-left:4px solid #5fd3a2}.lumi-task-item.priority-info{border-left:4px solid #55bdf3}.lumi-task-icon{background:#fff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:19px;display:grid;box-shadow:0 6px 14px #29264f0f}.lumi-task-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.lumi-task-copy strong{color:#2a294e;font-size:11px;font-weight:1000;line-height:1.2}.lumi-task-copy small{color:#6d7d94;font-size:9px;font-weight:750;line-height:1.38}.lumi-task-count{color:#0284c7;background:#e8f7ff;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 7px;font-size:10px;font-weight:1000;display:grid}.lumi-panel-state{text-align:center;border-radius:20px;flex-direction:column;gap:7px;margin:14px;padding:20px;display:flex}.lumi-panel-state.success{color:#16855a;background:#effcf6}.lumi-panel-state.error{color:#c4475b;background:#fff4f5}.lumi-panel-state>span:first-child{font-size:26px}.lumi-panel-state strong{font-size:13px;font-weight:1000}.lumi-panel-state small{font-size:9px;font-weight:750;line-height:1.35}.lumi-panel-state button,.lumi-refresh-btn{cursor:pointer;border:0;font-family:inherit;font-weight:1000}.lumi-panel-state button{color:inherit;background:#fff;border-radius:12px;align-self:center;margin-top:4px;padding:8px 14px}.lumi-refresh-btn{color:#fff;background:linear-gradient(135deg,#18b9e8,#7661f3);border-radius:14px;min-height:42px;margin:0 12px 12px;box-shadow:0 9px 22px #4f46e529}.lumi-refresh-btn:disabled{opacity:.6;cursor:wait}.lumi-walk .lumi-character-button{animation:.45s ease-in-out infinite alternate lumi-body-walk}.lumi-walk .lumi-leg.left{animation:.42s ease-in-out infinite alternate lumi-leg-walk}.lumi-walk .lumi-leg.right{animation:.42s ease-in-out infinite alternate-reverse lumi-leg-walk}.lumi-run .lumi-character-button{animation:.23s ease-in-out infinite alternate lumi-body-run}.lumi-run .lumi-leg.left{animation:.22s ease-in-out infinite alternate lumi-leg-run}.lumi-run .lumi-leg.right{animation:.22s ease-in-out infinite alternate-reverse lumi-leg-run}.lumi-run .lumi-arm.left{animation:.22s ease-in-out infinite alternate-reverse lumi-arm-run}.lumi-run .lumi-arm.right{animation:.22s ease-in-out infinite alternate lumi-arm-run}.lumi-hop .lumi-character-button{animation:.72s cubic-bezier(.2,.82,.35,1) 2 lumi-hop}.lumi-hop .lumi-shadow{animation:.72s ease-in-out 2 lumi-shadow-hop}.lumi-hop .lumi-leg.left,.lumi-hop .lumi-leg.right{animation:.72s ease-in-out 2 lumi-leg-hop}.lumi-fly .lumi-character-button{animation:1.25s ease-in-out infinite lumi-fly}.lumi-fly .lumi-shadow{opacity:.18;transform:scaleX(.52)}.lumi-fly .lumi-leg.left{transform:rotate(18deg)}.lumi-fly .lumi-leg.right{transform:rotate(-18deg)}.lumi-spin .lumi-character-button{animation:1.05s cubic-bezier(.34,1.25,.64,1) lumi-spin}.lumi-salto .lumi-character-button{animation:1.05s cubic-bezier(.22,.75,.2,1) lumi-salto}.lumi-salto .lumi-shadow{animation:1.05s ease-in-out lumi-shadow-salto}.lumi-rest .lumi-character-button{animation:2.1s ease-in-out infinite lumi-rest}.lumi-curious .lumi-character-button{animation:.62s ease-in-out infinite alternate lumi-curious}.lumi-dragged .lumi-character-button{animation:.38s ease-in-out infinite alternate lumi-drag-wiggle}.lumi-attention .lumi-aura,.lumi-has-task .lumi-aura{animation:1.25s ease-in-out infinite lumi-attention-aura}@keyframes lumi-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.03)}}@keyframes lumi-aura-pulse{0%,to{opacity:.52;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}@keyframes lumi-attention-aura{0%,to{opacity:.6;filter:blur(10px);transform:scale(.92)}50%{opacity:1;filter:blur(13px);transform:scale(1.18)}}@keyframes lumi-sparkle{0%,to{opacity:.18;transform:scale(.55)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(42deg)}}@keyframes lumi-speech-in{0%{opacity:0;transform:translate(-50%,7px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes lumi-panel-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lumi-body-walk{0%{transform:rotate(-2deg)translateY(0)}to{transform:rotate(2deg)translateY(-3px)}}@keyframes lumi-leg-walk{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes lumi-body-run{0%{transform:rotate(-5deg)translateY(0)scaleY(.98)}to{transform:rotate(5deg)translateY(-5px)scaleY(1.02)}}@keyframes lumi-leg-run{0%{transform:rotate(-48deg)translateY(0)}to{transform:rotate(48deg)translateY(-2px)}}@keyframes lumi-arm-run{0%{transform:rotate(-38deg)}to{transform:rotate(38deg)}}@keyframes lumi-hop{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(4px)scale(1.08,.91)}52%{transform:translateY(-34px)scale(.95,1.07)}78%{transform:translateY(0)scale(1.04,.95)}}@keyframes lumi-leg-hop{0%,to{transform:rotate(0)}45%,60%{transform:rotate(22deg)translateY(-6px)}}@keyframes lumi-shadow-hop{0%,to{opacity:.2;transform:scaleX(1)}52%{opacity:.06;transform:scaleX(.42)}}@keyframes lumi-fly{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-18px)rotate(4deg)}}@keyframes lumi-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(190deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}@keyframes lumi-salto{0%{transform:translateY(0)rotate(0)scale(1)}18%{transform:translateY(-20px)rotate(-45deg)scale(1.03)}50%{transform:translateY(-58px)rotate(-190deg)scale(1.07)}78%{transform:translateY(-22px)rotate(-315deg)scale(1.03)}to{transform:translateY(0)rotate(-360deg)scale(1)}}@keyframes lumi-shadow-salto{0%,to{opacity:.2;transform:scaleX(1)}50%{opacity:.04;transform:scaleX(.34)}}@keyframes lumi-wing-flap-left{0%{transform:rotate(-6deg)scaleY(.86)}to{transform:rotate(-32deg)scaleY(1.08)}}@keyframes lumi-wing-flap-right{0%{transform:scaleX(-1)rotate(-6deg)scaleY(.86)}to{transform:scaleX(-1)rotate(-32deg)scaleY(1.08)}}@keyframes lumi-rest{0%,to{transform:translateY(5px)rotate(-3deg)scale(.96)}50%{transform:translateY(8px)rotate(3deg)scale(.93)}}@keyframes lumi-curious{0%,to{transform:translate(-50%,-50%)rotate(0)translateY(0)}35%{transform:translate(-50%,-50%)rotate(-7deg)translateY(-3px)}70%{transform:translate(-50%,-50%)rotate(5deg)translateY(-1px)}}@keyframes lumi-drag-wiggle{0%{transform:rotate(-6deg)scale(1.04)}to{transform:rotate(6deg)scale(1.08)}}@media (width<=760px){.lumi-assistant{--lumi-size:104px;--lumi-panel-width:calc(100vw - 20px);z-index:10020}.lumi-legs{width:50px;bottom:7px}.lumi-leg{width:12px;height:22px}.lumi-foot{width:20px;height:9px}.lumi-wings{width:136px;height:66px;top:22px}.lumi-halo{border-width:3px;width:46px;height:14px;top:-5px}.lumi-speech{max-width:min(220px,100vw - 24px);padding:9px 11px;font-size:9px}.lumi-task-panel{border-radius:22px;width:calc(100vw - 20px);max-height:64vh;bottom:92px;left:10px!important;right:10px!important}.lumi-task-panel-head{padding:15px 15px 12px}.lumi-task-panel-head strong{font-size:15px}.lumi-panel-hint{font-size:8px}.lumi-task-list{padding:9px}.lumi-task-item{grid-template-columns:34px minmax(0,1fr) auto;min-height:64px;padding:10px}.lumi-task-icon{width:34px;height:34px;font-size:16px}}@media (prefers-reduced-motion:reduce){.lumi-assistant,.lumi-character-button,.lumi-character-image,.lumi-css-character,.lumi-aura,.lumi-spark,.lumi-leg,.lumi-arm{transition-duration:.01ms!important;animation:none!important}}.lumi-speech{overflow-wrap:anywhere;max-width:min(260px,100vw - 24px)!important}.lumi-edge-left .lumi-speech{left:0!important;right:auto!important;transform:none!important}.lumi-edge-left .lumi-speech:after{left:42px!important}.lumi-edge-right .lumi-speech{left:auto!important;right:0!important;transform:none!important}.lumi-edge-right .lumi-speech:after{left:auto!important;right:42px!important}.lumi-task-panel{contain:layout paint}.lumi-task-list{scrollbar-width:thin}@media (width<=760px){.lumi-task-panel{top:max(10px, env(safe-area-inset-top));border-radius:22px;max-height:calc(100dvh - 20px);width:auto!important;max-width:none!important;left:10px!important;right:10px!important}.lumi-assistant{--lumi-size:118px}.lumi-character-image{width:110%;height:110%;top:-8%;left:-5%}}.lumi-halo,.lumi-wings,.lumi-legs{display:none!important}.lumi-character-button{overflow:visible}.lumi-aura{opacity:.34;transform:scale(.84)}.lumi-shadow{opacity:.22!important;width:76px!important;bottom:3px!important}.lumi-asset-missing{z-index:8;color:#252448;text-align:center;pointer-events:none;background:#fffffff5;border:2px dashed #0ea5e959;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;display:flex;position:absolute;inset:20px}.lumi-asset-missing strong{color:#0ea5e9;font-size:15px}.lumi-asset-missing small{color:#7c8da5;font-size:9px}@keyframes lumi-chibi-breathe{0%,to{transform:translate(-50%,-50%)translateY(0)scale(1)}50%{transform:translate(-50%,-50%)translateY(-4px)scale(1.018)}}@keyframes lumi-chibi-run{0%{transform:translate(-50%,-50%)rotate(-4deg)translateY(1px)scale(1)}to{transform:translate(-50%,-50%)rotate(4deg)translateY(-4px)scale(1.025)}}@keyframes lumi-chibi-hop{0%,to{transform:translate(-50%,-50%)translateY(0)scale(1)}45%{transform:translate(-50%,-50%)translateY(-24px)scale(1.04)}}@keyframes lumi-chibi-fly{0%{transform:translate(-50%,-50%)translateY(3px)rotate(-3deg)scale(1)}to{transform:translate(-50%,-50%)translateY(-10px)rotate(3deg)scale(1.035)}}@keyframes lumi-chibi-salto{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}45%{transform:translate(-50%,-50%)translateY(-25px)rotate(190deg)scale(1.04)}to{transform:translate(-50%,-50%)rotate(360deg)scale(1)}}.lumi-task-panel{box-sizing:border-box!important;width:min(372px,100vw - 28px)!important;max-width:calc(100vw - 28px)!important;max-height:min(680px,100dvh - 28px)!important;top:max(14px, env(safe-area-inset-top))!important}@media (width<=760px){.lumi-assistant{--lumi-size:122px}.lumi-character-image{width:112%;height:112%}.lumi-task-panel{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;top:10px!important;left:10px!important;right:10px!important}}.lumi-assistant{isolation:isolate;touch-action:none;z-index:2147482000!important}.lumi-character-button{transform-origin:50% 88%;transition:filter .18s,scale .18s;z-index:2147482002!important;width:var(--lumi-size)!important;height:var(--lumi-size)!important;cursor:grab!important;border-radius:34%!important;overflow:visible!important}.lumi-character-button:active{scale:.96;cursor:grabbing!important}.lumi-character-button:hover{filter:brightness(1.035)}.lumi-character-image{transform-origin:50% 82%;z-index:5!important;object-fit:contain!important;object-position:center bottom!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;width:122%!important;height:122%!important}.lumi-speech{box-sizing:border-box!important;z-index:2147482004!important;white-space:normal!important;overflow-wrap:anywhere!important;pointer-events:none!important;width:max-content!important;min-width:150px!important;max-width:min(290px,100vw - 24px)!important}.lumi-task-panel,.lumi-task-panel.lumi-panel-left,.lumi-task-panel.lumi-panel-right{box-sizing:border-box!important;z-index:2147483000!important;top:max(16px, env(safe-area-inset-top))!important;border-radius:28px!important;width:min(382px,100vw - 32px)!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;margin:0!important;position:fixed!important;bottom:auto!important;overflow:hidden!important;transform:translate(0,0)!important}.lumi-task-panel.lumi-panel-left{left:max(16px, env(safe-area-inset-left))!important;right:auto!important}.lumi-task-panel.lumi-panel-right{right:max(16px, env(safe-area-inset-right))!important;left:auto!important}.lumi-task-panel .lumi-panel-body,.lumi-task-panel .lumi-task-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0!important;overflow-y:auto!important}.lumi-task-panel{overscroll-behavior:contain;overflow-y:auto!important}.lumi-task-panel *,.lumi-task-panel :before,.lumi-task-panel :after{box-sizing:border-box;max-width:100%}.lumi-expression-layer{z-index:7;pointer-events:none;position:absolute;inset:-12px}.lumi-expression-spark,.lumi-expression-heart,.lumi-expression-mark{opacity:0;filter:drop-shadow(0 4px 8px #f59e0b3d);position:absolute;transform:scale(.35)}.lumi-expression-spark{color:#fbbf24;font-size:24px}.lumi-expression-spark-1{top:10%;right:4%}.lumi-expression-spark-2{font-size:17px;top:33%;left:-1%}.lumi-expression-heart{color:#fb7185;font-size:23px;top:8%;right:12%}.lumi-expression-mark{color:#f59e0b;background:#fff;border-radius:999px;place-items:center;width:29px;height:29px;font-size:18px;font-weight:1000;display:grid;top:4%;right:11%;box-shadow:0 8px 20px #0f172a1f}.lumi-expression-happy .lumi-expression-spark,.lumi-expression-wink .lumi-expression-spark{animation:1.15s ease-in-out infinite alternate lumi-expression-pop}.lumi-expression-curious .lumi-character-image{animation:1.45s ease-in-out infinite lumi-curious!important}.lumi-expression-excited .lumi-expression-spark,.lumi-expression-excited .lumi-expression-heart{animation:.62s ease-in-out infinite alternate lumi-expression-pop}.lumi-expression-surprised .lumi-expression-mark{animation:.55s cubic-bezier(.2,.8,.2,1) infinite alternate lumi-expression-pop}.lumi-expression-tease .lumi-expression-heart{animation:.7s ease-in-out infinite alternate lumi-expression-pop}@keyframes lumi-expression-pop{0%{opacity:.25;transform:translateY(5px)scale(.55)rotate(-8deg)}to{opacity:1;transform:translateY(-3px)scale(1.12)rotate(8deg)}}.lumi-run .lumi-character-image{animation:.19s ease-in-out infinite alternate lumi-run-alive!important}.lumi-hop .lumi-character-image{animation:.62s cubic-bezier(.18,.8,.2,1) lumi-hop-alive!important}.lumi-fly .lumi-character-image{animation:.82s ease-in-out infinite alternate lumi-fly-alive!important}.lumi-salto .lumi-character-image{animation:.82s cubic-bezier(.25,.1,.2,1) lumi-salto-alive!important}@keyframes lumi-run-alive{0%{transform:translate(-50%,-50%)translateY(2px)rotate(-7deg)scale(1.01)}to{transform:translate(-50%,-50%)translateY(-7px)rotate(6deg)scale(1.045)}}@keyframes lumi-hop-alive{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}45%{transform:translate(-50%,-50%)translateY(-34px)rotate(-7deg)scale(1.06)}}@keyframes lumi-fly-alive{0%{transform:translate(-50%,-50%)translateY(7px)rotate(-5deg)scale(1.01)}to{transform:translate(-50%,-50%)translateY(-16px)rotate(5deg)scale(1.055)}}@keyframes lumi-salto-alive{0%{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}45%{transform:translate(-50%,-50%)translateY(-42px)rotate(200deg)scale(1.07)}to{transform:translate(-50%,-50%)translateY(0)rotate(360deg)scale(1)}}@media (width<=760px){.lumi-task-panel,.lumi-task-panel.lumi-panel-left,.lumi-task-panel.lumi-panel-right{top:max(10px, env(safe-area-inset-top))!important;left:max(10px, env(safe-area-inset-left))!important;right:max(10px, env(safe-area-inset-right))!important;border-radius:22px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 20px)!important;bottom:auto!important}.lumi-speech{max-width:min(230px,100vw - 20px)!important;font-size:11px!important}}@media (prefers-reduced-motion:reduce){.lumi-character-image,.lumi-expression-spark,.lumi-expression-heart,.lumi-expression-mark{animation-duration:.001ms!important;animation-iteration-count:1!important}}.lumi-hide-btn{z-index:2147482010;color:#64748b;cursor:pointer;pointer-events:auto;opacity:0;background:#ffffffeb;border:1px solid #94a3b840;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;font:1000 17px/1 system-ui,sans-serif;transition:opacity .18s,transform .18s,background .18s;display:grid;position:absolute;top:2px;right:2px;transform:translateY(-4px)scale(.9);box-shadow:0 8px 22px #0f172a1f}.lumi-assistant:hover .lumi-hide-btn,.lumi-hide-btn:focus-visible{opacity:1;transform:translateY(0)scale(1)}.lumi-hide-btn:hover{color:#e11d48;background:#fff1f2}.lumi-show-dock{color:#29264f;-webkit-backdrop-filter:blur(18px);cursor:pointer;opacity:.82;background:linear-gradient(135deg,#fffffff7,#eff6fff5);border:1px solid #fffffff0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:74px;height:38px;padding:0 11px 0 9px;font-family:Nunito,system-ui,sans-serif;font-size:11px;font-weight:1000;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 30px #0f172a1f,0 0 0 1px #38bdf814;z-index:2147483500!important;right:max(14px, env(safe-area-inset-right))!important;bottom:max(14px, env(safe-area-inset-bottom))!important;position:fixed!important;top:auto!important;left:auto!important}.lumi-show-dock:hover,.lumi-show-dock:focus-visible{opacity:1;transform:translateY(-2px);box-shadow:0 16px 36px #0f172a29,0 0 24px #38bdf829}.lumi-show-dock-icon{font-size:15px}.lumi-show-dock-count{color:#fff;background:linear-gradient(135deg,#fb7185,#ef4444);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid;box-shadow:0 5px 12px #ef44443d}body>.lumi-task-panel,.lumi-task-panel{overscroll-behavior:contain;scrollbar-width:thin;-webkit-backdrop-filter:blur(22px);z-index:2147483600!important;box-sizing:border-box!important;top:max(18px, env(safe-area-inset-top))!important;background:#fffffff7!important;border-radius:26px!important;width:min(360px,100vw - 36px)!important;max-width:calc(100vw - 36px)!important;max-height:calc(100dvh - 36px)!important;margin:0!important;position:fixed!important;bottom:auto!important;overflow:auto!important;transform:translate(0,0)!important;box-shadow:0 24px 70px #0f172a2e,0 0 0 1px #94a3b814!important}body>.lumi-task-panel.lumi-panel-left,.lumi-task-panel.lumi-panel-left{left:max(18px, env(safe-area-inset-left))!important;right:auto!important}body>.lumi-task-panel.lumi-panel-right,.lumi-task-panel.lumi-panel-right{right:max(18px, env(safe-area-inset-right))!important;left:auto!important}.lumi-task-panel-head{z-index:5;-webkit-backdrop-filter:blur(18px);background:#fffffff7;position:sticky;top:0}.lumi-panel-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.lumi-panel-hide{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:0;border-radius:999px;min-height:30px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:1000}.lumi-panel-hide:hover{color:#e11d48;background:#fff1f2}.lumi-assistant:has(.lumi-character-button) .lumi-speech{max-width:min(250px,100vw - 24px)!important}.lumi-task-panel .lumi-task-list{display:grid;gap:8px!important}.lumi-task-panel .lumi-task-item{border-radius:17px!important;min-height:64px!important;padding:9px 10px!important}.lumi-task-panel .lumi-task-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=760px){.lumi-show-dock{height:36px;right:10px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important}body>.lumi-task-panel,body>.lumi-task-panel.lumi-panel-left,body>.lumi-task-panel.lumi-panel-right,.lumi-task-panel{top:max(10px, env(safe-area-inset-top))!important;border-radius:22px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 20px)!important;left:10px!important;right:10px!important}.lumi-hide-btn{opacity:1;transform:none}}.lumi-panel-greeting{gap:2px;margin-top:8px;display:grid}.lumi-panel-greeting>span{color:#4338ca;font-size:12px;font-weight:1000;line-height:1.3}.lumi-panel-greeting>small{color:#64748b;font-size:10px;font-weight:750;line-height:1.45}@media (width<=760px){.lumi-panel-greeting>span{font-size:11px}.lumi-panel-greeting>small{font-size:9px}}.lumi-character-image,.lumi-css-character,.lumi-asset-missing,.lumi-halo,.lumi-wings,.lumi-legs,.lumi-shadow,.lumi-aura,.lumi-spark{display:none!important}.lumi-character-button{width:var(--lumi-size)!important;height:var(--lumi-size)!important;background:0 0!important;border-radius:38%!important;overflow:visible!important}.lumi-puppet{transform-origin:50% 82%;pointer-events:none;will-change:transform;display:block;position:absolute;inset:0}.lumi-puppet-glow{filter:blur(8px);background:radial-gradient(circle,#fde0473d 0%,#ffffff1f 38%,#38bdf812 58%,#0000 74%);border-radius:50%;width:145px;height:145px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.lumi-puppet-shadow{filter:blur(6px);background:#0f172a21;border-radius:50%;width:76px;height:14px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.lumi-puppet-body,.lumi-puppet-head,.lumi-puppet-left-lower,.lumi-puppet-right-lower{transform-origin:50% 68%;position:absolute;inset:0;overflow:visible}.lumi-puppet-body{clip-path:inset(34% 5% 0);z-index:5}.lumi-puppet-head{clip-path:inset(0 8% 48%);z-index:8;transform-origin:50% 42%}.lumi-puppet-left-lower{clip-path:polygon(8% 48%,50% 42%,50% 100%,5% 100%);z-index:7;opacity:.001}.lumi-puppet-right-lower{clip-path:polygon(50% 42%,92% 48%,95% 100%,50% 100%);z-index:7;opacity:.001}.lumi-puppet-body img,.lumi-puppet-head img,.lumi-puppet-left-lower img,.lumi-puppet-right-lower img{object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 18px #0f172a24)drop-shadow(0 0 12px #fbbf241f);width:100%;height:100%}.lumi-puppet-wing{z-index:3;opacity:0;transform-origin:88% 46%;width:82px;height:84px;transition:opacity .18s;position:absolute;top:54px}.lumi-puppet-wing-left{left:-18px}.lumi-puppet-wing-right{right:-18px;transform:scaleX(-1)}.lumi-puppet-wing i{background:linear-gradient(#fff 0%,#f8fafc 55%,#e2e8f0 100%);border:1px solid #ffffffeb;border-radius:88% 18% 78% 26%;width:73px;height:23px;position:absolute;right:0;box-shadow:inset 0 4px 8px #fffffff2,0 4px 9px #64748b17}.lumi-puppet-wing i:first-child{top:3px;transform:rotate(-26deg)}.lumi-puppet-wing i:nth-child(2){width:78px;top:22px;transform:rotate(-12deg)}.lumi-puppet-wing i:nth-child(3){width:82px;top:42px;transform:rotate(2deg)}.lumi-puppet-wing i:nth-child(4){width:68px;top:61px;transform:rotate(17deg)}.lumi-puppet-halo{z-index:20;opacity:.92;border:4px solid #fbbf24;border-radius:50%;width:62px;height:18px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(-5deg);box-shadow:0 0 10px #fbbf24cc,0 0 24px #fde0476b}.lumi-puppet-face-overlay{z-index:15;width:74px;height:56px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.lumi-puppet-eye-glint{width:7px;height:7px;transform:translate(var(--look-x,0), var(--look-y,0));opacity:.75;background:#fffffff0;border-radius:50%;transition:transform 80ms linear;position:absolute;top:17px;box-shadow:0 0 7px #ffffffd9}.lumi-puppet-eye-glint.left{left:19px}.lumi-puppet-eye-glint.right{right:19px}.lumi-puppet-expression-mark{opacity:0;width:0;height:0;position:absolute;top:-10px;right:-8px}.lumi-puppet-spark{z-index:24;color:#fbbf24;text-shadow:0 0 10px #fbbf248c;animation:1.2s ease-in-out infinite alternate lumi-puppet-spark;position:absolute}.lumi-puppet-spark.s1{top:28px;left:8px}.lumi-puppet-spark.s2{animation-delay:.25s;top:54px;right:4px}.lumi-puppet-spark.s3{animation-delay:.5s;bottom:15px;right:20px}.lumi-puppet-zzz{z-index:30;color:#6366f1;opacity:0;font-size:18px;font-weight:1000;position:absolute;top:3px;right:0}.lumi-puppet[data-state=idle]{animation:2.7s ease-in-out infinite lumi-puppet-idle}.lumi-puppet[data-state=curious] .lumi-puppet-head{animation:.8s ease-in-out infinite alternate lumi-puppet-head-curious}.lumi-puppet[data-state=curious] .lumi-puppet-expression-mark:after{content:"?";color:#f59e0b;opacity:1;font-size:25px;font-weight:1000;position:absolute;top:-10px;right:-8px}.lumi-puppet[data-state=attention]{animation:.52s ease-in-out infinite alternate lumi-puppet-attention}.lumi-puppet[data-state=attention] .lumi-puppet-expression-mark:after,.lumi-puppet[data-state=surprised] .lumi-puppet-expression-mark:after{content:"!";color:#fb7185;opacity:1;font-size:27px;font-weight:1000;position:absolute;top:-10px;right:-8px}.lumi-puppet[data-state=run]{animation:.18s ease-in-out infinite alternate lumi-puppet-run}.lumi-puppet[data-state=run] .lumi-puppet-head{animation:.18s ease-in-out infinite alternate lumi-puppet-run-head}.lumi-puppet[data-state=run] .lumi-puppet-left-lower,.lumi-puppet[data-state=run] .lumi-puppet-right-lower{opacity:1}.lumi-puppet[data-state=run] .lumi-puppet-left-lower{animation:.18s ease-in-out infinite alternate lumi-puppet-left-step}.lumi-puppet[data-state=run] .lumi-puppet-right-lower{animation:.18s ease-in-out infinite alternate lumi-puppet-right-step}.lumi-puppet[data-state=hop]{animation:.62s cubic-bezier(.2,.75,.25,1) lumi-puppet-hop}.lumi-puppet[data-state=fly] .lumi-puppet-wing,.lumi-puppet[data-state=dragged] .lumi-puppet-wing,.lumi-puppet[data-state=salto] .lumi-puppet-wing{opacity:1}.lumi-puppet[data-state=fly] .lumi-puppet-wing-left,.lumi-puppet[data-state=dragged] .lumi-puppet-wing-left{animation:.34s ease-in-out infinite alternate lumi-puppet-wing-left}.lumi-puppet[data-state=fly] .lumi-puppet-wing-right,.lumi-puppet[data-state=dragged] .lumi-puppet-wing-right{animation:.34s ease-in-out infinite alternate lumi-puppet-wing-right}.lumi-puppet[data-state=fly]{animation:.8s ease-in-out infinite alternate lumi-puppet-fly}.lumi-puppet[data-state=dragged]{transform:rotate(-4deg)scale(1.04)}.lumi-puppet[data-state=dragged] .lumi-puppet-head{transform:rotate(5deg)translateY(2px)}.lumi-puppet[data-state=tease]{animation:.55s ease-in-out infinite alternate lumi-puppet-tease}.lumi-puppet[data-state=tease] .lumi-puppet-head{transform:rotate(-8deg)}.lumi-puppet[data-state=tease] .lumi-puppet-expression-mark:after{content:"♥";color:#fb7185;opacity:1;font-size:20px;position:absolute;top:-10px;right:-10px}.lumi-puppet[data-state=salto]{animation:.82s cubic-bezier(.25,.1,.2,1) lumi-puppet-salto}.lumi-puppet[data-state=sleep]{filter:saturate(.92);animation:3.3s ease-in-out infinite lumi-puppet-sleep}.lumi-puppet[data-state=sleep] .lumi-puppet-head{transform:rotate(-8deg)translateY(7px)}.lumi-puppet[data-state=sleep] .lumi-puppet-halo{transform:translate(-50%)rotate(-18deg)}.lumi-puppet[data-state=sleep] .lumi-puppet-zzz{opacity:1;animation:1.8s ease-in-out infinite lumi-puppet-zzz}@keyframes lumi-puppet-idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes lumi-puppet-head-curious{0%{transform:rotate(-8deg)translateY(0)}to{transform:rotate(5deg)translateY(-2px)}}@keyframes lumi-puppet-attention{0%{transform:translateY(0)scale(1)}to{transform:translateY(-7px)scale(1.04)}}@keyframes lumi-puppet-run{0%{transform:translateY(3px)rotate(-4deg)}to{transform:translateY(-7px)rotate(4deg)}}@keyframes lumi-puppet-run-head{0%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}@keyframes lumi-puppet-left-step{0%{transform:rotate(8deg)translateY(0)}to{transform:rotate(-9deg)translateY(-3px)}}@keyframes lumi-puppet-right-step{0%{transform:rotate(-8deg)translateY(-3px)}to{transform:rotate(9deg)translateY(0)}}@keyframes lumi-puppet-hop{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-30px)scale(1.05)}}@keyframes lumi-puppet-fly{0%{transform:translateY(8px)rotate(-3deg)}to{transform:translateY(-14px)rotate(3deg)}}@keyframes lumi-puppet-wing-left{0%{transform:rotate(-28deg)scale(.88)}to{transform:rotate(12deg)scale(1)}}@keyframes lumi-puppet-wing-right{0%{transform:scaleX(-1)rotate(-28deg)scale(.88)}to{transform:scaleX(-1)rotate(12deg)scale(1)}}@keyframes lumi-puppet-tease{0%{transform:translate(-4px)rotate(-4deg)}to{transform:translate(4px)rotate(4deg)}}@keyframes lumi-puppet-salto{0%{transform:translateY(0)rotate(0)}48%{transform:translateY(-42px)rotate(205deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes lumi-puppet-sleep{0%,to{transform:translateY(3px)rotate(-2deg)scale(.99)}50%{transform:translateY(7px)rotate(-3deg)scale(.97)}}@keyframes lumi-puppet-zzz{0%{opacity:0;transform:translateY(8px)scale(.75)}50%{opacity:1}to{opacity:0;transform:translate(20px,-22px)scale(1.1)}}@keyframes lumi-puppet-spark{0%{opacity:.28;transform:scale(.72)rotate(-6deg)}to{opacity:1;transform:scale(1.15)rotate(6deg)}}@media (width<=760px){.lumi-assistant{--lumi-size:126px}.lumi-puppet-wing{transform:scale(.8)}}.lumi-puppet,.lumi-puppet *,.lumi-puppet-wing,.lumi-puppet-halo,.lumi-puppet-body,.lumi-puppet-head,.lumi-puppet-left-lower,.lumi-puppet-right-lower,.lumi-puppet-face-overlay,.lumi-puppet-spark,.lumi-puppet-zzz,.lumi-character-image,.lumi-css-character,.lumi-asset-missing,.lumi-halo,.lumi-wings,.lumi-legs,.lumi-shadow,.lumi-aura,.lumi-spark,.lumi-rig-stage{display:none!important}.lumi-assistant{--lumi-size:172px!important}.lumi-character-button{width:var(--lumi-size)!important;height:var(--lumi-size)!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;overflow:visible!important}.lumi-clean-character{transform-origin:50% 78%;pointer-events:none;will-change:transform;display:block;position:absolute;inset:0}.lumi-clean-image{z-index:8;object-fit:contain;object-position:center center;transform-origin:50% 76%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 14px 20px #0f172a29)drop-shadow(0 0 15px #fbbf2421);width:114%;height:114%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lumi-clean-glow{z-index:1;filter:blur(8px);background:radial-gradient(circle,#fde04730 0%,#ffffff14 42%,#38bdf80a 60%,#0000 74%);border-radius:50%;width:138px;height:138px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.lumi-clean-shadow{z-index:2;filter:blur(5px);background:#0f172a1c;border-radius:50%;width:72px;height:13px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.lumi-clean-reaction{z-index:20;pointer-events:none;position:absolute;inset:0}.lumi-clean-mark:after{opacity:0;text-shadow:0 4px 10px #0f172a1f;font-family:system-ui,sans-serif;font-size:28px;font-weight:1000;position:absolute;top:7px;right:6px}.lumi-clean-spark{color:#fbbf24;opacity:.55;text-shadow:0 0 10px #fbbf246b;animation:1.3s ease-in-out infinite alternate lumi-clean-spark;position:absolute}.lumi-clean-spark.s1{top:28px;left:4px}.lumi-clean-spark.s2{animation-delay:.25s;top:57px;right:1px}.lumi-clean-spark.s3{animation-delay:.5s;bottom:10px;right:20px}.lumi-clean-zzz{color:#6366f1;opacity:0;font-size:18px;font-weight:1000;position:absolute;top:2px;right:4px}.lumi-clean-character[data-state=idle] .lumi-clean-image{animation:2.8s ease-in-out infinite lumi-clean-idle}.lumi-clean-character[data-state=curious] .lumi-clean-image{animation:.85s ease-in-out infinite alternate lumi-clean-curious}.lumi-clean-character[data-state=curious] .lumi-clean-mark:after{content:"?";color:#f59e0b;opacity:1}.lumi-clean-character[data-state=attention] .lumi-clean-image,.lumi-clean-character[data-state=surprised] .lumi-clean-image{animation:.52s ease-in-out infinite alternate lumi-clean-attention}.lumi-clean-character[data-state=attention] .lumi-clean-mark:after,.lumi-clean-character[data-state=surprised] .lumi-clean-mark:after{content:"!";color:#fb7185;opacity:1}.lumi-clean-character[data-state=run] .lumi-clean-image{animation:.17s ease-in-out infinite alternate lumi-clean-run}.lumi-clean-character[data-state=hop] .lumi-clean-image{animation:.6s cubic-bezier(.18,.82,.2,1) lumi-clean-hop}.lumi-clean-character[data-state=fly] .lumi-clean-image{animation:.75s ease-in-out infinite alternate lumi-clean-fly}.lumi-clean-character[data-state=fly] .lumi-clean-glow{animation:.75s ease-in-out infinite alternate lumi-clean-fly-glow}.lumi-clean-character[data-state=dragged] .lumi-clean-image{transform:translate(-50%,-50%)rotate(-6deg)scale(1.04)}.lumi-clean-character[data-state=tease] .lumi-clean-image{animation:.5s ease-in-out infinite alternate lumi-clean-tease}.lumi-clean-character[data-state=tease] .lumi-clean-mark:after{content:"♥";color:#fb7185;opacity:1;font-size:20px}.lumi-clean-character[data-state=excited] .lumi-clean-image{animation:.45s ease-in-out infinite alternate lumi-clean-excited}.lumi-clean-character[data-state=sleep] .lumi-clean-image{filter:saturate(.94)drop-shadow(0 10px 15px #0f172a1f);animation:3.1s ease-in-out infinite lumi-clean-sleep}.lumi-clean-character[data-state=sleep] .lumi-clean-zzz{opacity:1;animation:1.8s ease-in-out infinite lumi-clean-zzz}@keyframes lumi-clean-idle{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}50%{transform:translate(-50%,-50%)translateY(-5px)rotate(1deg)scale(1.012)}}@keyframes lumi-clean-curious{0%{transform:translate(-50%,-50%)rotate(-5deg)translateY(0)scale(1.01)}to{transform:translate(-50%,-50%)rotate(5deg)translateY(-4px)scale(1.025)}}@keyframes lumi-clean-attention{0%{transform:translate(-50%,-50%)translateY(0)scale(1)}to{transform:translate(-50%,-50%)translateY(-8px)scale(1.055)}}@keyframes lumi-clean-run{0%{transform:translate(-50%,-50%)translateY(3px)rotate(-7deg)scale(1.01)}to{transform:translate(-50%,-50%)translateY(-7px)rotate(7deg)scale(1.045)}}@keyframes lumi-clean-hop{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}45%{transform:translate(-50%,-50%)translateY(-32px)rotate(-5deg)scale(1.06)}}@keyframes lumi-clean-fly{0%{transform:translate(-50%,-50%)translateY(8px)rotate(-4deg)scale(1.01)}to{transform:translate(-50%,-50%)translateY(-15px)rotate(4deg)scale(1.045)}}@keyframes lumi-clean-fly-glow{0%{opacity:.45;transform:translate(-50%,-50%)scale(.95)}to{opacity:.9;transform:translate(-50%,-50%)scale(1.08)}}@keyframes lumi-clean-tease{0%{transform:translate(-50%,-50%)translate(-4px)rotate(-4deg)scale(1.02)}to{transform:translate(-50%,-50%)translate(4px)rotate(4deg)scale(1.04)}}@keyframes lumi-clean-excited{0%{transform:translate(-50%,-50%)translateY(1px)rotate(-3deg)scale(1.02)}to{transform:translate(-50%,-50%)translateY(-9px)rotate(3deg)scale(1.06)}}@keyframes lumi-clean-salto{0%{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}48%{transform:translate(-50%,-50%)translateY(-42px)rotate(205deg)scale(1.06)}to{transform:translate(-50%,-50%)translateY(0)rotate(360deg)scale(1)}}@keyframes lumi-clean-sleep{0%,to{transform:translate(-50%,-50%)translateY(5px)rotate(-3deg)scale(.985)}50%{transform:translate(-50%,-50%)translateY(8px)rotate(-4deg)scale(.97)}}@keyframes lumi-clean-zzz{0%{opacity:0;transform:translateY(8px)scale(.75)}50%{opacity:1}to{opacity:0;transform:translate(20px,-22px)scale(1.12)}}@keyframes lumi-clean-spark{0%{opacity:.24;transform:scale(.7)rotate(-6deg)}to{opacity:.95;transform:scale(1.12)rotate(6deg)}}@media (width<=760px){.lumi-assistant{--lumi-size:126px!important}.lumi-clean-image{width:112%;height:112%}}.lumi-clean-image{object-fit:contain!important;object-position:center center!important;width:118%!important;height:118%!important}.lumi-clean-image.lumi-visual-sleep{width:132%!important;height:118%!important}.lumi-clean-image.lumi-visual-hide,.lumi-clean-image.lumi-visual-peek{width:118%!important;height:118%!important}.lumi-clean-image.lumi-visual-fly,.lumi-clean-image.lumi-visual-rush{width:124%!important;height:124%!important}.lumi-clean-character[data-state=sleep] .lumi-clean-image{animation:3.2s ease-in-out infinite lumi-premium-sleep-breathe!important}.lumi-clean-image.lumi-visual-wake,.lumi-clean-image.lumi-visual-cheer,.lumi-clean-image.lumi-visual-happy{animation:.8s ease-in-out infinite alternate lumi-premium-cheer-bounce!important}.lumi-clean-image.lumi-visual-work{animation:2.4s ease-in-out infinite lumi-premium-work-focus!important}@keyframes lumi-premium-sleep-breathe{0%,to{transform:translate(-50%,-50%)translateY(5px)rotate(-2deg)scale(.99)}50%{transform:translate(-50%,-50%)translateY(8px)rotate(-2deg)scale(.975)}}@keyframes lumi-premium-cheer-bounce{0%{transform:translate(-50%,-50%)translateY(1px)rotate(-2deg)scale(1.01)}to{transform:translate(-50%,-50%)translateY(-8px)rotate(2deg)scale(1.045)}}@keyframes lumi-premium-work-focus{0%,to{transform:translate(-50%,-50%)translateY(1px)scale(1)}50%{transform:translate(-50%,-50%)translateY(-3px)scale(1.012)}}.lumi-speech{max-width:min(280px,100vw - 24px)!important}@media (width<=760px){.lumi-clean-image.lumi-visual-sleep{width:126%!important}}.lumi-assistant,.lumi-character-button,.lumi-clean-character,.lumi-clean-reaction{overflow:visible!important}.lumi-assistant{--lumi-size:184px!important;width:var(--lumi-size)!important;height:var(--lumi-size)!important}.lumi-character-button{width:var(--lumi-size)!important;height:var(--lumi-size)!important;min-width:var(--lumi-size)!important;min-height:var(--lumi-size)!important;contain:none!important;clip-path:none!important;max-width:none!important;max-height:none!important;-webkit-mask:none!important;mask:none!important}.lumi-clean-character{contain:none!important;clip-path:none!important;width:calc(100% + 28px)!important;height:calc(100% + 28px)!important;position:absolute!important;inset:-14px!important;-webkit-mask:none!important;mask:none!important}.lumi-clean-image{backface-visibility:hidden;transform:translate(-50%,-50%);object-fit:contain!important;object-position:center center!important;transform-origin:50%!important;clip-path:none!important;image-rendering:auto!important;filter:drop-shadow(0 12px 18px #0f172a21)drop-shadow(0 0 10px #fbbf241a)!important;width:92%!important;max-width:none!important;height:92%!important;max-height:none!important;position:absolute!important;top:50%!important;left:50%!important;overflow:visible!important;-webkit-mask:none!important;mask:none!important}.lumi-clean-image.lumi-visual-sleep,.lumi-clean-image.lumi-visual-fly,.lumi-clean-image.lumi-visual-rush,.lumi-clean-image.lumi-visual-love,.lumi-clean-image.lumi-visual-work{width:96%!important;height:96%!important}.dashboard-layout,.dashboard-main,.dashboard-content,.main-content,.page-content,.content-wrapper{overflow-x:visible}.lumi-speech{z-index:2147483647!important;width:max-content!important;max-width:min(300px,100vw - 28px)!important;bottom:calc(100% + 12px)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.lumi-task-badge{z-index:2147483647!important;top:8px!important;right:2px!important}@media (width<=760px){.lumi-assistant{--lumi-size:142px!important}.lumi-clean-character{width:calc(100% + 20px)!important;height:calc(100% + 20px)!important;inset:-10px!important}.lumi-clean-image,.lumi-clean-image.lumi-visual-sleep,.lumi-clean-image.lumi-visual-fly,.lumi-clean-image.lumi-visual-rush,.lumi-clean-image.lumi-visual-love,.lumi-clean-image.lumi-visual-work{width:90%!important;height:90%!important}}.lumi-clean-image{transition:opacity .45s,filter .45s,transform .55s cubic-bezier(.2,.7,.2,1)!important;animation-fill-mode:both!important}.lumi-clean-image.lumi-visual-idle,.lumi-clean-image.lumi-visual-reading,.lumi-clean-image.lumi-visual-play{animation-duration:3.4s!important}.lumi-clean-image.lumi-visual-work{animation-duration:3s!important}.lumi-clean-image.lumi-visual-happy,.lumi-clean-image.lumi-visual-cheer{animation-duration:1.5s!important}.lumi-clean-image.lumi-visual-sleep{animation-duration:4.6s!important}@media (prefers-reduced-motion:reduce){.lumi-clean-image{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.lumi-clean-image{transition:opacity 1.1s,filter 1.1s,transform 1.8s cubic-bezier(.22,.61,.36,1)!important}.lumi-clean-image.lumi-visual-happy,.lumi-clean-image.lumi-visual-cheer,.lumi-clean-image.lumi-visual-curious,.lumi-clean-image.lumi-visual-surprised{animation-duration:4.5s!important;animation-timing-function:ease-in-out!important}.lumi-assistant,.lumi-character-button,.lumi-clean-character,.lumi-clean-reaction{clip-path:none!important;contain:none!important;overflow:visible!important;-webkit-mask:none!important;mask:none!important}.lumi-character-button{--lumi-size:188px!important;width:var(--lumi-size)!important;height:var(--lumi-size)!important}.lumi-clean-character{width:calc(100% + 44px)!important;height:calc(100% + 44px)!important;inset:-22px!important;overflow:visible!important}.lumi-clean-image,.lumi-clean-image[class*=lumi-visual-]{object-fit:contain!important;object-position:center center!important;clip-path:none!important;width:86%!important;max-width:none!important;height:86%!important;max-height:none!important;transition:opacity 1.4s,filter 1.4s,transform 2.2s cubic-bezier(.22,.61,.36,1)!important;overflow:visible!important;-webkit-mask:none!important;mask:none!important}.lumi-clean-image.lumi-visual-fly,.lumi-clean-image.lumi-visual-rush,.lumi-clean-image.lumi-visual-sleep,.lumi-clean-image.lumi-visual-reading,.lumi-clean-image.lumi-visual-play,.lumi-clean-image.lumi-visual-work{width:90%!important;height:90%!important}.lumi-clean-image.lumi-visual-idle,.lumi-clean-image.lumi-visual-reading,.lumi-clean-image.lumi-visual-play,.lumi-clean-image.lumi-visual-work{animation-duration:9s!important;animation-timing-function:ease-in-out!important}.lumi-clean-image.lumi-visual-happy,.lumi-clean-image.lumi-visual-cheer,.lumi-clean-image.lumi-visual-curious,.lumi-clean-image.lumi-visual-surprised,.lumi-clean-image.lumi-visual-love{animation-duration:5.5s!important;animation-timing-function:ease-in-out!important}.lumi-clean-character[data-state=salto] .lumi-clean-image{animation:2.4s cubic-bezier(.22,.7,.22,1) lumi-final-soft-salto!important}@keyframes lumi-final-soft-salto{0%{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}28%{transform:translate(-50%,-50%)translate(-10px,-22px)rotate(-10deg)scale(1.025)}55%{transform:translate(-50%,-50%)translate(8px,-34px)rotate(12deg)scale(1.04)}78%{transform:translate(-50%,-50%)translate(14px,-14px)rotate(6deg)scale(1.02)}to{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}}.lumi-salto .lumi-clean-image,.lumi-clean-character[data-state=salto]{animation-name:none!important}.lumi-clean-character[data-state=salto] .lumi-clean-image{animation-name:lumi-final-soft-salto!important}.lumi-speech{bottom:calc(100% + 18px)!important}@media (width<=760px){.lumi-character-button{--lumi-size:144px!important}.lumi-clean-character{width:calc(100% + 32px)!important;height:calc(100% + 32px)!important;inset:-16px!important}.lumi-clean-image,.lumi-clean-image[class*=lumi-visual-]{width:84%!important;height:84%!important}}.lumi-clean-character[data-state=salto],.lumi-salto,.lumi-salto .lumi-clean-image,.lumi-clean-character[data-state=salto] .lumi-clean-image{animation:none!important;rotate:0deg!important}.lumi-clean-image.lumi-visual-idle,.lumi-clean-image.lumi-visual-reading,.lumi-clean-image.lumi-visual-play,.lumi-clean-image.lumi-visual-work,.lumi-clean-image.lumi-visual-hide,.lumi-clean-image.lumi-visual-peek{animation-duration:10s!important;animation-timing-function:ease-in-out!important}.lumi-clean-image.lumi-visual-happy,.lumi-clean-image.lumi-visual-love,.lumi-clean-image.lumi-visual-cheer,.lumi-clean-image.lumi-visual-curious,.lumi-clean-image.lumi-visual-surprised,.lumi-clean-image.lumi-visual-wake{animation-duration:6.5s!important;animation-timing-function:ease-in-out!important}.lumi-clean-image.lumi-visual-run,.lumi-clean-image.lumi-visual-rush,.lumi-clean-image.lumi-visual-fly{animation-duration:5s!important;animation-timing-function:ease-in-out!important}.lumi-clean-image.lumi-visual-sleep{animation-duration:11s!important;animation-timing-function:ease-in-out!important}.lumi-assistant.lumi-run{transition:transform 3.4s cubic-bezier(.22,.61,.36,1)!important}.lumi-assistant.lumi-fly{transition:transform 4s cubic-bezier(.22,.61,.36,1)!important}.lumi-clean-image,.lumi-clean-image[class*=lumi-visual-]{transition:opacity 1.8s,filter 1.8s,transform 2.8s cubic-bezier(.22,.61,.36,1)!important}.lumi-clean-image.lumi-visual-work,.lumi-clean-image.lumi-visual-reading{animation:9.5s ease-in-out infinite lumi-context-work!important}.lumi-clean-image.lumi-visual-idle,.lumi-clean-image.lumi-visual-love,.lumi-clean-image.lumi-visual-play,.lumi-clean-image.lumi-visual-happy{animation:8s ease-in-out infinite lumi-context-calm!important}.lumi-clean-image.lumi-visual-curious,.lumi-clean-image.lumi-visual-surprised{animation:5.8s ease-in-out infinite alternate lumi-context-look!important}.lumi-clean-image.lumi-visual-peek,.lumi-clean-image.lumi-visual-hide{animation:6.5s ease-in-out infinite alternate lumi-context-peek!important}.lumi-clean-image.lumi-visual-cheer,.lumi-clean-image.lumi-visual-wake{animation:6s ease-in-out infinite alternate lumi-context-cheer!important}.lumi-clean-image.lumi-visual-run,.lumi-clean-image.lumi-visual-rush,.lumi-clean-image.lumi-visual-fly{animation:5.2s ease-in-out infinite alternate lumi-context-active!important}.lumi-clean-image.lumi-visual-sleep{animation:11s ease-in-out infinite lumi-context-sleep!important}@keyframes lumi-context-work{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}50%{transform:translate(-50%,-50%)translateY(-2px)rotate(.4deg)scale(1.008)}}@keyframes lumi-context-calm{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(0)scale(1)}50%{transform:translate(-50%,-50%)translateY(-4px)rotate(.8deg)scale(1.012)}}@keyframes lumi-context-look{0%{transform:translate(-50%,-50%)translateY(0)rotate(-2deg)scale(1)}to{transform:translate(-50%,-50%)translateY(-5px)rotate(2deg)scale(1.025)}}@keyframes lumi-context-peek{0%{transform:translate(-50%,-50%)translate(-3px)scale(1)}to{transform:translate(-50%,-50%)translate(3px)scale(1.015)}}@keyframes lumi-context-cheer{0%{transform:translate(-50%,-50%)translateY(1px)scale(1)}to{transform:translate(-50%,-50%)translateY(-7px)scale(1.025)}}@keyframes lumi-context-active{0%{transform:translate(-50%,-50%)translateY(3px)rotate(-3deg)scale(1)}to{transform:translate(-50%,-50%)translateY(-7px)rotate(3deg)scale(1.025)}}@keyframes lumi-context-sleep{0%,to{transform:translate(-50%,-50%)translateY(4px)rotate(-2deg)scale(.99)}50%{transform:translate(-50%,-50%)translateY(7px)rotate(-2.5deg)scale(.98)}}.lumi-salto,.lumi-spin,.lumi-clean-character[data-state=salto],.lumi-clean-character[data-state=spin]{animation:none!important;rotate:0deg!important}.lumi-assistant{isolation:isolate;overflow:visible!important}.lumi-character-button{z-index:10!important;position:relative!important;overflow:visible!important}.lumi-clean-character{position:relative;z-index:10!important;overflow:visible!important}.lumi-clean-reaction,.lumi-clean-glow,.lumi-clean-shadow,.lumi-clean-image{z-index:10!important}.lumi-task-badge{z-index:80!important}.lumi-hide-btn{color:#fff!important;cursor:pointer!important;pointer-events:auto!important;z-index:2147483640!important;opacity:1!important;visibility:visible!important;background:linear-gradient(135deg,#ff7b8f,#ff536d)!important;border:2px solid #fffffffa!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:22px!important;font-weight:900!important;line-height:1!important;transition:transform .18s,box-shadow .18s,opacity .18s!important;display:flex!important;position:absolute!important;top:-8px!important;left:-8px!important;right:auto!important;transform:none!important;box-shadow:0 7px 18px #ff536d4d,0 2px 6px #1e2a5029!important}.lumi-assistant:hover .lumi-hide-btn,.lumi-hide-btn:hover,.lumi-hide-btn:focus,.lumi-hide-btn:focus-visible{opacity:1!important;visibility:visible!important}.lumi-hide-btn:hover{color:#fff!important;background:linear-gradient(135deg,#ff6f87,#f43f5e)!important;transform:scale(1.1)!important;box-shadow:0 9px 22px #f43f5e5c,0 3px 8px #1e2a502e!important}.lumi-hide-btn:active{transform:scale(.94)!important}.lumi-assistant.lumi-edge-left .lumi-hide-btn{left:2px!important}@media (width<=760px){.lumi-hide-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;font-size:20px!important;top:1px!important;left:1px!important}.lumi-assistant.lumi-edge-right .lumi-hide-btn,.lumi-assistant.lumi-edge-center .lumi-hide-btn,.lumi-assistant.lumi-edge-left .lumi-hide-btn{left:1px!important;right:auto!important}}.lumi-hide-btn{z-index:2147483640!important;opacity:1!important;visibility:visible!important;color:#fff!important;background:linear-gradient(135deg,#ff7389,#ff4f69)!important;border:3px solid #fff!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;font-size:23px!important;font-weight:900!important;line-height:1!important;display:flex!important;position:absolute!important;top:-12px!important;left:auto!important;right:-10px!important;transform:none!important;box-shadow:0 7px 20px #ff4f6952,0 2px 7px #0f172a26!important}.lumi-task-badge{z-index:2147483630!important;color:#fff!important;background:linear-gradient(135deg,#ff788b,#ff526c)!important;border:3px solid #fff!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:36px!important;height:36px!important;padding:0 8px!important;font-size:14px!important;font-weight:900!important;display:flex!important;position:absolute!important;top:34px!important;left:auto!important;right:-10px!important;box-shadow:0 7px 20px #ff526c47,0 2px 7px #0f172a21!important}.lumi-assistant:hover .lumi-hide-btn,.lumi-hide-btn:hover,.lumi-hide-btn:focus-visible{opacity:1!important;visibility:visible!important}@media (width<=760px){.lumi-hide-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;font-size:20px!important;top:-5px!important;left:auto!important;right:-3px!important}.lumi-task-badge{min-width:32px!important;height:32px!important;font-size:12px!important;top:31px!important;left:auto!important;right:-3px!important}}.employee-attendance-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(circle at 0 0,#38bdf829,#0000 36%),radial-gradient(circle at 100% 0,#22c55e24,#0000 34%),#f8fafc;min-height:100vh;padding:24px}.employee-attendance-hero{background:linear-gradient(135deg,#fffffff5,#f0f9fff0);border:1px solid #e2e8f0e6;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 22px 60px #0f172a14}.employee-attendance-hero span,.employee-login-card span,.employee-reset-card span,.employee-attendance-card-header span{color:#0284c7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:950;display:inline-flex}.employee-attendance-hero h2{color:#0f172a;margin:0;font-size:26px;font-weight:980;line-height:1.15}.employee-attendance-hero p{color:#64748b;max-width:720px;margin:8px 0 0;font-size:14px;font-weight:750;line-height:1.55}.employee-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;visibility:visible!important;opacity:1!important;display:flex!important}.employee-hero-actions button{color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:999px;min-height:40px;padding:0 14px;font-size:12px;font-weight:950;box-shadow:0 10px 24px #0f172a1f}.employee-hero-actions button.secondary{color:#1d4ed8;background:#eff6ff}.employee-hero-actions button.logout{color:#b91c1c;background:#fee2e2}.employee-hero-actions button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.employee-attendance-message{border-radius:18px;margin:16px 0;padding:13px 16px;font-size:13px;font-weight:850;line-height:1.45}.employee-attendance-message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.employee-attendance-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.employee-attendance-message.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.employee-login-wrap{grid-template-columns:minmax(280px,440px) minmax(280px,440px);align-items:start;gap:18px;margin-top:18px;display:grid}.employee-login-card,.employee-reset-card,.employee-attendance-card{background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:26px;box-shadow:0 20px 50px #0f172a14}.employee-login-card{flex-direction:column;gap:13px;padding:22px;display:flex}.employee-login-card h3,.employee-reset-card h3{color:#0f172a;margin:0;font-size:20px;font-weight:980}.employee-login-card label,.employee-reset-card label{color:#334155;flex-direction:column;gap:7px;font-size:12px;font-weight:950;display:flex}.employee-login-card input,.employee-reset-card input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:15px;outline:none;width:100%;min-height:44px;padding:0 13px;font-size:14px;font-weight:800}.employee-login-card input:focus,.employee-reset-card input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.employee-login-card button,.employee-reset-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;border-radius:999px;min-height:44px;font-size:13px;font-weight:950;box-shadow:0 12px 28px #22c55e29}.employee-login-card button:disabled,.employee-reset-actions button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.employee-login-card .employee-login-reset-toggle{color:#1d4ed8;box-shadow:none;background:#eff6ff}.employee-login-card small{color:#64748b;font-size:12px;font-weight:750;line-height:1.45}.employee-attendance-loading{color:#64748b;background:#fff;border-radius:26px;justify-content:center;align-items:center;min-height:280px;margin-top:18px;font-size:14px;font-weight:900;display:flex;box-shadow:0 20px 50px #0f172a14}.employee-reset-card{grid-template-columns:.9fr 1.5fr;align-items:start;gap:16px;margin-top:16px;padding:20px;display:grid}.employee-reset-card p{color:#64748b;margin:8px 0 0;font-size:13px;font-weight:750;line-height:1.5}.employee-reset-card form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-reset-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.employee-reset-actions button.cancel{color:#334155;box-shadow:none;background:#f1f5f9}.employee-attendance-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:start;gap:18px;margin-top:18px;display:grid}.employee-attendance-card{padding:20px}.employee-attendance-card.main{flex-direction:column;gap:14px;display:flex}.employee-attendance-card.side{flex-direction:column;gap:15px;display:flex;position:sticky;top:16px}.employee-attendance-card-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.employee-attendance-card-header h3{color:#0f172a;margin:0;font-size:20px;font-weight:980}.employee-attendance-switch{background:#f1f5f9;border-radius:999px;gap:6px;padding:5px;display:inline-flex}.employee-attendance-switch button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:0 14px;font-size:12px;font-weight:950}.employee-attendance-switch button.active{color:#0284c7;background:#fff;box-shadow:0 8px 20px #0f172a1a}.employee-attendance-switch button:disabled{cursor:not-allowed;opacity:.45}.employee-info-box,.employee-gps-box,.employee-work-location-box{border-radius:20px}.employee-info-box{background:#f8fafc;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.employee-info-box small,.employee-gps-box small,.employee-location-detail small,.employee-today-box small,.employee-work-location-box small{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.employee-info-box strong,.employee-gps-box strong,.employee-location-detail strong,.employee-today-box strong,.employee-work-location-box strong{color:#0f172a;font-size:15px;font-weight:950;display:block}.employee-info-box p,.employee-gps-box p,.employee-location-detail p,.employee-work-location-box p{color:#64748b;margin:4px 0 0;font-size:12px;font-weight:750;line-height:1.45}.employee-info-box b{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:11px;font-weight:950;display:inline-flex}.employee-info-box b.not_checked_in{color:#92400e;background:#fef3c7}.employee-info-box b.checked_in{color:#1d4ed8;background:#dbeafe}.employee-info-box b.checked_out{color:#166534;background:#dcfce7}.employee-work-location-box{background:radial-gradient(circle at 100% 0,#38bdf829,#0000 35%),#f8fbff;border:1px solid #bfdbfe;grid-template-columns:1.2fr .8fr;align-items:end;gap:14px;padding:14px;display:grid}.employee-work-location-box label{color:#334155;flex-direction:column;gap:6px;font-size:12px;font-weight:950;display:flex}.employee-work-location-box select,.employee-work-location-box input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:13px;font-weight:850}.employee-work-location-box select:focus,.employee-work-location-box input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.employee-work-location-note{grid-column:1/-1}.employee-gps-box{border:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.employee-gps-box.active{background:#f0fdf4;border-color:#bbf7d0}.employee-gps-box.error{background:#fef2f2;border-color:#fecaca}.employee-gps-box button{color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:999px;min-height:38px;padding:0 13px;font-size:12px;font-weight:950;box-shadow:0 8px 18px #0f172a1a}.employee-gps-box button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.employee-selfie-section{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:14px;display:grid}.employee-selfie-button{color:#0f172a;cursor:pointer;background:radial-gradient(circle at 100% 0,#22c55e24,#0000 36%),#f8fbff;border:2px dashed #93c5fd;border-radius:22px;min-height:230px}.employee-selfie-button span{margin-bottom:10px;font-size:42px;display:block}.employee-selfie-button strong{color:#0f172a;font-size:18px;font-weight:980;display:block}.employee-selfie-button small{color:#64748b;margin-top:5px;font-size:12px;font-weight:850;display:block}.employee-selfie-button:disabled{cursor:not-allowed;opacity:.55}.employee-selfie-preview{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:22px;min-height:230px;overflow:hidden}.employee-selfie-preview img{object-fit:cover;width:100%;height:100%;min-height:230px;display:block}.employee-selfie-preview>div{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:230px;display:flex}.employee-selfie-preview span{font-size:38px}.employee-selfie-preview strong{color:#0f172a;font-size:15px;font-weight:950}.employee-selfie-preview small{font-size:12px;font-weight:800}.employee-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;border-radius:999px;min-height:50px;font-size:14px;font-weight:980;box-shadow:0 16px 34px #22c55e2e}.employee-save-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.employee-today-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:16px}.employee-time-row{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.employee-time-row span{color:#64748b;font-size:12px;font-weight:900}.employee-time-row b{color:#0f172a;font-size:13px;font-weight:950}.employee-side-icon{background:#eff6ff;border-radius:18px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.employee-attendance-card.side h3{color:#0f172a;margin:0;font-size:20px;font-weight:980}.employee-attendance-card.side>p{color:#64748b;margin:0;font-size:13px;font-weight:750;line-height:1.55}.employee-location-detail{background:#f8fbff;border:1px solid #bfdbfe;border-radius:18px;padding:14px}.employee-attendance-steps{flex-direction:column;gap:10px;display:flex}.employee-attendance-steps div{align-items:center;gap:10px;display:flex}.employee-attendance-steps span{color:#166534;background:#dcfce7;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:980;display:grid}.employee-attendance-steps strong{color:#334155;font-size:13px;font-weight:900}@media (width<=980px){.employee-attendance-grid{grid-template-columns:1fr}.employee-attendance-card.side{position:static}.employee-reset-card,.employee-reset-card form,.employee-login-wrap{grid-template-columns:1fr}}@media (width<=720px){.employee-attendance-page{padding:14px}.employee-attendance-hero{border-radius:24px;flex-direction:column;align-items:stretch;padding:18px}.employee-attendance-hero h2{font-size:22px}.employee-hero-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;display:grid!important}.employee-hero-actions button{width:100%;min-height:38px;padding:0 8px;font-size:11px}.employee-attendance-card{border-radius:22px;padding:16px}.employee-attendance-card-header{flex-direction:column;align-items:stretch}.employee-attendance-switch{width:100%}.employee-attendance-switch button{flex:1}.employee-info-box{flex-direction:column;align-items:stretch}.employee-info-box b{width:fit-content}.employee-work-location-box{grid-template-columns:1fr}.employee-gps-box{flex-direction:column;align-items:stretch}.employee-gps-box button{width:100%}.employee-selfie-section{grid-template-columns:1fr}.employee-selfie-button{min-height:170px}.employee-selfie-preview,.employee-selfie-preview img,.employee-selfie-preview>div{min-height:220px}.employee-reset-actions{flex-direction:column}.employee-reset-actions button{width:100%}}@media (width<=420px){.employee-hero-actions{grid-template-columns:1fr}.employee-attendance-page{padding:10px}}.employee-attendance-message.warning strong{font-weight:980}.employee-login-card input:disabled,.employee-login-card button:disabled{cursor:not-allowed;opacity:.58}.employee-login-card button:disabled{box-shadow:none}.employee-login-reset-toggle:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}html,body,#root{height:auto;min-height:100%;overflow:hidden auto}.registration-page{height:auto;min-height:100vh;overflow:hidden auto}.registration-shell{padding-bottom:120px}.registration-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(circle at 0 0,#22c55e29,#0000 30%),radial-gradient(circle at 100% 0,#0ea5e926,#0000 30%),linear-gradient(#f8fbff 0%,#f1f8ff 52%,#f7fee7 100%);min-height:100vh;padding:18px}.registration-shell{width:min(1080px,100%);margin:0 auto}.registration-shell.narrow{width:min(520px,100%)}.registration-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #dbeafef2;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:16px;padding:18px;display:grid;box-shadow:0 14px 42px #0f172a14}.registration-mini-brand{align-items:center;gap:11px;display:flex}.registration-logo{color:#fff;background:linear-gradient(135deg,#22c55e,#38bdf8);border-radius:16px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:950;display:inline-flex;box-shadow:0 12px 26px #22c55e38}.registration-mini-brand strong{color:#0f172a;font-size:14px;font-weight:950;line-height:1.1;display:block}.registration-mini-brand span{color:#64748b;margin-top:3px;font-size:12px;font-weight:800;line-height:1.2;display:block}.registration-header-text h1{color:#0f172a;letter-spacing:-.045em;margin:0;font-size:clamp(22px,3vw,34px);font-weight:950;line-height:1.05}.registration-header-text p{color:#64748b;max-width:650px;margin:7px 0 0;font-size:13px;font-weight:750;line-height:1.55}.registration-header-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.registration-header-badges span{color:#0369a1;white-space:nowrap;background:#ecfeff;border-radius:999px;align-items:center;min-height:30px;padding:0 11px;font-size:11px;font-weight:950;display:inline-flex}.registration-token-info{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px;padding:12px 14px;font-size:12px;font-weight:850;display:flex}.registration-token-info strong{font-weight:950}.registration-alert{border-radius:17px;margin-bottom:14px;padding:13px 15px;font-size:13px;font-weight:850;line-height:1.45;box-shadow:0 12px 26px #0f172a0d}.registration-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.registration-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.registration-form{flex-direction:column;gap:16px;display:flex}.registration-section{background:#fffffff2;border:1px solid #dbeafefa;border-radius:24px;overflow:hidden;box-shadow:0 16px 44px #0f172a13}.registration-section-header{background:linear-gradient(135deg,#f0fdf4e6,#eff8fff2);border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.registration-section-header>span{color:#fff;background:linear-gradient(135deg,#22c55e,#38bdf8);border-radius:15px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:950;display:inline-flex;box-shadow:0 10px 24px #22c55e2e}.registration-section-header h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:21px;font-weight:950;line-height:1.15}.registration-section-header p{color:#64748b;margin:4px 0 0;font-size:12px;font-weight:760;line-height:1.45}.registration-section-body{padding:18px 20px 20px}.registration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.registration-grid.single-bottom{margin-top:2px}.registration-field{flex-direction:column;gap:7px;min-width:0;display:flex}.registration-field.full{grid-column:1/-1}.registration-field>span{color:#334155;font-size:12px;font-weight:950;line-height:1.25}.registration-field b,.registration-file-title b{color:#dc2626}.registration-field input,.registration-field select,.registration-field textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:15px;outline:none;width:100%;min-height:46px;padding:0 13px;font-size:14px;font-weight:750;transition:border-color .16s,box-shadow .16s,background .16s}.registration-field textarea{resize:vertical;min-height:104px;padding:12px 13px;line-height:1.55}.registration-field input:hover,.registration-field select:hover,.registration-field textarea:hover{border-color:#93c5fd}.registration-field input:focus,.registration-field select:focus,.registration-field textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.registration-selected-summary{color:#475569;background:#f8fbff;border:1px solid #dbeafe;border-radius:16px;margin-bottom:14px;padding:12px 14px;font-size:12px;font-weight:850}.registration-checkbox-group{border-top:1px dashed #dbeafe;padding:15px 0}.registration-checkbox-group:first-of-type{border-top:0;padding-top:0}.registration-checkbox-group:last-child{padding-bottom:0}.registration-checkbox-group h3{color:#0f172a;letter-spacing:-.025em;margin:0 0 11px;font-size:16px;font-weight:950}.registration-checkbox-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.registration-checkbox-item{box-sizing:border-box;color:#334155;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:15px;align-items:center;gap:8px;min-height:42px;padding:9px 10px;font-size:12px;font-weight:850;line-height:1.25;transition:transform .16s,border-color .16s,background .16s,color .16s;display:flex}.registration-checkbox-item:hover{background:#f0f9ff;border-color:#7dd3fc;transform:translateY(-1px)}.registration-checkbox-item input{accent-color:#22c55e;flex:none;width:17px;height:17px}.registration-checkbox-item:has(input:checked){color:#166534;background:#f0fdf4;border-color:#86efac}.registration-other-field{grid-template-columns:92px 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.registration-other-field span{color:#64748b;font-size:12px;font-weight:950}.registration-other-field input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:40px;padding:0 12px;font-size:13px;font-weight:750}.registration-other-field input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}.registration-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.registration-file-card{background:linear-gradient(135deg,#f0f9fff5,#f0fdf4eb);border:1px dashed #93c5fd;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.registration-file-title strong{color:#0f172a;font-size:13px;font-weight:950;display:block}.registration-file-title small{color:#64748b;margin-top:4px;font-size:11px;font-weight:750;line-height:1.45;display:block}.registration-file-box{cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:48px;padding:0 13px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative;overflow:hidden}.registration-file-box:hover{border-color:#7dd3fc;transform:translateY(-1px)}.registration-file-box.active{background:#f0fdf4;border-color:#86efac}.registration-file-box input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.registration-file-box span{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:950;overflow:hidden}.registration-file-box em{color:#64748b;white-space:nowrap;font-size:11px;font-style:normal;font-weight:850}.registration-agreement{color:#166534;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 15px;font-size:12px;font-weight:820;line-height:1.55;display:flex}.registration-agreement input{accent-color:#22c55e;cursor:pointer;flex:none;width:20px;height:20px;margin-top:1px}.registration-agreement span{display:block}.registration-submit-bar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #dbeafefa;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex;position:sticky;bottom:14px;box-shadow:0 18px 48px #0f172a21}.registration-submit-bar strong{color:#0f172a;font-size:13px;font-weight:950;display:block}.registration-submit-bar span{color:#64748b;margin-top:2px;font-size:12px;font-weight:750;display:block}.registration-submit-bar button,.registration-token-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:0;border-radius:15px;min-height:46px;padding:0 22px;font-size:14px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s,filter .16s;box-shadow:0 13px 28px #22c55e33}.registration-submit-bar button:hover,.registration-token-form button:hover{transform:translateY(-1px);box-shadow:0 17px 36px #22c55e40}.registration-submit-bar button:disabled,.registration-token-form button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;filter:grayscale(.25);transform:none}.registration-token-card,.registration-success-card,.registration-loading-card{background:#fffffff2;border:1px solid #dbeafefa;border-radius:28px;margin:52px auto 0;padding:24px;box-shadow:0 22px 60px #0f172a1f}.registration-token-card h1,.registration-success-card h1,.registration-loading-card h2{color:#0f172a;letter-spacing:-.05em;margin:20px 0 0;font-size:clamp(26px,5vw,38px);font-weight:950;line-height:1.02}.registration-token-card p,.registration-success-card p,.registration-loading-card p{color:#64748b;margin:12px 0 0;font-size:14px;font-weight:760;line-height:1.65}.registration-token-form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.registration-token-form label{color:#334155;flex-direction:column;gap:8px;font-size:13px;font-weight:950;display:flex}.registration-token-form input{box-sizing:border-box;color:#0f172a;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid #cbd5e1;border-radius:16px;outline:none;width:100%;min-height:52px;padding:0 15px;font-size:17px;font-weight:950}.registration-token-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.registration-token-note{color:#64748b;margin-top:14px;font-size:12px;font-weight:760;line-height:1.45;display:block}.registration-success-card{text-align:center}.registration-success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#38bdf8);border-radius:999px;justify-content:center;align-items:center;width:74px;height:74px;font-size:40px;font-weight:950;display:inline-flex;box-shadow:0 16px 38px #22c55e3d}.registration-success-number{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;margin-top:20px;padding:16px}.registration-success-number span{color:#166534;font-size:12px;font-weight:900;display:block}.registration-success-number strong{color:#0f766e;letter-spacing:-.025em;margin-top:5px;font-size:25px;font-weight:950;display:block}.registration-success-card small{color:#64748b;margin-top:14px;font-size:12px;font-weight:760;line-height:1.55;display:block}.registration-loading-card{text-align:center;width:min(440px,100%)}.registration-loader{border:4px solid #dbeafe;border-top-color:#22c55e;border-radius:999px;width:48px;height:48px;margin:0 auto;animation:.9s linear infinite registration-spin}@keyframes registration-spin{to{transform:rotate(360deg)}}@media (width<=960px){.registration-header{grid-template-columns:1fr;align-items:start}.registration-header-badges{justify-content:flex-start}.registration-checkbox-list{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-upload-grid{grid-template-columns:1fr}}@media (width<=720px){.registration-page{padding:12px}.registration-header{border-radius:20px;gap:12px;padding:15px}.registration-logo{border-radius:14px;width:40px;height:40px;font-size:20px}.registration-header-text h1{font-size:25px}.registration-header-text p{font-size:12px}.registration-header-badges span{min-height:28px;font-size:10px}.registration-section{border-radius:20px}.registration-section-header{padding:15px}.registration-section-header>span{border-radius:13px;width:38px;height:38px;font-size:13px}.registration-section-header h2{font-size:19px}.registration-section-body{padding:15px}.registration-grid{grid-template-columns:1fr;gap:12px}.registration-field input,.registration-field select,.registration-field textarea{border-radius:14px;min-height:45px;font-size:14px}.registration-checkbox-list{grid-template-columns:1fr}.registration-checkbox-item{min-height:40px}.registration-other-field{grid-template-columns:1fr;gap:6px}.registration-file-card{border-radius:17px;padding:12px}.registration-submit-bar{border-radius:18px;flex-direction:column;align-items:stretch;bottom:10px}.registration-submit-bar button{width:100%}.registration-agreement{border-radius:16px;gap:10px;padding:13px;font-size:12px}.registration-agreement input{width:19px;height:19px}.registration-token-card,.registration-success-card,.registration-loading-card{border-radius:24px;margin-top:24px;padding:20px}.registration-token-card h1,.registration-success-card h1,.registration-loading-card h2{font-size:29px}.registration-token-form input{min-height:50px;font-size:15px}}@media (width<=420px){.registration-page{padding:10px}.registration-mini-brand{align-items:flex-start}.registration-header-text h1{font-size:23px}.registration-section-header{gap:10px}.registration-section-header h2{font-size:18px}.registration-section-header p,.registration-field>span{font-size:11px}.registration-checkbox-group h3{font-size:15px}.registration-submit-bar{padding:12px}.registration-success-number strong{font-size:21px}}.monitoring-no-page-scroll{overflow:hidden!important}.monitoring-no-page-scroll .dashboard-main{height:100vh;overflow:hidden!important}.monitoring-no-page-scroll .dashboard-content,.monitoring-no-page-scroll .dashboard-content-full{box-sizing:border-box;height:calc(100vh - 24px);min-height:0!important;margin-top:0!important;padding:12px!important;overflow:hidden!important}.monitoring-page{color:#0f172a;box-sizing:border-box;grid-template-rows:auto auto auto minmax(0,1fr);gap:7px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.monitoring-topbar{background:radial-gradient(circle at 8% 0,#22c55e21,#0000 30%),radial-gradient(circle at 92% 0,#38bdf824,#0000 30%),#fffffff5;border:1px solid #e8eef7;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:9px 12px;display:flex;overflow:hidden;box-shadow:0 8px 22px #0f172a0b}.monitoring-title{min-width:0}.monitoring-title span,.monitoring-panel-header span{color:#15803d;background:#dcfce7;border-radius:999px;width:fit-content;padding:3px 8px;font-size:8px;font-weight:900;line-height:1;display:inline-flex}.monitoring-title h2{color:#0f172a;letter-spacing:-.4px;margin:4px 0 2px;font-size:20px;font-weight:900;line-height:1}.monitoring-title p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9.5px;font-weight:750;line-height:1.25;overflow:hidden}.monitoring-top-actions{flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}.monitoring-top-actions button{color:#334155;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:0;border-radius:999px;height:28px;min-height:28px;padding:0 11px;font-family:inherit;font-size:8.8px;font-weight:900;line-height:1}.monitoring-top-actions button.active,.monitoring-top-actions button:not(.secondary){color:#fff;background:linear-gradient(135deg,#22c55e,#38bdf8);box-shadow:0 8px 18px #22c55e26}.monitoring-top-actions button:disabled{opacity:.55;cursor:not-allowed}.monitoring-alert{border-radius:13px;padding:7px 10px;font-size:10px;font-weight:850}.monitoring-alert.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.monitoring-summary-line{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.summary-mini{background:#fff;border:1px solid #e8eef7;border-radius:15px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex;overflow:hidden;box-shadow:0 6px 16px #0f172a0a}.summary-mini span{color:#64748b;white-space:nowrap;font-size:8.6px;font-weight:900;line-height:1}.summary-mini strong{color:#0f172a;letter-spacing:-.7px;font-size:22px;font-weight:900;line-height:1}.summary-mini.online{background:linear-gradient(#f0fdf4,#fff);border-color:#bbf7d0}.summary-mini.idle{background:linear-gradient(#fffbeb,#fff);border-color:#fde68a}.summary-mini.offline{background:linear-gradient(#fff1f2,#fff);border-color:#fecaca}.summary-mini.total{background:linear-gradient(#f0f9ff,#fff);border-color:#bae6fd}.summary-mini.logs{background:linear-gradient(#f5f3ff,#fff);border-color:#ddd6fe}.monitoring-main-tabs{flex:none;gap:5px;display:flex}.monitoring-filter-actions input:focus,.monitoring-filter-actions select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.monitoring-content-panel{background:#fff;border:1px solid #e8eef7;border-radius:18px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.monitoring-panel-header{background:radial-gradient(circle at 8% 0,#22c55e14,#0000 30%),#f8fafc;border-bottom:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:flex}.monitoring-panel-header.compact h3{color:#0f172a;margin:4px 0 0;font-size:14px;font-weight:900;line-height:1}.monitoring-panel-header small{color:#64748b;font-size:9px;font-weight:850}.monitoring-table-wrap{scrollbar-width:thin;scrollbar-color:#0f172a47 #f1f5f9e6;flex:auto;width:100%;min-height:0;overflow:hidden auto}.monitoring-table-wrap::-webkit-scrollbar{width:6px;height:0}.monitoring-today-list::-webkit-scrollbar{width:6px;height:0}.monitoring-table-wrap::-webkit-scrollbar-thumb{background:#0f172a42;border-radius:999px}.monitoring-today-list::-webkit-scrollbar-thumb{background:#0f172a42;border-radius:999px}.monitoring-table-wrap::-webkit-scrollbar-track{background:#f1f5f9e6}.monitoring-today-list::-webkit-scrollbar-track{background:#f1f5f9e6}.monitoring-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}.monitoring-table th{z-index:5;color:#64748b;text-align:left;vertical-align:middle;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #e2e8f0;height:26px;padding:4px 6px;font-size:7.7px;font-weight:900;line-height:1.05;position:sticky;top:0}.monitoring-table td{color:#0f172a;vertical-align:middle;text-overflow:ellipsis;border-bottom:1px solid #eef2f7;height:32px;padding:3px 6px;font-size:8.2px;font-weight:750;line-height:1.05;overflow:hidden}.monitoring-table tbody tr{background:#fff}.monitoring-table tbody tr:hover{background:#f8fbff}.session-table th:first-child,.session-table td:first-child{width:16%}.session-table th:nth-child(2),.session-table td:nth-child(2){width:8%}.session-table th:nth-child(3),.session-table td:nth-child(3){width:7%}.session-table th:nth-child(4),.session-table td:nth-child(4){width:13%}.session-table th:nth-child(5),.session-table td:nth-child(5){width:21%}.session-table th:nth-child(6),.session-table td:nth-child(6){width:13%}.session-table th:nth-child(7),.session-table td:nth-child(7),.session-table th:nth-child(8),.session-table td:nth-child(8){width:11%}.user-device-table th:first-child,.user-device-table td:first-child{width:17%}.user-device-table th:nth-child(2),.user-device-table td:nth-child(2){width:8%}.user-device-table th:nth-child(3),.user-device-table td:nth-child(3){width:9%}.user-device-table th:nth-child(4),.user-device-table td:nth-child(4),.user-device-table th:nth-child(5),.user-device-table td:nth-child(5),.user-device-table th:nth-child(6),.user-device-table td:nth-child(6){width:6%}.user-device-table th:nth-child(7),.user-device-table td:nth-child(7){width:17%}.user-device-table th:nth-child(8),.user-device-table td:nth-child(8){width:20%}.user-device-table th:nth-child(9),.user-device-table td:nth-child(9){width:11%}.monitoring-user-cell{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;min-width:0;display:grid}.monitoring-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border-radius:9px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:900;display:flex}.monitoring-user-cell strong,.monitoring-action-cell strong,.monitoring-device-cell strong,.cell-ellipsis{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:8.4px;font-weight:900;line-height:1.1;display:block;overflow:hidden}.monitoring-user-cell small,.monitoring-action-cell small,.monitoring-device-cell small,.muted-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:7.2px;font-weight:750;line-height:1.1;display:block;overflow:hidden}.monitoring-role{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:3px 5px;font-size:7px;font-weight:900;line-height:1;display:inline-flex}.monitoring-role.parent{color:#b45309;background:#fef3c7}.monitoring-role.teacher{color:#15803d;background:#dcfce7}.monitoring-role.staff{color:#0369a1;background:#e0f2fe}.monitoring-role.admin,.monitoring-role.superadmin{color:#6d28d9;background:#ede9fe}.monitoring-status{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:3px 5px;font-size:7px;font-weight:900;line-height:1;display:inline-flex}.monitoring-status.online{color:#15803d;background:#dcfce7}.monitoring-status.idle{color:#b45309;background:#fef3c7}.monitoring-status.offline{color:#b91c1c;background:#fee2e2}.number-cell{color:#0f172a;font-size:13px;font-weight:900;line-height:1;display:block}.compact-list{gap:1px;display:grid}.compact-list small{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:7.4px;font-weight:800;line-height:1.08;display:block;overflow:hidden}.monitoring-empty{height:78px;text-align:center!important;color:#64748b!important;font-size:10px!important;font-weight:850!important}.today-topline{align-items:center;gap:5px;min-width:0;display:flex}@media (width<=1180px){.monitoring-no-page-scroll{overflow:auto!important}.monitoring-no-page-scroll .dashboard-main,.monitoring-no-page-scroll .dashboard-content,.monitoring-no-page-scroll .dashboard-content-full{height:auto;overflow:visible!important}.monitoring-page{height:auto;min-height:calc(100vh - 48px);overflow:visible}.monitoring-summary-line{grid-template-columns:repeat(3,minmax(0,1fr))}.monitoring-control-line{flex-direction:column;align-items:stretch}.monitoring-filter-actions{flex-wrap:wrap;justify-content:flex-start}.monitoring-filter-actions input,.monitoring-filter-actions select{width:calc(33.333% - 5px)}}@media (width<=760px){.monitoring-summary-line{grid-template-columns:1fr 1fr}.monitoring-topbar{flex-direction:column;align-items:stretch}.monitoring-top-actions{justify-content:flex-start}.monitoring-main-tabs{grid-template-columns:1fr;display:grid}.monitoring-filter-actions input,.monitoring-filter-actions select,.monitoring-top-actions button{width:100%}.today-activity-row{grid-template-columns:26px minmax(0,1fr)}.today-time{text-align:left;grid-column:1/-1}}.monitoring-main-tabs{flex:none;gap:5px;min-width:0;display:flex}.monitoring-main-tabs button{color:#334155;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:0;border-radius:999px;height:27px;min-height:27px;padding:0 9px;font-family:inherit;font-size:8.2px;font-weight:900;line-height:1}.monitoring-main-tabs button.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 8px 16px #38bdf82e}.monitoring-today-list{flex:auto;align-content:start;gap:6px;min-height:0;padding:7px;display:grid;overflow:hidden auto}.today-activity-row{background:#f8fafc;border:1px solid #e8eef7;border-radius:14px;grid-template-columns:26px minmax(0,1fr) 92px;align-items:center;gap:7px;min-height:50px;padding:7px;display:grid}.today-main{min-width:0}.today-topline{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.today-topline strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:900;line-height:1.1;overflow:hidden}.today-type{color:#0369a1;white-space:nowrap;text-overflow:ellipsis;background:#e0f2fe;border-radius:999px;max-width:88px;padding:3px 6px;font-size:7px;font-weight:900;line-height:1;overflow:hidden}.today-activity-row p{color:#334155;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:8.4px;font-weight:800;line-height:1.25;overflow:hidden}.today-meta{flex-wrap:nowrap;gap:4px;margin-top:4px;display:flex;overflow:hidden}.today-meta span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e2e8f0;border-radius:999px;max-width:140px;padding:3px 6px;font-size:7px;font-weight:850;line-height:1;overflow:hidden}.today-time{text-align:right;min-width:0}.today-time strong{color:#0f172a;font-size:10px;font-weight:900;line-height:1;display:block}.today-time small{color:#64748b;margin-top:3px;font-size:7px;font-weight:750;line-height:1.15;display:block}.monitoring-empty-card{color:#64748b;text-align:center;background:#f8fafc;border-radius:15px;padding:18px;font-size:10px;font-weight:850}.monitoring-control-line{background:#fff;border:1px solid #e8eef7;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:6px 8px;display:flex;overflow:hidden;box-shadow:0 6px 16px #0f172a09}.monitoring-filter-actions{flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.monitoring-filter-actions input,.monitoring-filter-actions select{color:#0f172a;background:#fff;border:1px solid #dbe4ef;border-radius:999px;outline:none;min-width:0;height:27px;padding:0 8px;font-family:inherit;font-size:8.4px;font-weight:800;line-height:1}.monitoring-filter-actions input{width:min(215px,20vw)}.monitoring-filter-actions select{width:104px}@media (width<=1180px){.monitoring-main-tabs{flex-wrap:wrap}.monitoring-control-line{flex-direction:column;align-items:stretch}.monitoring-filter-actions{flex-wrap:wrap;justify-content:flex-start}.monitoring-filter-actions input,.monitoring-filter-actions select{width:calc(33.333% - 5px)}}@media (width<=760px){.monitoring-filter-actions input,.monitoring-filter-actions select{width:100%}.today-activity-row{grid-template-columns:26px minmax(0,1fr)}.today-time{text-align:left;grid-column:1/-1}}.monitoring-history-pagination{background:#fff;border-top:1px solid #e8eef7;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:7px 9px;display:flex}.monitoring-history-pagination>div:first-child{align-items:baseline;gap:5px;min-width:0;display:flex}.monitoring-history-pagination>div:first-child strong{color:#0f172a;font-size:14px;font-weight:900;line-height:1}.monitoring-history-pagination>div:first-child span{color:#64748b;white-space:nowrap;font-size:8.5px;font-weight:800;line-height:1}.monitoring-history-pagination label{color:#64748b;white-space:nowrap;align-items:center;gap:5px;font-size:8.5px;font-weight:900;line-height:1;display:flex}.monitoring-history-pagination select{color:#0f172a;background:#fff;border:1px solid #dbe4ef;border-radius:999px;outline:none;height:26px;padding:0 8px;font-family:inherit;font-size:8.5px;font-weight:850}.history-page-buttons{justify-content:flex-end;align-items:center;gap:5px;display:flex}.history-page-buttons button{color:#0369a1;cursor:pointer;white-space:nowrap;background:#eef6ff;border:0;border-radius:999px;height:26px;min-height:26px;padding:0 9px;font-family:inherit;font-size:8.3px;font-weight:900;line-height:1}.history-page-buttons button:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6)}.history-page-buttons button:disabled{opacity:.4;cursor:not-allowed}.monitoring-content-panel:has(.monitoring-history-pagination) .monitoring-today-list{max-height:none}@media (width<=1180px){.monitoring-history-pagination{flex-wrap:wrap;align-items:center}.history-page-buttons{flex-wrap:wrap}}@media (width<=760px){.monitoring-history-pagination{flex-direction:column;align-items:stretch}.monitoring-history-pagination>div:first-child,.monitoring-history-pagination label,.history-page-buttons{justify-content:center}.history-page-buttons button{flex:1}}.users-management-page{box-sizing:border-box;color:#163347;background:#f5f8fb;flex-direction:column;gap:10px;width:100%;height:calc(100vh - 84px);padding:14px;display:flex;overflow:hidden}.users-management-header{color:#fff;background:linear-gradient(135deg,#12384f,#0d9aa6);border-radius:18px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 10px 26px #12384f29}.users-management-header span{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:3px;font-size:11px;font-weight:800;display:inline-flex}.users-management-header h2{margin:0;font-size:20px;font-weight:900;line-height:1.15}.users-management-header p{opacity:.9;margin:4px 0 0;font-size:12px}.users-management-header button{color:#12384f;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900;box-shadow:0 8px 18px #0000001f}.users-management-header button:disabled{opacity:.6;cursor:not-allowed}.users-management-message{border-radius:12px;flex:none;padding:9px 12px;font-size:12px;font-weight:800}.users-management-message.success{color:#0f5132;background:#d1e7dd;border:1px solid #badbcc}.users-management-message.error{color:#842029;background:#f8d7da;border:1px solid #f5c2c7}.users-summary-grid{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.users-summary-card{background:#fff;border:1px solid #e4edf4;border-radius:14px;align-items:center;gap:8px;min-height:54px;padding:9px 10px;display:flex;box-shadow:0 8px 18px #12384f0f}.users-summary-card>span{background:#eef6fb;border-radius:11px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:inline-flex}.users-summary-card strong{color:#12384f;font-size:20px;line-height:1;display:block}.users-summary-card p{color:#6d8190;white-space:nowrap;margin:3px 0 0;font-size:10px;font-weight:800}.users-summary-card.active>span{background:#e6f7ee}.users-summary-card.inactive>span{background:#fdecec}.users-summary-card.admin>span{background:#eef1ff}.users-summary-card.teacher>span{background:#fff6df}.users-summary-card.parent>span{background:#eaf8fb}.users-table-panel{background:#fff;border:1px solid #e4edf4;border-radius:18px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;box-shadow:0 12px 30px #12384f14}.users-table-toolbar{background:#fbfdff;border-bottom:1px solid #e8f0f6;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.users-search-box{background:#fff;border:1px solid #dce8f0;border-radius:12px;flex:1;align-items:center;gap:8px;min-width:240px;height:36px;padding:0 10px;display:flex}.users-search-box span{font-size:13px}.users-search-box input{color:#163347;background:0 0;border:0;outline:none;width:100%;height:34px;font-size:12px}.users-filter-group{align-items:center;gap:7px;display:flex}.users-filter-group select{color:#163347;background:#fff;border:1px solid #dce8f0;border-radius:11px;outline:none;height:36px;padding:0 9px;font-size:12px;font-weight:800}.users-table-wrap{flex:auto;width:100%;min-height:0;overflow:auto}.users-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.users-table thead{z-index:5;position:sticky;top:0}.users-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#5f7484;white-space:nowrap;background:#f6f9fc;border-bottom:1px solid #e8f0f6;padding:9px 10px;font-size:10px}.users-table td{vertical-align:middle;background:#fff;border-bottom:1px solid #edf3f7;padding:8px 10px;font-size:12px}.users-table tbody tr:hover td{background:#f9fcff}.users-table th:first-child,.users-table td:first-child{text-align:center;width:48px}.users-empty-row{text-align:center;color:#6d8190;font-weight:800;padding:28px 16px!important}.users-main-info,.users-relation-info{flex-direction:column;gap:2px;line-height:1.2;display:flex}.users-main-info strong,.users-relation-info strong{color:#12384f;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px;font-weight:900;overflow:hidden}.users-main-info span,.users-relation-info span{color:#6d8190;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:10.5px;font-weight:700;overflow:hidden}.users-role-pill,.users-status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:10.5px;font-weight:900;display:inline-flex}.users-role-pill.superadmin{color:#fff;background:#12384f}.users-role-pill.admin{color:#fff;background:#0d9aa6}.users-role-pill.teacher{color:#7a4d00;background:#fff0c2}.users-role-pill.staff{color:#24406f;background:#e6edff}.users-role-pill.parent{color:#0c5d66;background:#dff8fb}.users-status-pill.active{color:#0f5132;background:#d1e7dd}.users-status-pill.inactive{color:#842029;background:#f8d7da}.users-action-buttons{flex-wrap:nowrap;gap:6px;display:flex}.users-action-buttons button{cursor:pointer;white-space:nowrap;border:0;border-radius:9px;padding:7px 9px;font-size:10.5px;font-weight:900}.users-action-buttons button:disabled{opacity:.6;cursor:not-allowed}.users-action-buttons .reset{color:#fff;background:#0d9aa6}.users-action-buttons .deactivate{color:#842029;background:#f8d7da}.users-action-buttons .activate{color:#0f5132;background:#d1e7dd}.users-pagination-footer{background:#fbfdff;border-top:1px solid #e8f0f6;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.users-pagination-footer span{color:#6d8190;font-size:11px;font-weight:800}.users-pagination-footer div{align-items:center;gap:6px;display:flex}.users-pagination-footer button{color:#163347;cursor:pointer;background:#fff;border:1px solid #dce8f0;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:900}.users-pagination-footer button:disabled{opacity:.45;cursor:not-allowed}.users-pagination-footer strong{text-align:center;color:#12384f;min-width:48px;font-size:12px}.users-modal-backdrop{z-index:9999;background:#07182794;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.users-reset-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(500px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 28px 80px #0000003d}.users-reset-modal-header{color:#fff;background:linear-gradient(135deg,#12384f,#0d9aa6);flex:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.users-reset-modal-header span{text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.users-reset-modal-header h3{margin:0;font-size:18px}.users-reset-modal-header p{opacity:.9;margin:4px 0 0;font-size:12px}.users-reset-modal-header button{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:12px;width:34px;height:34px;font-weight:900}.users-reset-modal-body{flex:auto;gap:12px;padding:16px 18px;display:grid;overflow-y:auto}.users-reset-warning{color:#7a4d00;background:#fff3cd;border:1px solid #ffecb5;border-radius:13px;padding:10px 12px;font-size:12px;font-weight:800;line-height:1.4}.users-reset-modal-body label{color:#163347;gap:6px;font-size:12px;font-weight:900;display:grid}.users-reset-modal-body input{color:#163347;border:1px solid #dce8f0;border-radius:12px;outline:none;height:38px;padding:0 11px;font-size:13px}.users-reset-modal-body input:focus{border-color:#0d9aa6;box-shadow:0 0 0 3px #0d9aa61f}.users-password-row{gap:8px;display:flex}.users-password-row input{flex:1}.users-password-row .small{color:#12384f;cursor:pointer;background:#eef6fb;border:0;border-radius:12px;width:68px;font-size:11px;font-weight:900}.users-password-tools{flex-wrap:wrap;gap:8px;display:flex}.users-password-tools button{color:#12384f;cursor:pointer;background:#eef6fb;border:0;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:900}.users-reset-info-box{color:#0c5d66;background:#dff8fb;border:1px solid #b9edf2;border-radius:13px;padding:10px 12px;font-size:12px;font-weight:800;line-height:1.4}.users-reset-modal-actions{background:#f6f9fc;border-top:1px solid #e8f0f6;flex:none;justify-content:flex-end;gap:8px;padding:13px 18px;display:flex}.users-reset-modal-actions button{cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:900}.users-reset-modal-actions button.secondary{color:#163347;background:#e9eff4}.users-reset-modal-actions button:not(.secondary){color:#fff;background:#0d9aa6}.users-reset-modal-actions button:disabled{opacity:.6;cursor:not-allowed}@media (width<=1180px){.users-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.users-table-toolbar{flex-direction:column;align-items:stretch}.users-filter-group{flex-wrap:wrap}.users-filter-group select{flex:1;min-width:150px}}@media (width<=720px){.users-management-page{height:calc(100vh - 70px);padding:10px}.users-management-header{border-radius:16px;flex-direction:column;align-items:flex-start;padding:13px}.users-management-header h2{font-size:18px}.users-management-header p{font-size:11px}.users-management-header button{width:100%}.users-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.users-summary-card{border-radius:13px;min-height:48px;padding:8px}.users-summary-card>span{width:30px;height:30px;font-size:15px}.users-summary-card strong{font-size:18px}.users-summary-card p{font-size:9px}.users-table-panel{border-radius:16px}.users-table-toolbar{padding:9px}.users-search-box{width:100%;min-width:0}.users-filter-group,.users-pagination-footer{flex-direction:column;align-items:stretch}.users-pagination-footer div{justify-content:space-between}.users-modal-backdrop{align-items:flex-end;padding:0}.users-reset-modal{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.users-password-row{flex-direction:column}.users-password-row .small{width:100%;height:38px}.users-reset-modal-actions{flex-direction:column}.users-reset-modal-actions button{width:100%}}.users-table{min-width:1000px}.users-table th{padding:7px 8px;font-size:9px;line-height:1.1}.users-table td{padding:5px 8px;font-size:11px;line-height:1.15}.users-table th:first-child,.users-table td:first-child{width:38px}.users-main-info,.users-relation-info{gap:1px;line-height:1.1}.users-main-info strong,.users-relation-info strong{max-width:190px;font-size:11px;line-height:1.1}.users-main-info span,.users-relation-info span{max-width:190px;font-size:9.5px;line-height:1.1}.users-role-pill,.users-status-pill{padding:4px 7px;font-size:9.5px;line-height:1}.users-action-buttons{gap:4px}.users-action-buttons button{border-radius:8px;padding:5px 7px;font-size:9.5px;line-height:1.1}.users-table-wrap{scrollbar-width:thin}.users-pagination-footer{padding:7px 9px}.users-pagination-footer span{font-size:10px}.users-pagination-footer button{padding:5px 8px;font-size:10px}.users-pagination-footer strong{font-size:11px}.users-tab-bar{background:#fff;border-bottom:1px solid #e8f0f6;flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.users-tab-bar button{color:#163347;cursor:pointer;background:#f8fbfd;border:1px solid #dce8f0;border-radius:12px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:900;display:inline-flex}.users-tab-bar button.active{color:#fff;background:#0d9aa6;border-color:#0d9aa6}.users-tab-bar button span{background:#12384f1a;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:10px;display:inline-flex}.users-tab-bar button.active span{background:#fff3}.users-clear-search{color:#12384f;cursor:pointer;background:#e9eff4;border:0;border-radius:999px;width:26px;height:26px;font-size:11px;font-weight:900}.users-access-type-group{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.users-access-type-group button{color:#163347;cursor:pointer;background:#fff;border:1px solid #dce8f0;border-radius:12px;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:11px;font-weight:900;display:inline-flex}.users-access-type-group button.active{color:#fff;background:#12384f;border-color:#12384f}.users-access-type-group button span{background:#0d9aa61f;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:10px;display:inline-flex}.users-access-type-group button.active span{background:#fff3}.users-candidate-table{min-width:950px}@media (width<=720px){.users-tab-bar{overflow-x:auto}.users-tab-bar button{white-space:nowrap}.users-access-type-group{width:100%}.users-access-type-group button{flex:1;justify-content:center}}.users-action-buttons .edit-role{color:#24406f;background:#e6edff}.users-role-modal{width:min(460px,100%)}.users-current-role-box{background:#f8fbfd;border:1px solid #dce8f0;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.users-current-role-box span{color:#6d8190;font-size:12px;font-weight:900}.users-current-role-box strong{color:#12384f;font-size:14px;font-weight:900}.users-modal-select{color:#163347;background:#fff;border:1px solid #dce8f0;border-radius:12px;outline:none;height:38px;padding:0 11px;font-size:13px}.users-modal-select:focus{border-color:#0d9aa6;box-shadow:0 0 0 3px #0d9aa61f}