:root{--green:#116149;--green2:#0b4937;--mint:#e8f5ef;--ink:#17231f;--muted:#66746f;--line:#dce5e1;--bg:#f3f7f5;--white:#fff;--red:#b42318;--amber:#b54708;--shadow:0 8px 30px rgba(16,52,41,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:68px;position:fixed;z-index:40;top:0;left:0;right:0;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand span,.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#20a676);color:#fff;font-weight:900;border-radius:12px}.brand span{width:40px;height:40px}.brand strong{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip{margin-left:auto;text-align:right;font-weight:700}.user-chip small{display:block;color:var(--muted);font-weight:500}.sidebar{position:fixed;z-index:35;top:68px;bottom:0;left:0;width:235px;background:#103e32;padding:20px 14px}.sidebar nav{display:grid;gap:5px}.sidebar a{color:#d9eee6;padding:12px 14px;border-radius:10px;font-weight:650}.sidebar a:hover,.sidebar a.active{background:#fff;color:var(--green)}.content{margin-left:235px;padding:96px 28px 50px;max-width:1500px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.page-head h1{margin:0;font-size:clamp(1.55rem,3vw,2.1rem)}.page-head p,.muted{color:var(--muted);margin:.35rem 0}.menu-toggle{display:none}.icon-btn{border:0;background:transparent;font-size:1.45rem;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stats article,.card{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stats article{padding:20px}.stats span,.stats small{display:block;color:var(--muted)}.stats strong{display:block;font-size:1.65rem;margin:7px 0}.card{padding:20px;margin-bottom:18px}.card h2{font-size:1.1rem;margin:0 0 16px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick a{padding:14px;border-radius:11px;background:var(--mint);font-weight:700}.money-big{font-size:2rem;font-weight:850;color:var(--green)}.btn{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px;border-radius:10px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn:hover{border-color:#9bb6ab}.btn.primary{border-color:var(--green);background:var(--green);color:#fff}.btn.small{padding:7px 10px;font-size:.83rem}.alert{padding:13px 16px;border-radius:11px;margin-bottom:18px;border:1px solid}.alert.success{background:#ecfdf3;color:#067647;border-color:#abefc6}.alert.danger{background:#fef3f2;color:var(--red);border-color:#fecdca}.alert.info{background:#eff8ff;color:#175cd3;border-color:#b2ddff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stack{display:grid;gap:14px}.span-2{grid-column:span 2}label{display:grid;gap:6px;font-size:.87rem;font-weight:700;color:#34443e}input,select,textarea{width:100%;border:1px solid #cbd8d3;border-radius:9px;background:#fff;color:var(--ink);padding:10px 11px;min-height:42px}textarea{min-height:85px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(17,97,73,.13);border-color:var(--green)}.form-actions{display:flex;gap:10px}.filters,.inline-form{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.filters input,.filters select,.inline-form input,.inline-form select{width:auto;min-width:150px;flex:1}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8faf9}td small{color:var(--muted)}.actions{display:flex;gap:6px;align-items:center}.actions form{margin:0}.badge{display:inline-block;padding:4px 9px;border-radius:99px;background:#edf1ef;font-size:.76rem;font-weight:800}.badge.success{background:#dcfae6;color:#067647}.badge.warning{background:#fff3d6;color:var(--amber)}.badge.danger{background:#fee4e2;color:var(--red)}.attendance-tools{position:sticky;z-index:8;top:68px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:11px 14px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.attendance-tools strong{margin-right:auto}.attendance-list{display:grid;gap:9px}.attendance-list article{display:grid;grid-template-columns:44px minmax(150px,1fr) auto minmax(140px,240px);gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px}.student-no{width:38px;height:38px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-weight:850;color:var(--green)}.student-info{display:grid}.student-info small{color:var(--muted)}.status-options{display:flex;gap:5px}.status{display:block}.status input{position:absolute;opacity:0;pointer-events:none}.status span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-weight:900}.status input:checked+span{color:#fff;border-color:transparent}.status.present input:checked+span{background:#079455}.status.absent input:checked+span{background:#d92d20}.status.late input:checked+span{background:#dc6803}.status.excused input:checked+span{background:#1570ef}.remark{min-height:38px}.empty{text-align:center;padding:32px;color:var(--muted)}.summary-row{display:flex;justify-content:space-between;font-size:1.15rem}.summary-row strong{color:var(--green)}dialog{border:0;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.25);width:min(440px,calc(100% - 24px));padding:22px}dialog::backdrop{background:rgba(6,27,21,.6)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.receipt{max-width:650px;margin:20px auto;border:2px solid var(--green)}.receipt-head{text-align:center;border-bottom:1px dashed var(--line);margin-bottom:15px}.receipt-grid{display:grid;grid-template-columns:120px 1fr;gap:9px}.receipt-grid span{color:var(--muted)}.list{display:grid;gap:3px}.list>div{display:grid;padding:10px 0;border-bottom:1px solid var(--line)}.list span{color:var(--muted);font-size:.85rem}.list.compact{max-height:260px;overflow:auto}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.chips span{background:var(--mint);color:var(--green);padding:6px 10px;border-radius:99px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:18px;min-height:auto}.login-body{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at top,#dff5ea,var(--bg) 55%)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 20px 60px rgba(16,62,50,.14)}.login-card .brand-mark{width:58px;height:58px}.login-card h1{margin:18px 0 0}.scrim{display:none}

/* 2026 EDU live database visual refresh */
body{background:linear-gradient(180deg,#f6faf8 0,#f1f6f3 100%);min-height:100vh}.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 1px 18px rgba(19,63,50,.05)}.sidebar{background:linear-gradient(180deg,#0d4939 0,#0a372d 100%);box-shadow:8px 0 30px rgba(10,55,45,.08)}.sidebar a{transition:.18s ease;position:relative}.sidebar a:hover{transform:translateX(2px)}.sidebar a.active{box-shadow:0 7px 20px rgba(0,0,0,.1)}.content{width:calc(100% - 235px)}.page-head{padding:2px 2px 0}.page-head h1{letter-spacing:-.03em}.stats article,.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stats article:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,52,41,.11);border-color:#c9ddd5}.stats strong{letter-spacing:-.025em}.quick a{border:1px solid transparent;transition:.18s ease}.quick a:hover{background:#dcf1e8;border-color:#c4e4d8;transform:translateY(-1px)}.btn{transition:.16s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#116149,#17845f);box-shadow:0 8px 18px rgba(17,97,73,.18)}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease;background:#fff}table tbody tr{transition:background .15s ease}table tbody tr:hover{background:#f7fbf9}th{position:sticky;top:0;z-index:1}.badge{letter-spacing:.01em}

.edu-login-page{margin:0;min-height:100vh;background:#f4f8f6;color:#17231f}.edu-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.edu-login-hero{position:relative;overflow:hidden;padding:42px clamp(36px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;color:#fff;background:linear-gradient(145deg,#083b30 0%,#0d5b45 48%,#167a58 100%)}.edu-login-hero:before,.edu-login-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.edu-login-hero:before{width:520px;height:520px;right:-190px;top:-180px;background:rgba(255,255,255,.055)}.edu-login-hero:after{width:360px;height:360px;left:-140px;bottom:-165px;background:rgba(255,255,255,.04)}.edu-hero-top,.edu-hero-copy,.edu-feature-grid,.edu-hero-footer{position:relative;z-index:1}.edu-hero-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.edu-logo-lockup,.edu-mobile-brand{display:flex;align-items:center;gap:13px}.edu-logo-mark{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#fff;color:#0d5b45;font-weight:900;letter-spacing:.04em;box-shadow:0 10px 28px rgba(0,0,0,.13)}.edu-logo-lockup strong,.edu-mobile-brand strong{display:block;font-size:1.05rem;letter-spacing:.02em}.edu-logo-lockup span,.edu-mobile-brand span{display:block;font-size:.78rem;margin-top:2px;opacity:.76}.edu-live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(255,255,255,.09);font-size:.78rem;font-weight:750;backdrop-filter:blur(10px)}.edu-live-pill i{width:8px;height:8px;border-radius:50%;background:#64f0ad;box-shadow:0 0 0 5px rgba(100,240,173,.12)}.edu-hero-copy{max-width:760px;margin:52px 0 36px}.edu-eyebrow{display:inline-block;font-size:.73rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#8be0ba}.edu-hero-copy h1{max-width:820px;margin:15px 0 18px;font-size:clamp(2.4rem,4.3vw,4.7rem);line-height:1.02;letter-spacing:-.055em}.edu-hero-copy p{max-width:700px;margin:0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.75;color:#d9eee6}.edu-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:780px}.edu-feature-grid article{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}.edu-feature-grid strong{display:block;font-size:.9rem}.edu-feature-grid small{display:block;margin-top:3px;color:#cde4da;line-height:1.4}.edu-feature-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.13);font-size:.72rem;font-weight:900}.edu-hero-footer{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#bcd8cd}.edu-login-panel{min-height:100vh;padding:42px clamp(26px,5vw,70px) 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 78% 12%,#e2f2ea 0,transparent 31%),#f7faf8}.edu-login-card-new{width:min(490px,100%);padding:38px;border:1px solid #dce8e2;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 80px rgba(21,67,53,.11)}.edu-mobile-brand{display:none;margin-bottom:32px}.edu-mobile-brand .edu-logo-mark{background:linear-gradient(145deg,#0d5b45,#16815e);color:#fff}.edu-mobile-brand span{color:#65766f;opacity:1}.edu-login-heading h2{margin:10px 0 7px;font-size:2rem;letter-spacing:-.035em}.edu-login-heading p{margin:0 0 27px;color:#6b7974}.edu-login-form{display:grid;gap:17px}.edu-login-form label>span{font-size:.83rem}.edu-input-wrap{position:relative}.edu-input-wrap input{height:50px;padding-left:45px;padding-right:70px;border-radius:12px;border-color:#cedbd5;background:#fbfdfc}.edu-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#e7f3ed;color:#116149;font-size:.65rem;font-weight:900}.edu-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#116149;font-size:.76rem;font-weight:800;cursor:pointer}.edu-login-submit{width:100%;height:50px;margin-top:2px;border-radius:12px;justify-content:space-between;padding:0 18px;font-size:.94rem}.edu-login-submit span{font-size:1.2rem}.edu-security-note{display:flex;gap:11px;align-items:flex-start;margin-top:24px;padding-top:20px;border-top:1px solid #e4ece8}.edu-lock-dot{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#e6f4ed;color:#0c7653;font-weight:900}.edu-security-note p{margin:0;color:#56655f;line-height:1.35}.edu-security-note strong{font-size:.78rem}.edu-security-note small{font-size:.7rem;color:#7a8983}.edu-login-footer{margin-top:20px;text-align:center;color:#7b8984;font-size:.72rem}

@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.attendance-list article{grid-template-columns:44px 1fr auto}.attendance-list .remark{grid-column:2/-1}.edu-login-shell{grid-template-columns:1fr 430px}.edu-feature-grid{grid-template-columns:1fr}.edu-hero-copy h1{font-size:clamp(2.3rem,4.7vw,3.7rem)}}
@media(max-width:820px){.edu-login-shell{display:block}.edu-login-hero{display:none}.edu-login-panel{min-height:100vh;padding:28px 20px}.edu-mobile-brand{display:flex}.edu-login-card-new{padding:30px}.edu-login-heading h2{font-size:1.75rem}}
@media(max-width:760px){.topbar{height:60px;padding:0 12px}.brand strong{max-width:180px}.menu-toggle{display:block}.user-chip{font-size:.8rem}.user-chip small{display:none}.sidebar{top:60px;transform:translateX(-100%);transition:.22s}.sidebar.open{transform:translateX(0)}.scrim{position:fixed;z-index:30;inset:60px 0 0;background:rgba(6,27,21,.45)}.scrim.show{display:block}.content{margin-left:0;width:100%;padding:79px 12px 35px}.grid.two,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-head{align-items:flex-start}.page-head>div:last-child{display:flex}.stats{gap:10px}.stats article{padding:15px}.stats strong{font-size:1.3rem}.card{padding:14px;border-radius:13px}.filters>*{flex-basis:100%!important;width:100%!important}.attendance-tools{top:60px}.attendance-list article{grid-template-columns:38px 1fr}.status-options{grid-column:1/-1;justify-content:flex-end}.status span{width:44px}.attendance-list .remark{grid-column:1/-1}.quick{grid-template-columns:1fr}.actions{flex-direction:column}.report-stats{grid-template-columns:1fr}.brand span{width:36px;height:36px}}
@media(max-width:420px){.stats{grid-template-columns:1fr 1fr}.stats span,.stats small{font-size:.72rem}.page-head{flex-direction:column}.page-head .btn{width:100%}.brand strong{max-width:130px}.edu-login-panel{padding:18px 12px}.edu-login-card-new{padding:24px 20px;border-radius:19px}.edu-mobile-brand{margin-bottom:25px}.edu-login-heading h2{font-size:1.55rem}.edu-login-footer{font-size:.65rem}}
@media print{.topbar,.sidebar,.scrim,.no-print,.page-head .btn,.attendance-tools,.content>.alert{display:none!important}.content{margin:0;width:100%;padding:0}.card,.stats article{box-shadow:none;break-inside:avoid}.receipt{display:block!important}body{background:#fff}}