.gr-app{--paper:#f7f8fa;--card:#fff;--ink:#1c2024;--ink2:#5c6570;--ink3:#8b95a1;--line:#e6e9ee;--line2:#d3d9e0;--green:#0b7a4b;--green-soft:#e4f3eb;--green-deep:#075e3a;--amber:#b45309;--amber-soft:#fdf0dd;--brand:#1c2024;--accent:#0f6d8c;--accent-soft:#e2f1f6;background:var(--paper);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px}.gr-app *,.gr-app :before,.gr-app :after{box-sizing:border-box}.gr-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.gr-shell{max-width:640px;margin:0 auto;padding:0 16px 60px}.gr-top{background:var(--paper);z-index:5;align-items:center;gap:10px;padding:16px 2px 14px;display:flex;position:sticky;top:0}.gr-mark{background:var(--brand);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.gr-brand{letter-spacing:-.2px;font-size:16px;font-weight:800}.gr-brand span{color:var(--ink3);font-weight:600}.gr-health{margin-left:auto;font-size:11.5px;font-weight:700}.gr-identify{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;padding:14px 16px}.gr-identify h2{letter-spacing:1px;color:var(--ink3);margin:0 0 10px;font-size:12px;font-weight:800}.gr-idrow{align-items:flex-end;gap:8px;display:flex}.gr-field{flex:1}.gr-field label{letter-spacing:.6px;color:var(--ink3);margin-bottom:4px;font-size:10.5px;font-weight:800;display:block}.gr-field input{border:1px solid var(--line2);background:var(--card);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px}.gr-field input:focus{border-color:var(--accent)}.gr-see{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;flex-shrink:0;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:700}.gr-see:active{transform:scale(.98)}.gr-note{color:var(--ink3);margin-top:9px;font-size:11px;line-height:1.5}.gr-hello{letter-spacing:-.3px;margin:4px 2px 2px;font-size:20px;font-weight:800}.gr-hello-sub{color:var(--ink2);margin:0 2px 16px;font-size:12.5px}.gr-class{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden}.gr-class-head{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:14px 16px;font-family:inherit;display:flex}.gr-class-head:hover{background:var(--paper)}.gr-badge{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.gr-class-name{font-size:16px;font-weight:700}.gr-class-meta{color:var(--ink2);margin-top:2px;font-size:12px}.gr-class-right{text-align:right;flex-shrink:0;margin-left:auto}.gr-count{font-size:18px;font-weight:800}.gr-count small{color:var(--ink3);font-size:11px;font-weight:700}.gr-caret{color:var(--ink3);margin-top:2px;font-size:12px}.gr-roster{border-top:1px dashed var(--line);padding:8px 16px 14px}.gr-roster h3{letter-spacing:1px;color:var(--ink3);margin:10px 0 6px;font-size:10.5px;font-weight:800}.gr-srow{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.gr-srow:last-child{border-bottom:0}.gr-ava{background:var(--paper);width:30px;height:30px;color:var(--ink2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.gr-sname{font-weight:600}.gr-chip{background:var(--green-soft);color:var(--green-deep);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:10px;font-weight:700}.gr-note-small{color:var(--ink3);margin-top:10px;font-size:11px;line-height:1.5}.gr-state{text-align:center;color:var(--ink2);padding:40px 20px}.gr-state .gr-emoji{margin-bottom:8px;font-size:36px}.gr-state h2{color:var(--ink);font-size:16px;font-weight:800}.gr-state p{margin-top:6px;font-size:13px;line-height:1.6}.gr-err{color:#b3261e;background:#fdeae7;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:600}.gr-gate{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:16px;max-width:480px;margin:60px auto;padding:36px 24px}.gr-gate .gr-lock{margin-bottom:8px;font-size:38px}.gr-gate h1{font-size:17px;font-weight:800}.gr-gate p{color:var(--ink2);margin-top:8px;font-size:12.5px;line-height:1.6}.gr-keh{background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:12px 14px}.gr-keh-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.gr-keh-head h3{letter-spacing:1px;color:var(--ink3);margin:0;font-size:11px;font-weight:800}.gr-date{border:1px solid var(--line2);color:var(--ink);background:var(--card);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:13px}.gr-keh-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.gr-sel{border:1px solid var(--line2);background:var(--card);color:var(--ink);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:13px}.gr-save{background:var(--green-deep);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:10px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700}.gr-save:disabled{opacity:.5;cursor:default}.gr-ok{color:var(--green-deep);margin-top:8px;font-size:12px;font-weight:700}.gr-mwrap{border-bottom:1px solid var(--line)}.gr-srow-btn{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px 0;font-family:inherit;display:flex}.gr-detail{background:var(--paper);border-radius:10px;margin:0 0 8px;padding:10px 12px}.gr-keh-sum{color:var(--ink2);margin-bottom:8px;font-size:13px}.gr-detail h4{letter-spacing:.8px;color:var(--ink3);margin:6px 0;font-size:10.5px;font-weight:800}.gr-cat{align-items:baseline;gap:8px;padding:4px 0;font-size:13px;display:flex}.gr-cat-isi{color:var(--ink)}.gr-tandai{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:800}.gr-tandai-perhatian{background:var(--amber-soft);color:var(--amber)}.gr-tandai-bagus{background:var(--green-soft);color:var(--green-deep)}.gr-tandai-ikuti{background:var(--accent-soft);color:var(--accent)}.gr-composer{margin-top:10px}.gr-ta{border:1px solid var(--line2);width:100%;color:var(--ink);background:var(--card);resize:vertical;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:13px}.gr-composer-row{align-items:center;gap:8px;margin-top:8px;display:flex}.gr-presensi{background:var(--card,#fff);border:1px solid var(--line,#e6e1d8);border-radius:16px;margin-top:14px;padding:14px 16px}.gr-presensi-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.gr-presensi-title{letter-spacing:.6px;color:var(--ink3,#8a8378);text-transform:uppercase;font-size:10.5px;font-weight:800}.gr-presensi-times{font-variant-numeric:tabular-nums;gap:18px;margin:10px 0;font-size:14px;display:flex}.gr-presensi-btns{display:flex}.gr-presensi-in{background:var(--green-deep,#075e3a);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;flex:1;padding:11px;font-weight:700}.gr-presensi-out{background:var(--stamp,#4338ca);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;flex:1;padding:11px;font-weight:700}.gr-presensi-in:disabled,.gr-presensi-out:disabled{opacity:.5}.gr-slip{background:var(--card,#fff);border:1px solid var(--line,#e6e1d8);border-radius:16px;margin-top:14px;padding:14px 16px}.gr-slip-head h3{letter-spacing:.6px;color:var(--ink3,#8a8378);text-transform:uppercase;margin:0 0 8px;font-size:10.5px;font-weight:800}.gr-slip-list{flex-direction:column;gap:10px;display:flex}.gr-slip-row{border:1px solid var(--line,#e6e1d8);border-radius:12px;padding:10px 12px}.gr-slip-top{justify-content:space-between;align-items:baseline;display:flex}.gr-slip-neto{font-variant-numeric:tabular-nums;color:var(--green-deep,#075e3a)}.gr-slip-detail{color:var(--ink2,#5c6570);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;margin:6px 0;font-size:12.5px;display:flex}.gr-slip-foot{color:var(--ink3,#8b95a1);font-variant-numeric:tabular-nums;font-size:11px}