@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_64a611{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_64a611{--font-jakarta:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}:root{--biru:#1c75bb;--biru-tua:#145a91;--biru-tinta:#0e3f66;--kuning:#fff100;--emas:#c2a310;--karang:#ff7a59;--karang-tua:#e85a38;--pandan:#2fb48a;--langit:#8fc4ec;--langit-muda:#dcebf8;--kertas:#fffbf2;--krem:#fbf3e4;--krem-tua:#f4ecdc;--garis:#ece3d2;--garis-kuat:#dbcfb6;--putih:#fff;--tinta:#1b2a38;--tinta-2:#45525f;--abu:#6b7480;--biru-100:#e3f0fa;--biru-200:#c2ddf1;--kuning-100:#fffbcc;--karang-100:#ffe6de;--pandan-100:#ddf3ec;--hijau-teks:#1e7a5d;--merah-teks:#c94a2b;--kuning-teks:#6b5a00;--success:#2fb48a;--success-bg:#ddf3ec;--warning:#e8a700;--warning-bg:#fceFc9;--danger:#e2452d;--danger-bg:#fbe0db;--info:#1c75bb;--info-bg:#e3f0fa;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(27,42,56,.06),0 1px 1px rgba(27,42,56,.04);--shadow-md:0 6px 20px -8px rgba(27,42,56,.18);--shadow-lg:0 20px 50px -22px rgba(27,42,56,.30);--shadow-yellow:0 10px 28px -10px rgba(255,193,0,.55);--ring:0 0 0 3px rgba(28,117,187,.32);--ease:cubic-bezier(.22,.61,.36,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--font:var(--font-jakarta),"Plus Jakarta Sans",system-ui,sans-serif}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--kertas);color:var(--tinta);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.5}a{color:var(--biru-tua)}a:hover{color:var(--biru)}::selection{background:var(--kuning);color:var(--tinta)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-md)}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--biru)}.h1{font-size:30px;letter-spacing:-.02em;line-height:1.1}.h1,.h2{font-weight:800;color:var(--tinta)}.h2{font-size:17px}.h3{font-weight:800;font-size:15px;color:var(--tinta)}.muted{color:var(--abu)}.sub{color:var(--tinta-2)}.small{font-size:13px}.xs{font-size:12.5px}.bold{font-weight:700}.xbold{font-weight:800}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.ok{color:var(--hijau-teks)}.warn{color:var(--kuning-teks)}.bad{color:var(--merah-teks)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack{gap:18px}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:10px}.row{gap:14px}.row,.row-wrap{display:flex;align-items:center}.row-wrap{gap:10px;flex-wrap:wrap}.grow{flex:1 1;min-width:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px}.grid-4,.grid-auto{display:grid;gap:16px}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:16px}.fin-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:18px;gap:18px}.maxw{max-width:820px}.card{padding:22px}.card,.card-flush{background:#fff;border:1px solid var(--garis);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-width:0}.card-flush{overflow:hidden}.card-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--garis)}.card-dashed{background:#fff;border:1px dashed var(--garis-kuat);border-radius:var(--r-lg);padding:36px;text-align:center;color:var(--abu);font-weight:600}.card-cream{background:var(--krem);border:1px dashed var(--garis-kuat);border-radius:18px;padding:16px}.list-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--garis)}.list-row:last-child{border-bottom:none}.list-row.lg{padding:18px 22px;gap:18px}.list-row.sm{padding:12px 20px}.banner-blue{background:var(--biru);border-radius:26px;padding:28px;color:#fff;position:relative;overflow:hidden}.banner-blue .eyebrow{color:var(--kuning)}.banner-blue .wm{position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:260px;opacity:.12;pointer-events:none}.banner-yellow{display:flex;align-items:center;gap:18px;background:var(--kuning);border-radius:var(--r-lg);padding:20px 22px}.day-box{flex:none;width:64px;text-align:center;background:var(--krem);border-radius:14px;padding:8px 0}.day-box b{display:block;font-weight:800;font-size:22px;line-height:1;color:var(--tinta)}.day-box span{display:block;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--abu);margin-top:3px}.stat{background:#fff;border:1px solid var(--garis);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-sm);min-width:0;text-align:left}.stat-label{font-size:13px;font-weight:700;color:var(--abu)}.stat-value{font-weight:800;font-size:32px;letter-spacing:-.02em;margin-top:4px;color:var(--tinta);line-height:1.1}.stat-value.money{font-size:clamp(18px,1.6vw,23px);margin-top:6px;white-space:nowrap}.stat-sub{font-size:12.5px;font-weight:700;margin-top:4px;color:var(--biru-tua)}button.stat{cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s;width:100%}a.stat:hover,button.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}a.stat{text-decoration:none;display:block;color:inherit;transition:transform .2s var(--ease),box-shadow .2s}.progress{height:8px;background:var(--krem-tua);overflow:hidden}.progress,.progress>span{border-radius:var(--r-pill)}.progress>span{display:block;height:100%;background:var(--pandan)}.progress.coral>span{background:var(--karang)}.pill{display:inline-block;font-weight:800;font-size:12px;padding:5px 11px;border-radius:var(--r-pill);white-space:nowrap;line-height:1.3}.pill.sm{font-size:11px;padding:4px 9px;letter-spacing:.04em}.pill.green{background:#ddf3ec;color:#1e7a5d}.pill.yellow{background:#fff7b8;color:#6b5a00}.pill.red{background:#ffe6de;color:#c94a2b}.pill.blue{background:#e3f0fa;color:#145a91}.pill.grey{background:var(--krem-tua);color:var(--tinta-2)}.pill.ink{background:var(--tinta);color:#fff}.chip{font-weight:700;font-size:13px;padding:8px 14px;border-radius:var(--r-pill);border:1.5px solid var(--garis);background:#fff;color:var(--tinta);text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip.active,.chip[aria-pressed=true]{background:var(--biru-100);border-color:var(--biru)}.chip.sm{font-size:12.5px;padding:7px 12px}.chips{display:flex;gap:6px;flex-wrap:wrap}.count{background:var(--kuning);color:var(--tinta);font-size:11px;min-width:20px;text-align:center;padding:2px 6px;border-radius:var(--r-pill)}.avatar,.count{font-weight:800}.avatar{width:36px;height:36px;border-radius:50%;background:var(--krem-tua);color:var(--biru-tua);display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:none}.avatar.lg{width:64px;height:64px;font-size:24px}.avatar.yellow{background:var(--kuning);color:var(--tinta)}.avatar.blue{background:var(--biru);color:#fff}.avatar.coral{background:var(--karang-100);color:var(--merah-teks)}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--krem-tua);padding:4px;border-radius:22px;max-width:100%}.seg>a,.seg>button{font-weight:700;font-size:13.5px;padding:9px 16px;border:none;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:transparent;color:var(--tinta-2);text-decoration:none;transition:all .2s}.seg>.active,.seg>[aria-pressed=true]{background:#fff;color:var(--biru-tua);box-shadow:var(--shadow-sm)}.seg.full>a,.seg.full>button{flex:1 1;text-align:center}.seg.sm>a,.seg.sm>button{font-size:12.5px;padding:7px 12px}.seg.inline{padding:3px;gap:4px;background:var(--krem)}.seg>.on-green[aria-pressed=true]{background:var(--pandan);color:#fff}.seg>.on-yellow[aria-pressed=true]{background:var(--kuning);color:var(--tinta)}.seg>.on-coral[aria-pressed=true]{background:var(--karang);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;padding:10px 18px;border-radius:var(--r-pill);border:1.5px solid transparent;text-decoration:none;white-space:nowrap;transition:transform .15s var(--ease),background .2s,box-shadow .2s;line-height:1.3}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--biru);color:#fff;font-weight:800;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:#1668a8;transform:translateY(-2px);color:#fff}.btn-yellow{background:var(--kuning);color:var(--tinta);font-weight:800}.btn-yellow:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-yellow);color:var(--tinta)}.btn-ink{background:var(--tinta);color:#fff;font-weight:800}.btn-ink:hover:not(:disabled){background:#0f1b26;color:#fff}.btn-outline{background:transparent;border-color:var(--garis-kuat);color:var(--biru-tua)}.btn-outline:hover:not(:disabled){background:var(--krem);color:var(--biru-tua)}.btn-outline.neutral{color:var(--tinta-2)}.btn-ghost{background:none;color:var(--biru-tua);padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--krem)}.btn-danger{background:none;color:var(--merah-teks)}.btn-danger:hover:not(:disabled){background:var(--karang-100)}.btn-white{background:#fff;color:var(--tinta);border-color:var(--garis-kuat)}.btn-white:hover:not(:disabled){background:var(--krem)}.btn-glass{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5)}.btn-glass:hover:not(:disabled){background:rgba(255,255,255,.22);color:#fff}.btn-sm{font-size:13px;padding:8px 16px}.btn-xs{font-size:12.5px;padding:7px 12px}.btn-lg{font-size:15px;padding:14px 20px;font-weight:800;width:100%}.icon-btn{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--abu);font-weight:800;font-size:16px;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon-btn:hover{background:var(--krem);color:var(--merah-teks)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--tinta-2);min-width:0}.field .hint{font-weight:500;color:var(--abu);font-size:12.5px}.input,.select,.textarea{width:100%;padding:12px 14px;border:1.5px solid var(--garis);border-radius:var(--r-md);background:#fff;color:var(--tinta);font-size:15px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--biru);box-shadow:var(--ring)}.input::placeholder,.textarea::placeholder{color:#a3a9b1}.textarea{line-height:1.5;resize:vertical;min-height:44px}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236B7480' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.input.code{letter-spacing:.08em;text-transform:uppercase}.input.otp{font-size:22px;letter-spacing:.5em;text-align:center}.switch{position:relative;flex:none;width:44px;height:26px;border-radius:var(--r-pill);border:none;padding:0;background:var(--garis-kuat);transition:background .2s}.switch[aria-checked=true]{background:var(--biru)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease)}.switch[aria-checked=true]:after{transform:translateX(18px)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.error{color:var(--merah-teks);font-weight:700;font-size:13.5px}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:22px 16px;background:#fff;border-right:1px solid var(--garis);overflow-y:auto}.side-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:0 6px;flex:none}.side-brand img{height:40px;width:auto}.side-brand b{font-weight:800;font-size:15px;display:block;color:var(--tinta);line-height:1.15}.side-brand small{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--abu);display:block}.nav{flex-direction:column;gap:2px;flex:1 1}.nav,.nav a{display:flex}.nav a{align-items:center;justify-content:space-between;gap:8px;text-decoration:none;font-weight:700;font-size:14px;padding:10px 12px;border-radius:12px;transition:background .2s}.nav a,.nav a:hover{color:var(--tinta-2)}.nav a:hover{background:var(--krem)}.nav a.active{background:var(--biru-100);color:var(--biru-tua)}.me{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:var(--krem)}.me b{font-weight:800;font-size:13.5px;color:var(--tinta)}.me b,.me span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me span{font-size:12px;color:var(--abu)}.main{padding:28px 40px 80px;min-width:0}.topbar{gap:16px;margin-bottom:28px;flex-wrap:wrap}.demo-switch,.topbar{display:flex;align-items:center}.demo-switch{gap:8px;background:#fff;border:1px dashed var(--garis-kuat);border-radius:var(--r-pill);padding:4px 4px 4px 14px}.demo-switch .lbl{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--abu)}.demo-switch button{font-weight:700;font-size:12.5px;padding:7px 12px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--tinta-2);transition:all .2s}.demo-switch button.active{background:var(--tinta);color:#fff}.role-badge{display:inline-block;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-pill)}.role-student{background:var(--kuning);color:var(--tinta)}.role-teacher{background:var(--karang-100);color:var(--merah-teks)}.role-admin{background:var(--biru);color:#fff}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-photo{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden;background:var(--tinta)}.login-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}.login-photo .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,20,28,.9) 0,rgba(12,20,28,.35) 50%,rgba(12,20,28,.15))}.login-photo .copy{position:absolute;left:48px;right:48px;bottom:48px;color:#fff}.login-photo h1{font-weight:800;font-size:44px;line-height:1.05;letter-spacing:-.02em;margin-top:14px;max-width:14ch;text-wrap:balance}.login-photo p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.82);margin-top:14px;max-width:44ch}.login-form{display:flex;flex-direction:column;justify-content:center;padding:48px 28px;background:var(--kertas)}.login-inner{width:100%;max-width:420px;margin:0 auto}.brand-lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.brand-lockup img{height:48px;width:auto}.brand-lockup b{font-weight:800;font-size:17px;display:block;color:var(--tinta);line-height:1.15}.brand-lockup small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:block}.brand-lockup small,.divider{font-weight:700;color:var(--abu)}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--garis)}.demo-account{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--garis);transition:transform .15s var(--ease),box-shadow .2s}.demo-account:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.backdrop{position:fixed;inset:0;z-index:80;background:rgba(27,42,56,.45);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:26px;padding:26px;box-shadow:var(--shadow-lg)}.modal h2{font-weight:800;font-size:22px;color:var(--tinta)}.modal .lead{font-size:14px;color:var(--tinta-2);margin:6px 0 18px;line-height:1.5}.toast-wrap{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--tinta);color:#fff;font-weight:700;font-size:14px;padding:13px 20px;border-radius:var(--r-pill);box-shadow:var(--shadow-lg);max-width:calc(100vw - 40px);text-align:center;animation:toast-in .25s var(--ease-bounce)}.toast.bad{background:var(--karang-tua)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bars{gap:10px;height:200px;margin-top:20px;padding-bottom:4px;border-bottom:1px solid var(--garis)}.bars,.bars>div{display:flex;align-items:flex-end}.bars>div{flex:1 1;height:100%;justify-content:center;gap:4px}.bars i{display:block;width:38%;max-width:22px;border-radius:6px 6px 2px 2px;transition:height .4s var(--ease)}.bars i.in{background:var(--pandan)}.bars i.out{background:var(--karang)}.bar-labels{display:flex;gap:10px;margin-top:8px}.bar-labels>div{flex:1 1;text-align:center}.legend{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--tinta-2)}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.report-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:2px solid var(--tinta)}.report-head img{height:44px;width:auto}.report-section{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:18px}.report-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--garis);font-size:14.5px}.report-line.indent{padding-left:14px;padding-top:9px;padding-bottom:9px}.report-total{padding:12px 0;font-size:15px;font-weight:800;color:var(--tinta)}.report-net,.report-total{display:flex;justify-content:space-between}.report-net{align-items:center;margin-top:10px}.report-net,.tile-blue{padding:16px 18px;border-radius:16px}.tile-blue{background:var(--biru-100)}.tile-cream{padding:16px 18px;border-radius:16px;background:var(--krem)}@media (max-width:1180px){.fin-row{grid-template-columns:minmax(0,1fr)}}@media (max-width:1080px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.login{grid-template-columns:1fr}.login-photo{display:none}.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:12px 16px;gap:8px;align-items:center}.side-extra{display:none!important}.nav{flex-direction:row;gap:4px}.nav a{white-space:nowrap}.main{padding:20px 16px 60px}.topbar{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.h1{font-size:24px}.demo-switch{flex-wrap:wrap}}@media (max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.banner-yellow,.list-row,.row{flex-wrap:wrap}.banner-yellow .grow{flex-basis:100%}.banner-blue{padding:22px}.main{padding:16px 12px 60px}.list-row:has(button:not(.icon-btn),select,.seg)>.grow{flex:1 1 60%}}@media print{body{background:#fff}.no-print{display:none!important}.card,.card-flush{box-shadow:none;border-color:#ddd}}