:root{--merah: #A3161A;--merah-tua: #6B0F12;--merah-muda: #FBECEC;--putih: #FFFFFF;--kertas: #F4F5F7;--tinta: #1C2333;--tinta-2: #4A5366;--abu: #737C8F;--garis: #E2E5EB;--garis-2: #EEF0F3;--biru: #1E4F9A;--biru-muda: #EAF0FA;--hijau: #127A55;--hijau-muda: #E5F4EE;--kuning: #A86A0C;--kuning-muda: #FCF2DF;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--sidebar: 268px;--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow-pop: 0 18px 50px rgba(28, 35, 51, .18)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--tinta);background:var(--kertas);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid rgba(30,79,154,.45);outline-offset:2px;border-radius:6px}img{max-width:100%;display:block}code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--garis-2);padding:1px 5px;border-radius:4px}.muted{color:var(--abu)}.small{font-size:13px}.center{text-align:center}.tnum{font-variant-numeric:tabular-nums}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-md);font-weight:650;font-size:15px;white-space:nowrap;transition:background-color .15s,transform .08s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.42}.btn.primary{background:var(--merah);color:var(--putih)}.btn.primary:hover:not(:disabled){background:#8e1216}.btn.dark{background:var(--tinta);color:var(--putih)}.btn.ok{background:var(--hijau);color:var(--putih)}.btn.light{background:var(--putih);color:var(--merah)}.btn.ghost{background:var(--putih);border:1px solid var(--garis);color:var(--tinta)}.btn.ghost:hover:not(:disabled){border-color:#c9ced8}.btn.text{color:var(--biru);padding:0 6px;min-height:36px}.btn.danger{color:var(--merah)}.btn.sm{min-height:36px;padding:0 12px;font-size:14px}.btn.lg{min-height:54px;font-size:16px;border-radius:14px}.btn.block{width:100%}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-row.tight{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;color:var(--tinta-2)}.icon-btn:hover:not(:disabled){background:var(--garis-2)}.icon-btn:disabled{opacity:.35}.icon-btn.danger{color:var(--merah)}.link{color:var(--biru);font-weight:600;font-size:14px}.link:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13.5px;font-weight:650;color:var(--tinta-2)}.field-hint{font-size:12.5px;color:var(--abu)}.input{width:100%;min-height:46px;padding:10px 13px;border-radius:10px;border:1px solid var(--garis);background:var(--putih);font-size:15.5px}textarea.input{resize:vertical;line-height:1.5}.input:focus{outline:none;border-color:var(--biru);box-shadow:0 0 0 3px #1e4f9a24}.input-wrap{position:relative}.input-wrap .input{padding-right:46px}.input-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;color:var(--abu)}.input-lead{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--abu)}.input.with-lead{padding-left:38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide,.form-grid>.panel-title{grid-column:1 / -1}.check{display:flex;gap:10px;align-items:center;font-size:14.5px}.check input{width:18px;height:18px;accent-color:var(--merah)}.file-pick{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;cursor:pointer;border:1px dashed #C7CCD6;border-radius:10px;color:var(--tinta-2);background:var(--putih)}.file-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-pick{display:flex;flex-wrap:wrap;gap:8px}.chip-pick button{padding:9px 16px;border-radius:999px;border:1px solid var(--garis);background:var(--putih);font-weight:600;font-size:14px}.chip-pick button.on{background:var(--tinta);border-color:var(--tinta);color:var(--putih)}.alert{padding:11px 14px;border-radius:10px;font-size:14px}.alert.bad{background:var(--merah-muda);color:var(--merah-tua)}.search{display:flex;align-items:center;gap:8px;padding:0 12px;min-height:40px;min-width:220px;border:1px solid var(--garis);border-radius:10px;background:var(--putih);color:var(--abu)}.search input{border:0;outline:0;background:none;width:100%;color:var(--tinta)}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--garis-2);cursor:pointer}.switch-row>span{display:flex;flex-direction:column}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:28px;border-radius:99px;background:#cdd2db;position:relative;flex:none;cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #0003}.switch:checked{background:var(--hijau)}.switch:checked:after{transform:translate(18px)}.badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;font-size:12.5px;font-weight:650;white-space:nowrap}.badge.ok{background:var(--hijau-muda);color:var(--hijau)}.badge.bad{background:var(--merah-muda);color:var(--merah)}.badge.warn{background:var(--kuning-muda);color:var(--kuning)}.badge.info{background:var(--biru-muda);color:var(--biru)}.badge.mute{background:var(--garis-2);color:var(--tinta-2)}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--biru-muda);color:var(--biru);font-weight:700;letter-spacing:.02em}.boot{min-height:100dvh;display:grid;place-items:center}.loading{display:flex;align-items:center;gap:10px;color:var(--abu);padding:28px 4px}.shell{min-height:100dvh}.sidebar{display:none}.main{min-width:0}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;min-height:60px;background:#f4f5f7eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--garis)}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:0}.topbar-brand div{display:flex;flex-direction:column;min-width:0}.topbar-brand strong{font-size:15px;font-weight:800;letter-spacing:.02em}.topbar-brand span{font-size:12px;color:var(--abu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-logo{border-radius:22%;object-fit:contain;flex:none;background:var(--putih)}.back{display:flex;align-items:center;gap:2px;font-weight:650;margin-left:-6px;padding:6px;color:var(--tinta-2)}.demo-bar{background:var(--kuning-muda);color:var(--kuning);font-size:13px;text-align:center;padding:6px 12px;font-weight:600}.content{padding:16px 16px calc(96px + env(safe-area-inset-bottom));max-width:1120px;margin:0 auto}.bottom-nav{position:fixed;inset:auto 0 0 0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:var(--putih);border-top:1px solid var(--garis);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11.5px;font-weight:600;color:var(--abu);position:relative}.bottom-nav a.active{color:var(--merah)}.bottom-nav a.active:before{content:"";position:absolute;top:-7px;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--merah)}@media (min-width: 960px){.shell{display:grid;grid-template-columns:var(--sidebar) 1fr}.bottom-nav,.topbar-avatar{display:none}.topbar{min-height:56px}.topbar.home{display:none}.content{padding:24px 32px 48px}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;background:var(--putih);border-right:1px solid var(--garis)}.side-brand{display:flex;gap:11px;align-items:center;padding:18px 18px 14px;border-bottom:1px solid var(--garis-2)}.side-brand div{display:flex;flex-direction:column;min-width:0}.side-brand strong{font-weight:800;letter-spacing:.03em}.side-brand span{font-size:12px;color:var(--abu);line-height:1.3}.side-nav{flex:1;overflow-y:auto;padding:10px 10px 16px}.side-group{margin-top:14px}.side-group-title{font-size:12px;font-weight:700;color:var(--abu);padding:0 10px 6px}.side-link{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:9px;font-size:14px;font-weight:550;color:var(--tinta-2);position:relative}.side-link:hover{background:var(--garis-2);color:var(--tinta)}.side-link.active{background:var(--merah-muda);color:var(--merah);font-weight:700}.side-link.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--merah)}.side-link.planned{color:#9aa1b0}.side-link em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:#9aa1b0}.side-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--garis-2)}.side-user-name{display:flex;flex-direction:column;min-width:0;flex:1}.side-user-name strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-name span{font-size:12px;color:var(--abu)}}.page{display:flex;flex-direction:column;gap:16px;animation:masuk .22s ease-out}.page.narrow{max-width:640px}@keyframes masuk{0%{opacity:0;transform:translateY(4px)}}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:800}.page-head p{color:var(--abu);font-size:14px;margin-top:2px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.panel{background:var(--putih);border:1px solid var(--garis);border-radius:var(--r-lg);padding:18px}.panel.flush{padding:0;overflow:hidden}.panel-title{font-size:16px;font-weight:750;margin-bottom:12px}.panel+.panel{margin-top:0}.two-col{display:grid;gap:16px}.two-col>div{display:flex;flex-direction:column;gap:16px}@media (min-width: 900px){.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.two-col.wide-left{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.block{display:flex;flex-direction:column;gap:10px}.block-head{display:flex;justify-content:space-between;align-items:baseline}.block-head h2,.group-title{font-size:17px;font-weight:750}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:32px 16px;color:var(--abu)}.empty strong{color:var(--tinta);font-size:15.5px}.empty p{max-width:34ch;font-size:14px}.segmented{align-self:flex-start;display:inline-flex;gap:4px;padding:4px;background:#e8eaef;border-radius:12px;overflow-x:auto;max-width:100%;scrollbar-width:none}.segmented button{padding:7px 13px;border-radius:9px;font-size:14px;font-weight:600;color:var(--tinta-2);white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.segmented button.on{background:var(--putih);color:var(--tinta);box-shadow:0 1px 2px #1c23331f}.seg-count{font-size:12px;color:var(--abu);font-weight:600}.month-picker{display:inline-flex;align-items:center;gap:4px;background:var(--putih);border:1px solid var(--garis);border-radius:12px;padding:3px}.month-picker span{min-width:136px;text-align:center;font-weight:650;font-size:14.5px}.login-page{min-height:100dvh;display:grid;background:var(--putih)}.login-band{background:var(--merah);color:var(--putih);position:relative;overflow:hidden;padding:calc(32px + env(safe-area-inset-top)) 24px 72px}.login-band:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:var(--merah-tua)}.login-band-inner{position:relative;z-index:1;max-width:460px}.login-band h1{font-size:26px;font-weight:800;margin-top:18px;letter-spacing:-.02em}.login-band p{opacity:.85;margin-top:4px}.login-points{display:none}.login-form-wrap{display:flex;justify-content:center;padding:0 20px 40px;margin-top:-28px;position:relative;z-index:2}.login-form{width:100%;max-width:420px;background:var(--putih);border-radius:20px;padding:26px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 40px #1c23331a}.login-form h2{font-size:22px;font-weight:800}.login-form>.muted{margin-top:-10px;font-size:14px}.hint-box{display:flex;flex-direction:column;gap:2px;background:var(--kuning-muda);color:#6e4708;border-radius:10px;padding:12px 14px;font-size:13.5px}@media (min-width: 900px){.login-page{grid-template-columns:1.05fr 1fr}.login-band{display:flex;align-items:center;padding:48px 64px}.login-band:after{height:32%}.login-band h1{font-size:36px;max-width:14ch}.login-points{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:40px 0 0;font-size:15.5px}.login-points li{padding-left:22px;position:relative;opacity:.95}.login-points li:before{content:"";position:absolute;left:0;top:9px;width:10px;height:2px;background:var(--putih)}.login-form-wrap{align-items:center;margin:0;padding:40px}.login-form{box-shadow:none;padding:0}}.hero-band{background:var(--merah);color:var(--putih);border-radius:var(--r-lg);padding:18px 18px 0;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hero-salam{font-size:19px;font-weight:750}.hero-date{font-size:13.5px;opacity:.82;margin-top:2px}.hero-clock{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em;display:flex;align-items:baseline;gap:5px}.hero-clock small{font-size:11px;font-weight:700;opacity:.75}.hero-status{margin:16px -18px 0;padding:14px 18px;background:var(--merah-tua);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-status-text{display:flex;flex-direction:column}.hero-status-text strong{font-size:16px}.hero-status-text span{font-size:13.5px;opacity:.8}.hero-status-icon{opacity:.8}.hero-chips{position:absolute;top:18px;right:18px;display:none}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{background:var(--putih);border:1px solid var(--garis);border-radius:var(--r-md);padding:12px;display:flex;flex-direction:column;gap:2px;color:var(--tinta-2)}.kpi.attention{border-color:#eac37e;background:var(--kuning-muda)}.kpi-num{font-size:26px;font-weight:800;color:var(--tinta);font-variant-numeric:tabular-nums;line-height:1.15;margin-top:4px}.kpi-num small{font-size:15px;color:var(--abu);font-weight:650}.kpi-label{font-size:12.5px;color:var(--abu);line-height:1.3}.kpi-dot{width:12px;height:12px;border-radius:50%;margin:4px}.kpi-dot.bad{background:var(--merah)}.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 4px;background:var(--putih);border:1px solid var(--garis);border-radius:var(--r-lg);padding:14px 8px}.svc{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:4px;border-radius:10px}.svc.planned .svc-ico{color:#a3aab8}.svc.planned .svc-label{color:var(--abu)}.svc:hover .svc-ico{background:var(--merah-muda);color:var(--merah)}.svc-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--kertas);color:var(--tinta-2);flex:none;transition:background .15s}.svc-label{font-size:12.5px;font-weight:600;line-height:1.25;color:var(--tinta-2)}.news{list-style:none;margin:0;padding:0;background:var(--putih);border:1px solid var(--garis);border-radius:var(--r-lg)}.news li+li{border-top:1px solid var(--garis-2)}.news-item{display:flex;align-items:center;gap:12px;padding:13px 14px}.news-mark{width:34px;height:34px;border-radius:10px;background:var(--biru-muda);color:var(--biru);display:grid;place-items:center;flex:none}.news-mark.hot{background:var(--merah-muda);color:var(--merah)}.news-body{flex:1;display:flex;flex-direction:column;min-width:0}.news-body strong{font-size:14.5px}.news-meta{font-size:12.5px;color:var(--abu)}.news-go{color:#b4bac6}@media (min-width: 960px){.beranda{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.beranda .hero-band{grid-column:1 / -1;padding:26px 28px 0}.beranda .hero-status{margin:22px -28px 0;padding:16px 28px}.hero-salam{font-size:24px}.hero-clock{font-size:40px}.svc-grid{grid-template-columns:repeat(4,1fr)}}.clock-card{background:var(--merah);color:var(--putih);border-radius:var(--r-lg);padding:22px 18px 0;text-align:center;overflow:hidden}.clock-face{font-size:56px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.clock-date{font-size:14px;opacity:.85;margin-top:8px}.clock-rules{margin:18px -18px 0;padding:11px 18px;background:var(--merah-tua);display:flex;justify-content:center;gap:22px;font-size:13.5px}.clock-rules b{font-variant-numeric:tabular-nums}.center-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:32px 18px;color:var(--tinta-2)}.steps{display:flex;flex-direction:column;gap:4px}.step{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;padding:10px 0}.step+.step{border-top:1px solid var(--garis-2)}.step-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:750;font-size:14px;background:var(--garis-2);color:var(--tinta-2)}.step.done .step-no{background:var(--hijau);color:var(--putih)}.step-btn{margin-top:10px}.step-body h3{font-size:15px;font-weight:700;margin-bottom:4px}.loc-line{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.loc-line.ok{color:var(--hijau)}.loc-line.bad{color:var(--merah);align-items:flex-start}.loc-line.bad svg{margin-top:3px;flex:none}.loc-meter{height:6px;border-radius:99px;background:var(--garis-2);margin:8px 0 6px;overflow:hidden}.loc-meter-fill{height:100%;background:var(--hijau);border-radius:99px}.loc-line.bad+.loc-meter .loc-meter-fill{background:var(--merah)}.absen-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.absen-actions .btn{min-width:0;padding:0 10px}.absen-actions .btn:disabled{background:var(--garis-2);color:#9aa1b0;opacity:1}.today-log{display:flex;flex-direction:column}.log-row{display:flex;align-items:center;gap:12px;padding:10px 0}.log-row+.log-row{border-top:1px solid var(--garis-2)}.log-thumb{width:46px;height:46px;border-radius:10px;overflow:hidden;background:var(--garis-2);color:#a3aab8;display:grid;place-items:center;flex:none}.log-thumb img{width:100%;height:100%;object-fit:cover}.log-main{flex:1;display:flex;flex-direction:column}.log-main strong{font-size:18px}@media (min-width: 900px){.clock-face{font-size:72px}}.cam-stage{position:relative;aspect-ratio:3 / 4;max-height:56dvh;margin:0 auto;background:#10141d;border-radius:16px;overflow:hidden}.cam-stage video,.cam-stage img{width:100%;height:100%;object-fit:cover}.cam-stage.mirror video{transform:scaleX(-1)}.cam-guide{position:absolute;left:50%;top:46%;width:60%;height:58%;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.75);border-radius:48% 48% 44% 44%;box-shadow:0 0 0 999px #0000002e}.cam-wait{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff}.cam-status{text-align:center;font-size:14px;color:var(--tinta-2);margin:12px 0}.rekap-top{display:grid;gap:16px}.rekap-persen{display:flex;flex-direction:column}.rekap-persen .big{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--tinta)}.rekap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;margin:0}.rekap-stats div{display:flex;flex-direction:column-reverse}.rekap-stats dt{font-size:12.5px;color:var(--abu)}.rekap-stats dd{margin:0;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}dd.ok{color:var(--hijau)}dd.bad{color:var(--merah)}dd.warn{color:var(--kuning)}dd.info{color:var(--biru)}@media (min-width: 760px){.rekap-top{grid-template-columns:200px 1fr;align-items:center}.rekap-stats{grid-template-columns:repeat(6,1fr)}}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-h{text-align:center;font-size:12px;color:var(--abu);font-weight:600;padding-bottom:2px}.cal-d{aspect-ratio:1;max-height:64px;border-radius:9px;background:var(--kertas);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13.5px;font-weight:650;color:var(--tinta-2);font-variant-numeric:tabular-nums}.cal-d em{font-style:normal;font-size:10.5px;line-height:1}.cal-d.ok{background:var(--hijau-muda);color:var(--hijau)}.cal-d.bad{background:var(--merah);color:var(--putih)}.cal-d.info{background:var(--biru-muda);color:var(--biru)}.cal-d.off{background:transparent;color:#b4bac6}.cal-d.miss{background:var(--putih);color:var(--merah);box-shadow:inset 0 0 0 1.5px var(--merah)}.cal-d.future{background:transparent;color:#c4c9d3}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:12.5px;color:var(--abu)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.lg-ok{background:var(--hijau-muda)}.lg-bad{background:var(--merah)}.lg-info{background:var(--biru-muda)}.lg-off{background:transparent;box-shadow:inset 0 0 0 1px #c4c9d3}.lg-miss{box-shadow:inset 0 0 0 1.5px var(--merah)}.day-list{list-style:none;margin:0 0 8px;padding:0}.day-list li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:10px 0}.day-list li+li{border-top:1px solid var(--garis-2)}.day-date{display:flex;flex-direction:column;align-items:center;line-height:1.1}.day-date strong{font-size:18px;font-variant-numeric:tabular-nums}.day-date span{font-size:11.5px;color:var(--abu)}.day-main{font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.req-list{list-style:none;margin:0;padding:0}.req-list li{padding:14px 0}.req-list li+li{border-top:1px solid var(--garis-2)}.req-head{display:flex;justify-content:space-between;align-items:center}.req-date{font-size:13.5px;color:var(--tinta-2);margin-top:2px;font-weight:550}.req-text{font-size:14.5px;margin-top:6px}.req-note{font-size:13.5px;margin-top:6px;padding:8px 10px;background:var(--kertas);border-radius:8px;color:var(--tinta-2)}.req-actions{display:flex;gap:6px;margin-top:6px;margin-left:-6px}.article-list{display:flex;flex-direction:column;gap:12px;max-width:760px}.article{background:var(--putih);border:1px solid var(--garis);border-radius:var(--r-lg);padding:18px 20px}.article.hot{border-left:4px solid var(--merah)}.article-meta{display:flex;gap:12px;font-size:13px;color:var(--abu);align-items:center}.article-meta span:first-child{color:var(--biru);font-weight:650}.hot-tag{color:var(--merah);font-weight:700}.article h2{font-size:18px;font-weight:750;margin:6px 0}.article p{font-size:15px;color:var(--tinta-2);max-width:70ch;white-space:pre-line}.article .btn{margin:8px 0 0 -6px}.svc-list{list-style:none;margin:0;padding:0;background:var(--putih);border:1px solid var(--garis);border-radius:var(--r-lg)}.svc-list li+li{border-top:1px solid var(--garis-2)}.svc-row{display:flex;align-items:center;gap:14px;padding:12px 14px}.svc-row:hover .svc-ico{background:var(--merah-muda);color:var(--merah)}.svc-row.planned .svc-ico{color:#a3aab8}.svc-row.planned strong{color:var(--tinta-2)}.svc-text{flex:1;display:flex;flex-direction:column;min-width:0}.svc-text strong{font-size:15px}.svc-text span{font-size:13px;color:var(--abu)}.soon{font-size:12px;font-weight:650;color:var(--abu);background:var(--garis-2);padding:3px 8px;border-radius:6px}@media (min-width: 900px){.svc-list{display:grid;grid-template-columns:1fr 1fr}.svc-list li+li{border-top:0}.svc-list li{border-bottom:1px solid var(--garis-2)}}.profile-card{display:flex;gap:16px;align-items:center}.profile-card h2{font-size:19px}.kv{margin:0 0 10px}.kv div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--garis-2)}.kv dt{color:var(--abu);display:flex;align-items:center;gap:8px;font-size:14px}.kv dd{margin:0;font-weight:650;text-align:right}.tip{display:flex;gap:12px;background:var(--biru-muda);border-color:transparent;color:var(--biru)}.tip strong{color:var(--tinta)}.plan{display:flex;flex-direction:column;gap:12px}.plan-ico{width:56px;height:56px;border-radius:16px;background:var(--merah-muda);color:var(--merah);display:grid;place-items:center}.plan-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.plan-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px}.plan-list svg{color:var(--hijau);flex:none;margin-top:2px}.plan-db{display:flex;gap:6px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--garis-2);padding-top:12px}.attendance-bar .att-head{display:flex;justify-content:space-between;align-items:center}.attendance-bar .att-head>div{display:flex;flex-direction:column}.attendance-bar strong{font-size:20px}.stack-bar{display:flex;height:12px;border-radius:99px;overflow:hidden;margin-top:12px;gap:2px;background:var(--garis-2)}.sb-hadir{background:var(--hijau)}.sb-terlambat{background:var(--merah)}.sb-izin{background:var(--biru)}.sb-belum{background:#d5d9e1}.people{list-style:none;margin:0;padding:0}.people li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:12px 16px}.people li+li{border-top:1px solid var(--garis-2)}.people-main{display:flex;flex-direction:column;min-width:0}.people-main strong{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-times{grid-column:2;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.people-tag{grid-column:2;display:flex;gap:6px;align-items:center;flex-wrap:wrap}@media (min-width: 760px){.people li{grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr) auto}.people-times,.people-tag{grid-column:auto}.people-tag{justify-content:flex-end}}.time-chip{padding:3px 9px;border-radius:6px;background:var(--kertas);font-weight:650;font-size:13.5px;border:1px solid var(--garis)}.time-chip:hover:not(:disabled){border-color:var(--biru);color:var(--biru)}.time-chip:disabled{cursor:default}.photo-view{display:flex;flex-direction:column;gap:8px}.photo-view img{border-radius:12px;max-height:60dvh;object-fit:contain;background:#10141d;width:100%}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}.table th{text-align:left;font-size:12.5px;font-weight:650;color:var(--abu);padding:11px 12px;background:#fafbfc;border-bottom:1px solid var(--garis)}.table td{padding:11px 12px;border-bottom:1px solid var(--garis-2);vertical-align:middle}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table tr:last-child td{border-bottom:0}.t-bad{color:var(--merah);font-weight:700}.t-warn{color:var(--kuning);font-weight:700}.table td.num:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mini-bar{width:60px;height:6px;border-radius:99px;background:var(--garis-2);overflow:hidden}.mini-bar span{display:block;height:100%;background:var(--hijau)}.approval-list{display:grid;gap:12px}@media (min-width: 900px){.approval-list{grid-template-columns:1fr 1fr}}.approval{display:flex;flex-direction:column;gap:10px}.approval header{display:flex;gap:12px;align-items:center}.approval header>div{flex:1;display:flex;flex-direction:column;min-width:0}.approval-when{display:flex;flex-direction:column;padding:10px 12px;background:var(--kertas);border-radius:10px}.approval p{font-size:14.5px;color:var(--tinta-2)}.approval footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px}.holiday-list{list-style:none;margin:0;padding:0}.holiday-list li{display:flex;align-items:center;gap:14px;padding:10px 0}.holiday-list li+li{border-top:1px solid var(--garis-2)}.holiday-list li.past{opacity:.5}.hol-date{width:46px;display:flex;flex-direction:column;align-items:center;line-height:1.1;color:var(--merah)}.hol-date strong{font-size:20px}.hol-date span{font-size:12px}.hol-main{flex:1;display:flex;flex-direction:column}.logo-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.map-wrap{position:relative;margin:12px 0 14px}.map{height:320px;border-radius:14px;border:1px solid var(--garis);z-index:0}.map-btn{position:absolute;right:10px;bottom:10px;z-index:500;box-shadow:0 2px 10px #0000002e}.map-pin span{display:block;width:28px;height:28px;background:var(--merah);border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px #00000059}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#10141d8c;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:560px;max-height:94dvh;display:flex;flex-direction:column;background:var(--putih);border-radius:20px 20px 0 0;box-shadow:var(--shadow-pop);animation:naik .2s ease-out}.modal.wide{max-width:760px}@keyframes naik{0%{transform:translateY(24px);opacity:.6}}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 8px}.modal-head h2{font-size:18px;font-weight:750}.modal-body{padding:8px 18px 18px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--garis-2)}@media (min-width: 700px){.modal-back{align-items:center;padding:24px}.modal{border-radius:20px}}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.toasts{position:fixed;z-index:200;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;width:min(92vw,440px);pointer-events:none}.toast{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--tinta);color:#fff;font-size:14.5px;box-shadow:var(--shadow-pop);animation:naik .18s ease-out}.toast.ok svg{color:#6fd3a8;flex:none;margin-top:1px}.toast.err{background:var(--merah-tua)}.toast.err svg{flex:none;margin-top:1px}@media (min-width: 960px){.toasts{bottom:24px}}.print-page{background:#e6e8ec;min-height:100dvh;padding-bottom:32px}.print-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--putih);border-bottom:1px solid var(--garis)}.sheet{background:#fff;margin:20px auto;width:max-content;min-width:min(1400px,96vw);padding:24px 28px;font-family:Arial,Helvetica,sans-serif;color:#000}.kop{display:flex;align-items:center;gap:18px;border-bottom:3px double #000;padding-bottom:10px}.kop-text{flex:1;text-align:center;padding-right:88px}.kop-1,.kop-2{font-size:14px;font-weight:700}.kop-3{font-size:19px;font-weight:800;margin:2px 0}.kop-4{font-size:11.5px}.sheet-title{text-align:center;font-size:15px;font-weight:800;margin:14px 0 0;text-transform:uppercase;letter-spacing:.02em}.sheet-sub{text-align:center;font-size:12px;margin:2px 0 10px}.dh{border-collapse:collapse;font-size:9px;width:100%}.dh th,.dh td{border:1px solid #7d8790;padding:2px 3px;text-align:center}.dh th{background:#eaf0f6;font-weight:700}.dh .c-no{width:24px}.dh .c-nama{text-align:left;min-width:170px;font-size:9.5px}.dh .c-nama strong{font-size:10px}.dh .c-jab{min-width:90px}.dh .c-ket{font-size:8px;color:#555;width:34px}.dh .c-d{width:30px;min-width:30px;font-size:8px;font-variant-numeric:tabular-nums}.dh .c-s{width:24px;font-weight:700;font-size:9.5px}.dh .ok{background:#d9f3e4;color:#087a44;font-weight:700}.dh .bad{background:#fde0e0;color:#b42318;font-weight:700}.dh .warn{background:#fff1b8;color:#8a5a00;font-weight:700}.dh .lib{background:#ffdfe2;color:#b42318;font-weight:700;font-size:10px}.dh .izin{background:#ece7ff;color:#5b3da3;font-weight:700;font-size:10px}.dh .tk{color:#b42318}.dh .r-out td{border-top-style:dotted}.sheet-foot{display:flex;justify-content:space-between;align-items:flex-start;margin-top:14px;gap:24px}.legend-print{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:10px;max-width:60%}.legend-print span{display:inline-flex;align-items:center;gap:5px}.legend-print i{width:12px;height:10px;display:inline-block;border:1px solid #999}.k-ok{background:#d9f3e4}.k-bad{background:#fde0e0}.k-warn{background:#fff1b8}.ttd{text-align:center;font-size:12px;min-width:260px}.ttd-space{height:64px}.ttd-nama{font-weight:700;text-decoration:underline}@media print{@page{size:A3 landscape;margin:8mm}.no-print{display:none!important}body,.print-page{background:#fff}.sheet{margin:0;padding:0;width:100%;min-width:0}.dh{page-break-inside:auto}.dh tr{page-break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.school-logo{background:transparent;border-radius:0;object-fit:contain}.login-band .school-logo{background:var(--putih);border-radius:50%;padding:6px;box-sizing:content-box}.topbar{justify-content:flex-start;gap:6px}.topbar-brand{flex:1}.back{margin-left:-8px;padding:6px;border-radius:10px}.back:hover{background:var(--garis-2)}@media (min-width: 960px){.topbar .topbar-brand{display:none}.hero-clock{font-size:30px}.clock-face{font-size:52px}}.hero-clock{font-size:20px}.clock-face{font-size:40px;letter-spacing:-.02em}.clock-card{padding-top:16px}.clock-date{font-size:13px;margin-top:6px}.clock-rules{margin-top:14px;padding:9px 16px;font-size:12.5px}@media (max-width: 600px){body{font-size:14px}.content{padding:12px 12px calc(84px + env(safe-area-inset-bottom))}.page{gap:12px}.topbar{min-height:52px;padding:calc(6px + env(safe-area-inset-top)) 12px 6px}.topbar-brand strong{font-size:14px}.topbar-brand span{font-size:11px}.page-head h1{font-size:19px}.page-head p{font-size:12.5px}.panel{padding:14px;border-radius:14px}.panel-title{font-size:14.5px;margin-bottom:8px}.block{gap:8px}.block-head h2,.group-title{font-size:15px}.link{font-size:13px}.btn{min-height:40px;font-size:14px;padding:0 14px;border-radius:10px;gap:6px}.btn.lg{min-height:46px;font-size:14.5px;border-radius:12px}.btn.sm{min-height:34px;font-size:13px}.input{min-height:42px;font-size:15px;padding:8px 12px}.field-label{font-size:12.5px}.form-grid{gap:12px}.badge{height:22px;font-size:11.5px;padding:0 7px}.segmented button{padding:6px 11px;font-size:13px}.month-picker span{min-width:118px;font-size:13.5px}.hero-band{padding:14px 14px 0;border-radius:14px}.hero-salam{font-size:16px}.hero-date{font-size:12px}.hero-status{margin:12px -14px 0;padding:11px 14px;gap:10px}.hero-status-text strong{font-size:14px}.hero-status-text span{font-size:12px}.hero-status .btn{min-height:36px;font-size:13.5px}.kpi{padding:10px}.kpi-num{font-size:20px}.kpi-label{font-size:11.5px}.svc-grid{padding:10px 4px;gap:6px 2px;border-radius:14px}.svc-ico{width:40px;height:40px;border-radius:12px}.svc-ico svg{width:19px;height:19px}.svc-label{font-size:11.5px}.news{border-radius:14px}.news-item{padding:10px 12px;gap:10px}.news-mark{width:30px;height:30px}.news-body strong{font-size:13.5px}.news-meta{font-size:11.5px}.clock-face{font-size:36px}.clock-card{border-radius:14px}.step{gap:10px;padding:8px 0;grid-template-columns:26px 1fr}.step-no{width:24px;height:24px;font-size:12.5px}.step-body h3{font-size:14px}.loc-line{font-size:13px}.absen-actions{gap:8px}.log-thumb{width:40px;height:40px}.log-main strong{font-size:16px}.rekap-persen .big{font-size:34px}.rekap-stats dd{font-size:18px}.rekap-stats dt{font-size:11.5px}.cal{gap:4px}.cal-d{font-size:12px;border-radius:7px}.day-list li{grid-template-columns:36px 1fr auto;gap:10px;padding:8px 0}.day-date strong{font-size:15px}.day-main{font-size:13px}.people li{padding:10px 12px}.people-main strong,.req-text,.article p,.approval p{font-size:13.5px}.article{padding:14px}.article h2{font-size:16px}.svc-row{padding:10px 12px;gap:12px}.svc-text strong{font-size:14px}.svc-text span{font-size:12px}.kv div{padding:9px 0}.kv dt,.kv dd{font-size:13px}.bottom-nav{padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.bottom-nav a{font-size:10.5px;padding:5px 0}.bottom-nav a.active:before{top:-5px}.login-band{padding:calc(22px + env(safe-area-inset-top)) 20px 60px}.login-band h1{font-size:21px;margin-top:12px}.login-band p{font-size:13px}.login-form{padding:20px 18px;gap:13px;border-radius:16px}.login-form h2{font-size:19px}.modal-head h2{font-size:16px}.toast{font-size:13.5px}}@media (max-width: 899px){.login-page{align-content:start}.login-band{padding-bottom:52px}.login-band:after{height:28px}}.scroll-wrap{position:relative}.scroll-box{max-height:min(58dvh,560px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#B9BFCB transparent;padding-right:2px}.scroll-box:focus-visible{outline-offset:-2px}.scroll-box::-webkit-scrollbar{width:6px;height:6px}.scroll-box::-webkit-scrollbar-thumb{background:#b9bfcb;border-radius:99px}.scroll-box::-webkit-scrollbar-track{background:var(--garis-2);border-radius:99px}.scroll-wrap.more:after{content:"";position:absolute;left:0;right:8px;bottom:26px;height:28px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--putih))}.scroll-hint{display:flex;justify-content:center;align-items:center;gap:6px;height:26px;font-size:12px;color:var(--abu);border-top:1px dashed var(--garis)}.scroll-hint:before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}.panel.flush .scroll-hint{border-top-color:var(--garis-2)}.scroll-box.article-list,.scroll-box.approval-list{padding:2px 4px 2px 0}.scroll-wrap:has(.article-list).more:after,.scroll-wrap:has(.approval-list).more:after{background:linear-gradient(to bottom,rgba(244,245,247,0),var(--kertas))}.scroll-box.table-scroll{overflow:auto}.scroll-box.table-scroll .table th{position:sticky;top:0;z-index:1}.scroll-box.table-scroll .table td:first-child,.scroll-box.table-scroll .table th:first-child{position:sticky;left:0;background:var(--putih);z-index:1}.scroll-box.table-scroll .table th:first-child{z-index:2;background:#fafbfc}html{scrollbar-width:thin;scrollbar-color:#B9BFCB transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c3c8d2;border-radius:99px;border:2px solid var(--kertas)}@media (max-width: 600px){.scroll-box{max-height:56dvh}}.scroll-wrap.can .scroll-box{padding-right:12px;scrollbar-width:none}.scroll-wrap.can .scroll-box::-webkit-scrollbar{display:none}.scroll-rail{position:absolute;top:2px;right:0;width:5px;bottom:2px;border-radius:99px;background:var(--garis-2);pointer-events:none}.scroll-wrap.more .scroll-rail{bottom:30px}.scroll-rail span{position:absolute;left:0;right:0;border-radius:99px;background:#a3aab8;transition:top .05s linear}.scroll-wrap.more:after{right:12px}.panel.flush .scroll-rail{right:5px;top:8px;bottom:8px}.panel.flush .scroll-wrap.more .scroll-rail{bottom:34px}.panel.flush .scroll-wrap.can .scroll-box{padding-right:14px}.chip-scroll{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.chip-scroll button{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--garis);background:var(--putih);font-weight:650;font-size:13.5px;color:var(--tinta-2)}.chip-scroll button span{font-size:11.5px;color:var(--abu);font-weight:600}.chip-scroll button.on{background:var(--merah);border-color:var(--merah);color:var(--putih)}.chip-scroll button.on span{color:#fffc}.chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.wide-search{width:100%}.select-sm{min-height:36px;width:auto;max-width:220px;padding:4px 10px;font-size:14px}.input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.5}.input.short{max-width:92px}.alert{display:flex;align-items:center;gap:8px}.alert.warn{background:var(--kuning-muda);color:#6e4708}.table.mini{min-width:560px;font-size:13px}.table.mini th,.table.mini td{padding:7px 10px}.table-note{padding:10px 14px 0}.inline-form{display:flex;gap:8px;margin-bottom:12px}.inline-form .input{flex:1;min-width:0}.steps-list{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--tinta-2)}.import-summary{margin-top:14px;display:flex;flex-direction:column;gap:10px}.class-list{list-style:none;margin:0;padding:0}.class-list li{display:grid;grid-template-columns:56px auto 1fr auto;align-items:center;gap:10px;padding:8px 0}.class-list li+li{border-top:1px solid var(--garis-2)}.class-name{font-size:15px}.class-list .input{min-height:38px;font-size:14px}@media (max-width: 560px){.class-list li{grid-template-columns:48px 1fr auto}.class-list li .input{grid-column:1 / -1;grid-row:2}}.att-head-panel{display:flex;flex-direction:column;gap:12px}.att-date{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.att-date .field{width:170px}.att-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.count-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.count{border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;background:var(--kertas)}.count strong{font-size:20px;line-height:1.1}.count span{font-size:12px;color:var(--tinta-2)}.count.c-ok strong{color:var(--hijau)}.count.c-info strong{color:var(--biru)}.count.c-warn strong{color:var(--kuning)}.count.c-bad strong{color:var(--merah)}.att-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--garis-2)}.att-list{list-style:none;margin:0;padding:0}.att-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:9px 14px}.att-row+.att-row{border-top:1px solid var(--garis-2)}.att-row.st-S{background:#f4f7fd}.att-row.st-I{background:#fffbf1}.att-row.st-A{background:#fff6f6}.att-no{color:var(--abu);font-size:13px;text-align:right}.att-name{min-width:0;display:flex;flex-direction:column;gap:6px}.att-name strong{font-size:14.5px;font-weight:650;line-height:1.3}.att-note{min-height:34px;padding:4px 10px;font-size:13.5px}.hsia{display:grid;grid-template-columns:repeat(4,36px);gap:4px}.hsia button{height:36px;border-radius:9px;border:1px solid var(--garis);background:var(--putih);font-weight:750;font-size:14px;color:var(--abu)}.hsia button.on.h-H{background:var(--hijau);border-color:var(--hijau);color:#fff}.hsia button.on.h-S{background:var(--biru);border-color:var(--biru);color:#fff}.hsia button.on.h-I{background:var(--kuning);border-color:var(--kuning);color:#fff}.hsia button.on.h-A{background:var(--merah);border-color:var(--merah);color:#fff}.sticky-save{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--putih);border:1px solid var(--garis);border-radius:14px;padding:8px 8px 8px 14px;box-shadow:0 6px 20px #1c23331a}@media (min-width: 960px){.sticky-save{bottom:16px}}.week{display:grid;gap:12px}@media (min-width: 900px){.week{grid-template-columns:repeat(3,minmax(0,1fr))}}.day-col{background:var(--putih);border:1px solid var(--garis);border-radius:14px;padding:12px}.day-col.today{border-color:var(--merah);box-shadow:inset 3px 0 0 var(--merah)}.day-col h3{font-size:14.5px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.day-col h3 span{font-size:11.5px;font-weight:650;color:var(--merah);background:var(--merah-muda);padding:2px 7px;border-radius:6px}.day-col ul,.today-lessons{list-style:none;margin:0;padding:0}.lesson,.today-lessons li{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:8px 0}.lesson+.lesson{border-top:1px solid var(--garis-2)}.lesson-time{font-weight:700;font-size:13.5px;line-height:1.15}.lesson-time small{font-weight:500;color:var(--abu);font-size:11.5px}.lesson-body{display:flex;flex-direction:column;min-width:0}.lesson-body strong{font-size:14px}.lesson-act{display:flex}.today-lessons{background:var(--putih);border:1px solid var(--garis);border-radius:14px;padding:2px 12px}.today-lessons li+li{border-top:1px solid var(--garis-2)}.journal-list{list-style:none;margin:0;padding:0 2px 0 0;display:flex;flex-direction:column;gap:10px}.journal{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.journal-head{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.journal-date{display:flex;flex-direction:column;align-items:center;line-height:1.1;color:var(--merah)}.journal-date strong{font-size:18px}.journal-date span{font-size:11.5px}.journal-title{display:flex;flex-direction:column;min-width:0}.journal-text{font-size:14px;color:var(--tinta)}.journal-text .muted{font-size:13px}.cal-btn{border:0;cursor:pointer;position:relative;background:var(--kertas)}.cal-btn.off-red{background:var(--merah-muda);color:var(--merah)}.cal-btn.is-today{box-shadow:inset 0 0 0 2px var(--tinta)}.cal-btn.is-pick{background:var(--tinta);color:#fff}.cal-dots{display:flex;gap:2px;position:absolute;bottom:5px;font-style:normal}.cal-dots b{width:5px;height:5px;border-radius:50%;display:block}.dot-info{background:var(--biru)}.dot-warn{background:var(--kuning)}.dot-mute{background:var(--abu)}.dot-bad{background:var(--merah)}.lg-libur{background:var(--merah-muda)}.lg-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--biru)}.agenda{list-style:none;margin:0;padding:0}.agenda li{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:start;padding:10px 0}.agenda li+li{border-top:1px solid var(--garis-2)}.agenda-date{display:flex;flex-direction:column;align-items:center;line-height:1.15;color:var(--merah)}.agenda-date strong{font-size:16px;white-space:nowrap}.agenda-date span{font-size:12px}.agenda-main{display:flex;flex-direction:column;gap:4px;min-width:0}.switch-row.first{border-top:0;padding-top:0;margin-bottom:8px}.wa-preview{margin-top:12px;display:flex;flex-direction:column;gap:6px}.wa-bubble{background:#e7f8df;border-radius:10px 10px 10px 2px;padding:10px 12px;font-size:13.5px;white-space:pre-wrap;max-width:46ch;color:#10221a}.wa-list{list-style:none;margin:0;padding:0}.wa-list li{padding:10px 0;display:flex;flex-direction:column;gap:4px}.wa-list li+li{border-top:1px solid var(--garis-2)}.wa-line{display:flex;justify-content:space-between;align-items:center;gap:8px}.wa-text{white-space:pre-wrap;color:var(--tinta-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 600px){.chip-scroll button{padding:6px 11px;font-size:13px}.att-row{padding:8px 10px;gap:8px;grid-template-columns:22px 1fr auto}.hsia{grid-template-columns:repeat(4,32px);gap:3px}.hsia button{height:34px;font-size:13px;border-radius:8px}.att-name strong{font-size:13.5px}.count strong{font-size:17px}.count{padding:6px 8px}.sticky-save{bottom:calc(60px + env(safe-area-inset-bottom))}.sticky-save .btn{min-height:40px}}.table.compact{min-width:0}.table.compact td,.table.compact th{padding:9px 10px}.stu-list{list-style:none;margin:0;padding:0}.stu-list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 14px}.stu-list li+li{border-top:1px solid var(--garis-2)}.stu-main{display:flex;flex-direction:column;min-width:0;gap:1px}.stu-main strong{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stu-wa{display:inline-flex;align-items:center;gap:5px;color:var(--tinta-2)}.stu-wa.warn{color:var(--kuning);font-weight:600}@media (max-width: 600px){.stu-list li{padding:9px 10px;gap:10px}.stu-main strong{font-size:13.5px}}.table.compact td.num:last-child{display:table-cell;white-space:nowrap}.table.compact td.num:last-child .mini-bar{display:inline-block;vertical-align:middle;margin-right:8px}.table.compact td:first-child strong{font-weight:650}@media (max-width: 600px){.table.compact .mini-bar{display:none!important}.table.compact td,.table.compact th{padding:8px 7px;font-size:13px}}.grow{flex:1;min-width:0}.table.grade{min-width:0;width:max-content;min-width:100%}.table.grade th,.table.grade td{padding:6px 8px}.table.grade th:first-child,.table.grade td:first-child{position:sticky;left:0;background:var(--putih);z-index:1;min-width:150px;max-width:200px;box-shadow:1px 0 0 var(--garis-2)}.table.grade thead th:first-child{background:#fafbfc;z-index:2}.table.grade td:first-child strong{font-weight:600;font-size:13.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table.grade th.num{text-align:center;white-space:nowrap}.col-head{display:inline-flex;align-items:center;gap:4px}.x-btn{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--garis-2);color:var(--tinta-2)}.x-btn:hover{background:var(--merah-muda);color:var(--merah)}.grade-in{width:56px;height:36px;text-align:center;border:1px solid var(--garis);border-radius:8px;font:inherit;font-size:15px;font-variant-numeric:tabular-nums;background:var(--putih);color:var(--tinta)}.grade-in:focus{outline:none;border-color:var(--biru);box-shadow:0 0 0 3px #1e4f9a24}.grade-in.dirty{background:var(--kuning-muda);border-color:#e3c27a}.grade-in.bad{border-color:var(--merah);background:var(--merah-muda)}.table.grade td.na{font-weight:750;font-size:15px;text-align:center;min-width:48px}.t-bad{color:var(--merah)!important}.rapor-sum{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.rapor-sum>div{display:flex;flex-direction:column}.rapor-sum strong{font-size:22px;line-height:1.1}.rapor-sum span{font-size:12.5px;color:var(--abu)}.rapor-sum .btn{margin-left:auto}.rapor-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.rapor-list li{display:grid;gap:8px;padding:12px 14px}.rapor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.rapor-na{display:inline-flex;align-items:center;gap:6px;font-weight:750;font-size:16px}.rapor-list textarea{font-size:14px;resize:vertical}.note-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.note-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px}.note-ico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.n-ok{background:var(--hijau-muda);color:var(--hijau)}.n-bad{background:var(--merah-muda);color:var(--merah)}.n-info{background:var(--biru-muda);color:var(--biru)}.note-main{flex:1;min-width:0;display:grid;gap:3px}.note-main p{margin:0;font-size:14px}.note-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-main .small svg{vertical-align:-1px}.stu-list li.clickable{cursor:pointer}.stu-list li.clickable:hover{background:#fafbfc}.poin-pair{display:flex;gap:6px;margin-left:auto;flex:none}.poin{font-weight:750;font-size:13px;font-variant-numeric:tabular-nums;padding:3px 8px;border-radius:999px}.poin.plus{background:var(--hijau-muda);color:var(--hijau)}.poin.minus{background:var(--garis-2);color:var(--tinta-2)}.poin.minus.alert-p{background:var(--merah);color:var(--putih)}.poin-pair.big{margin:0 0 12px}.poin-pair.big .poin{font-size:14px;padding:6px 12px}.mini-notes{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:50vh;overflow:auto}.mini-notes li{font-size:14px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--garis-2)}.small-chips button{font-size:12.5px;padding:5px 10px;min-height:30px}.search-box{display:flex;align-items:center;gap:8px;background:var(--putih);border:1px solid var(--garis);border-radius:10px;padding:0 12px;color:var(--abu)}.search-box input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14.5px;min-height:40px;color:var(--tinta)}.search-box:focus-within{border-color:var(--biru)}.mail-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.mail-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px}.mail-ico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.mail-ico.in{background:var(--biru-muda);color:var(--biru)}.mail-ico.out{background:var(--merah-muda);color:var(--merah)}.mail-main{flex:1;min-width:0;display:grid;gap:2px}.mail-main strong{font-size:14.5px}.mail-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mail-no{font-size:12.5px;color:var(--tinta-2);background:var(--garis-2);padding:2px 6px;border-radius:6px;word-break:break-all}.mail-dispo{font-size:13px;color:#6e4708;background:var(--kuning-muda);padding:4px 8px;border-radius:6px;margin-top:4px}.mail-act{display:flex;gap:2px;flex:none}.nomor-preview{display:grid;gap:4px;background:var(--biru-muda);border-radius:10px;padding:12px 14px}.nomor-preview code{font-size:17px;font-weight:700;color:var(--biru);word-break:break-all}@media (max-width: 560px){.mail-list li,.note-list li{padding:10px 12px;gap:10px}.mail-act{flex-direction:column}.rapor-sum{gap:12px}.rapor-sum .btn{margin-left:0;width:100%}.grade-in{width:50px;height:34px;font-size:14px}.table.grade th:first-child,.table.grade td:first-child{min-width:120px;max-width:140px}}