:root{--bg:#fafaf8;--surface:#fff;--side:#f4f3f0;--ink:#16181f;--text2:#3a3d47;--muted:#62656f;--faint:#8a8d98;--line:#eceae6;--line-soft:#f2f1ee;--on-ink:#fff;--blue:#16181f;--blue-deep:#16181f;--blue-soft:#f2f1ee;--gold:#ff5b35;--gold-deep:#c2410c;--gold-soft:#fff1ec;--gold-bright:#ff8a6b;--violet:#6d4aff;--violet-soft:#f1edff;--green:#12805c;--green-soft:#e8f6f0;--amber:#b45309;--amber-soft:#fdf3e3;--red:#c2410c;--red-soft:#feecea;--r-lg:12px;--r-md:10px;--r-sm:8px;--shadow:none;--shadow-md:0 8px 24px -12px rgba(16,24,40,.18)}html[data-theme=gelap]{--bg:#131419;--surface:#16171c;--side:#0e0f13;--ink:#edece8;--text2:#c8c9d0;--muted:#9c9faa;--faint:#6e717c;--line:#272930;--line-soft:#202228;--on-ink:#16181f;--blue:#edece8;--blue-deep:#edece8;--blue-soft:#22242b;--gold-deep:#ff8a66;--gold-soft:#2a1812;--violet:#a48bff;--violet-soft:#1e1833;--green:#3cc08d;--green-soft:#11281f;--amber:#e0a04b;--amber-soft:#2a1e0c;--red:#ff8a66;--red-soft:#2c1614;--shadow-md:0 12px 32px -12px rgba(0,0,0,.6);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Instrument Sans,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:var(--side);transition:width .18s ease;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side-logo{padding:16px 10px 12px 16px;gap:9px}.logo-mark,.side-logo{display:flex;align-items:center}.logo-mark{width:30px;height:30px;justify-content:center;flex-shrink:0;color:var(--ink)}.logo-mark img{width:24px;height:auto;display:block}.side-logo .t1{font-weight:800;font-size:13.5px;line-height:1.2}.side-logo .t2{font-size:11px;color:var(--faint);font-weight:600}.nav-sec{padding:16px 18px 4px;font-size:11.5px;font-weight:500;color:var(--muted)}.nav-item{display:flex;align-items:center;gap:10px;margin:1px 8px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text2);font-weight:500;font-size:13.5px;transition:background .12s;white-space:nowrap}.nav-item:hover{background:var(--line-soft)}.nav-item.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.nav-item svg{width:17px;height:17px;flex-shrink:0}.side-user{margin-top:auto;border-top:1px solid var(--line-soft);padding:12px 14px;display:flex;align-items:center;gap:10px}.side-user .nm{font-weight:700;font-size:12.5px}.side-user .rl{font-size:11px;color:var(--faint)}.side-user form{margin-left:auto}.logout-btn{background:none;border:none;color:var(--faint);font-size:11.5px;font-weight:700}.logout-btn:hover{color:var(--red)}.av{width:28px;height:28px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;background:#1b1e2b}.av.sm{width:22px;height:22px;font-size:9.5px}.av-ai{background:linear-gradient(135deg,#6d4aff,#9b7bff)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{background:var(--surface);padding:12px 24px;gap:14px;justify-content:flex-end}.content{padding:24px;flex:1 1;max-width:1100px;width:100%}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.pagehead h1{font-size:20px;font-weight:800;letter-spacing:-.3px}.pagehead .sub{color:var(--muted);font-size:13px;margin-top:3px}.btn{border:none;border-radius:var(--r-sm);padding:9px 15px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px}.btn-pri{background:var(--blue);color:var(--on-ink);box-shadow:var(--shadow)}.btn-pri:hover{background:var(--blue-deep)}.btn-pri:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--text2)}.btn-ghost:hover{background:var(--bg)}.btn-danger{background:none;border:none;color:var(--red);font-weight:700;font-size:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card-h{padding:14px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.card-h .ct{font-weight:800;font-size:13.5px}.card-b{padding:18px}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:99px;font-size:11px;font-weight:700;padding:3px 9px}.chip-blue{background:var(--blue-soft);color:var(--blue-deep)}.chip-violet{background:var(--violet-soft);color:var(--violet)}.chip-green{background:var(--green-soft);color:var(--green)}.chip-gray{background:var(--line-soft);color:var(--muted)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.stat{padding:16px 18px}.stat .lb{font-size:12px;font-weight:600;color:var(--muted)}.stat .vl{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-top:6px}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--faint);padding:10px 18px}.tbl td,.tbl th{border-bottom:1px solid var(--line-soft)}.tbl td{padding:12px 18px;font-size:13px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl .tname{font-weight:700}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--text2)}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;background:var(--surface);outline:none;font-size:13px}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.field .hint{font-size:11.5px;color:var(--faint);margin-top:4px}.check-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.check-grid label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px}.check-grid input{width:auto}.modal-bg{position:fixed;inset:0;background:rgba(16,24,40,.5);display:flex;align-items:center;justify-content:center;z-index:40;padding:16px}.modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:460px;box-shadow:0 20px 60px rgba(16,24,40,.25)}.modal .m-h{padding:16px 20px;border-bottom:1px solid var(--line-soft);font-weight:800;font-size:15px;display:flex;justify-content:space-between;align-items:center}.modal .m-b{padding:20px}.modal .m-f{padding:14px 20px;border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end;gap:10px}.m-close{background:none;border:none;color:var(--faint);font-size:18px;font-weight:700}.alert-err{background:var(--red-soft);color:var(--red);border-radius:var(--r-sm);padding:10px 13px;font-size:12.5px;font-weight:600;margin-bottom:14px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 8px 32px rgba(16,24,40,.08)}.login-logo{display:flex;align-items:center;gap:11px;margin-bottom:22px}.team-dot{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff}.empty{padding:36px 18px;text-align:center;color:var(--faint);font-size:13px;font-weight:600}.team-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tpill{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--text2)}.tpill.on{background:var(--blue);border-color:var(--blue);color:var(--on-ink)}.board{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;align-items:start}.col{background:var(--line-soft);border-radius:var(--r-lg);padding:10px;min-height:120px}.col.dragover{outline:2px dashed var(--blue);outline-offset:-2px}.col-h{display:flex;align-items:center;gap:8px;padding:4px 6px 10px;font-weight:800;font-size:12.5px}.col-h .cdot{width:8px;height:8px;border-radius:99px}.col-h .cn{color:var(--faint);font-weight:700;font-size:11.5px;margin-left:auto;border-radius:99px;padding:1px 8px}.col-h .cn,.kcard{background:var(--surface);border:1px solid var(--line)}.kcard{border-radius:var(--r-md);padding:12px;margin-bottom:10px;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s}.kcard:hover{box-shadow:var(--shadow-md)}.kcard.aicard{border-color:#d8ccff;background:linear-gradient(180deg,#fdfcff,#fff)}.kcard .kt{font-weight:700;font-size:13px;line-height:1.4;margin:7px 0 9px}.kmeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kmeta .kd{font-size:11px;color:var(--faint);font-weight:700}.kd.late{color:var(--red)}.kmeta .spacer{flex:1 1}.prog{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-weight:700}.prog .pbar{width:44px;height:5px;background:var(--line-soft);border-radius:99px;overflow:hidden}.prog .pbar i{display:block;height:100%;background:var(--green)}.filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filters input,.filters select{border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 11px;font-size:12.5px;background:var(--surface);font-weight:600;color:var(--text2);outline:none}.filters input:focus,.filters select:focus{border-color:var(--blue)}.task-wrap{display:grid;grid-template-columns:1fr 300px;grid-gap:20px;gap:20px}.crumb{font-size:12px;color:var(--faint);font-weight:600;margin-bottom:10px}.task-title{font-size:21px;font-weight:800;letter-spacing:-.3px;line-height:1.3}.ai-origin{display:flex;gap:11px;background:var(--violet-soft);border:1px solid #e2d9ff;border-radius:var(--r-md);padding:12px 14px;margin:14px 0;font-size:12.5px;color:#3f2aa6}.sec-lb{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--faint);margin:20px 0 8px}.desc{font-size:13.5px;line-height:1.65;white-space:pre-wrap}.chk-item,.desc{color:var(--text2)}.chk-item{display:flex;align-items:center;gap:10px;padding:8px 2px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line-soft)}.chk-item.done{color:var(--faint);text-decoration:line-through}.chk-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}.chk-add{display:flex;gap:8px;margin-top:8px}.chk-add input{flex:1 1;padding:8px 11px;outline:none}.att,.chk-add input{border:1px solid var(--line);border-radius:var(--r-sm);font-size:12.5px}.att{padding:8px 12px;font-weight:700;color:var(--blue);margin:0 8px 8px 0}.meta-card{padding:6px 16px 14px}.mrow{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:12.5px;gap:10px}.mrow:last-child{border-bottom:none}.mrow .ml{color:var(--muted);font-weight:600;flex-shrink:0}.mrow input,.mrow select{border:1px solid var(--line);border-radius:7px;padding:5px 8px;font-size:12px;font-weight:600;max-width:170px;outline:none;background:var(--surface)}.cmt{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.cmt:last-child{border-bottom:none}.cmt .ch{display:flex;align-items:center;gap:8px;font-size:12.5px}.cmt .ch b{font-weight:800}.cmt .ch .cw{color:var(--faint);font-size:11px;font-weight:600}.cmt .cb{font-size:13px;color:var(--text2);margin-top:4px;line-height:1.6;white-space:pre-wrap}.cmt-ai .cb{background:var(--violet-soft);border:1px solid #e9e2ff;border-radius:0 12px 12px 12px;padding:11px 13px;margin-top:7px}.cmt-input{display:flex;gap:11px;margin-top:14px}.cmt-input textarea{flex:1 1;border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px;font-size:13px;min-height:64px;resize:vertical;outline:none}.cmt-input textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.act-row{display:flex;gap:11px;padding:10px 18px;border-bottom:1px solid var(--line-soft);font-size:12.5px}.act-row:last-child{border-bottom:none}.act-row .aw{color:var(--faint);font-size:11px;margin-top:2px;font-weight:600}textarea{font-family:inherit}.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;font-size:13px;min-height:74px;resize:vertical;outline:none}.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}@media (max-width:1100px){.board{grid-template-columns:repeat(2,1fr)}.task-wrap{grid-template-columns:1fr}}.chan-item{display:flex;align-items:center;gap:9px;margin:1px 8px;padding:6px 10px;border-radius:var(--r-sm);color:var(--text2);font-weight:600;font-size:12.5px}.chan-item:hover{background:var(--bg)}.chan-item.on{background:var(--blue-soft);color:var(--blue-deep)}.chan-item .hash{color:var(--faint);font-weight:700}.chan-item.on .hash{color:var(--blue)}.nav-item .cnt{background:var(--line-soft);border-radius:99px;font-size:10.5px;font-weight:700;padding:1px 7px}.chat-frame{display:flex;flex-direction:column;height:100vh}.chat-head{padding:14px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.chat-head .hn{font-weight:800;font-size:15px}.chat-head .hd{font-size:12px;color:var(--muted)}.chat-body{flex:1 1;overflow:auto;padding:20px 24px;display:flex;flex-direction:column;gap:4px;background:var(--bg)}.msg{display:flex;gap:11px;padding:7px 0;max-width:78%}.msg .mh{display:flex;align-items:baseline;gap:8px;font-size:12.5px}.msg .mh b{font-weight:800}.msg .mh .mw{color:var(--faint);font-size:11px;font-weight:600}.msg .mb{background:var(--surface);border:1px solid var(--line);border-radius:0 12px 12px 12px;padding:10px 13px;font-size:13px;color:var(--text2);margin-top:4px;line-height:1.55;box-shadow:var(--shadow);white-space:pre-wrap;word-break:break-word}.msg.me{align-self:flex-end;flex-direction:row-reverse}.msg.me .mh{justify-content:flex-end}.msg.me .mb{background:var(--blue);border-color:var(--blue);color:var(--on-ink);border-radius:12px 0 12px 12px}.msg.ai .mb{border-color:#e2d9ff}.chat-input,.msg.ai .mb{background:var(--surface)}.chat-input{padding:14px 24px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-end}.chat-input textarea{flex:1 1;border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px;font-size:13px;background:var(--bg);outline:none;resize:none;min-height:44px;max-height:130px}.chat-input textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.notif-row{display:flex;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line-soft);align-items:flex-start}.notif-row:last-child{border-bottom:none}.notif-row.baru{background:var(--surface)}.notif-row .ni{font-size:13px;font-weight:600}.notif-row .nw{font-size:11px;color:var(--faint);font-weight:600;margin-top:2px}.notif-dot{width:8px;height:8px;border-radius:99px;background:var(--blue);margin-top:6px;flex-shrink:0}.chan-item .cnt,.nav-item .cnt.merah{margin-left:auto;background:var(--red);color:#fff;border-radius:99px;font-size:10.5px;font-weight:800;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}.kdel{margin-left:auto;background:none;border:none;color:var(--faint);padding:2px;border-radius:6px;display:inline-flex}.kdel:hover{color:var(--red);background:var(--red-soft)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.cal-head{margin-bottom:6px}.cal-hari{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--faint);text-align:center;padding:4px 0}.cal-sel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-height:96px;padding:7px;overflow:hidden}.cal-sel.kosong{background:transparent;border-color:transparent}.cal-sel.hari-ini{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.cal-tgl{font-size:11.5px;font-weight:800;color:var(--muted);margin-bottom:5px}.hari-ini .cal-tgl{color:var(--blue)}.cal-task{background:var(--blue-soft);color:var(--blue-deep);border-radius:6px;font-size:10.5px;font-weight:700;padding:3px 7px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cal-task.beres{background:var(--green-soft);color:var(--green);text-decoration:line-through;opacity:.75}.cal-more{font-size:10px;color:var(--faint);font-weight:700;padding-left:3px}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:16px;gap:16px}.trow{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line-soft)}.trow:last-child{border-bottom:none}.trow:hover{background:var(--bg)}.tchk{width:17px;height:17px;border:1.5px solid var(--line);border-radius:5px;flex-shrink:0}.trow .tt{font-size:13px;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.trow .tm,.trow .tt{font-weight:600;white-space:nowrap}.trow .tm{font-size:11.5px;color:var(--faint)}.tm.late{color:var(--red)}.load-row{gap:12px;padding:10px 18px}.load-row,.load-row .ln{display:flex;align-items:center}.load-row .ln{font-size:12.5px;font-weight:600;width:130px;gap:8px;white-space:nowrap;overflow:hidden}.bar{flex:1 1;height:7px;background:var(--line-soft);overflow:hidden}.bar,.bar i{border-radius:99px}.bar i{display:block;height:100%;background:var(--blue)}.bar i.hot{background:var(--amber)}.load-row .lv{font-size:11.5px;color:var(--muted);font-weight:700;width:60px;text-align:right}.card-h .see{font-size:12px;font-weight:700;color:var(--blue)}@media (max-width:1100px){.dash-grid{grid-template-columns:1fr}}.alert-ok{background:var(--green-soft);color:var(--green);border-radius:var(--r-sm);padding:10px 13px;font-size:12.5px;font-weight:600;margin-bottom:14px}.side-user a.rl:hover{color:var(--blue)}.sys-msg{align-self:center;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-size:12px;color:var(--muted);font-weight:600;margin:6px 0;max-width:90%;text-align:center}.sys-msg a{color:var(--blue);font-weight:800;white-space:nowrap}.x-btn{background:none;border:none;color:var(--faint);font-size:16px;font-weight:700;line-height:1;padding:0 4px;border-radius:5px;flex-shrink:0}.x-btn:hover{color:var(--red);background:var(--red-soft)}.att{display:inline-flex;align-items:center;gap:8px}.lampiran-img{max-width:260px;max-height:220px;border-radius:10px;display:block}.file-chip,.lampiran-img{border:1px solid var(--line)}.file-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border-radius:var(--r-sm);padding:7px 11px;font-size:12.5px;font-weight:600;color:var(--text2)}.kartu-chat{display:block;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;padding:9px 11px;text-decoration:none;color:inherit;max-width:340px}.kartu-chat:hover{background:var(--bg)}.kartu-chat.terang{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.28) hsla(0,0%,100%,.28) hsla(0,0%,100%,.28) #fff;color:#fff}.kartu-chat.terang .chip,.kartu-chat.terang:hover{background:hsla(0,0%,100%,.22)}.kartu-chat.terang .chip{color:#fff}.kartu-chat.terang .kc-bawah,.kartu-chat.terang .kc-kode{color:hsla(0,0%,100%,.85)}.kartu-chat.mati{border-left-color:var(--faint);color:var(--faint);font-size:12.5px;font-style:italic}.kc-atas{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:4px}.kc-kode{font-size:10.5px;font-weight:800;color:var(--faint);letter-spacing:.3px}.kc-judul{font-weight:700;font-size:13px;line-height:1.4}.kc-bawah{font-size:11.5px;color:var(--muted);margin-top:4px;display:flex;gap:4px;flex-wrap:wrap}.kc-bawah .telat{color:var(--red);font-weight:700}.kartu-chat.terang .kc-bawah .telat{color:#ffd5d2}.pilih-tugas{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;font:inherit}.pilih-tugas:hover{border-color:var(--blue);background:var(--blue-soft)}.saran-mention{position:absolute;bottom:calc(100% + 6px);left:0;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 10px 28px rgba(16,24,40,.16);min-width:230px;max-width:320px;padding:5px;overflow:hidden}.saran-baris{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;border-radius:var(--r-sm);padding:7px 9px;font:inherit;font-size:12.5px;color:var(--ink)}.saran-baris .nm{font-weight:700;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saran-baris.aktif{background:var(--blue-soft)}.saran-kaki{font-size:10.5px;color:var(--faint);font-weight:600;padding:6px 9px 3px;border-top:1px solid var(--line-soft);margin-top:4px}.av.lg{width:46px;height:46px;font-size:16px}.board{align-items:stretch}.col{display:flex;flex-direction:column;max-height:calc(100vh - 250px)}.col-body{overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:40px;padding-right:2px}.col-body::-webkit-scrollbar{width:6px}.col-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.kcheck{width:15px;height:15px;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.kcard.terpilih{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft);background:var(--blue-soft)}.kcheck,.kedit{opacity:0;transition:opacity .12s}.board.memilih .kcheck,.kcard.terpilih .kcheck,.kcard:hover .kcheck,.kcard:hover .kedit{opacity:1}.kedit{margin-left:auto;background:none;border:none;color:var(--faint);padding:2px;border-radius:6px;display:inline-flex}.kedit:hover{color:var(--blue);background:var(--blue-soft)}@media (hover:none){.kcheck,.kedit{opacity:1}}.bar-massal{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:35;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(16,24,40,.18);display:flex;align-items:center;gap:8px;padding:10px 14px;flex-wrap:wrap;max-width:calc(100vw - 32px)}.bar-massal .jml{font-weight:800;font-size:13px;white-space:nowrap}.bar-massal .pisah{width:1px;height:22px;background:var(--line)}.bar-massal select{border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 10px;font-size:12.5px;font-weight:600;background:var(--surface);color:var(--text2);outline:none}.bar-massal .btn{padding:7px 12px;font-size:12.5px}.bar-massal .proses{font-size:12px;color:var(--muted);font-weight:700}.hp-atas,.hp-bawah,.hp-laci-bg{display:none}@media (max-width:820px){.app{flex-direction:column}.sidebar{display:none}.hp-atas{display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top, 0px)) 14px 10px}.hp-menu{background:none;border:none;padding:4px;color:var(--text2);display:inline-flex;border-radius:8px}.hp-menu svg{width:22px;height:22px}.hp-judul .t1{font-weight:800;font-size:14px;line-height:1.2}.hp-judul .t2{font-size:11.5px;color:var(--faint);font-weight:600}.hp-avatar{margin-left:auto;display:inline-flex}.hp-bawah{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom, 0px));box-shadow:0 -2px 14px rgba(16,24,40,.06)}.hp-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:5px 2px;color:var(--faint);font:inherit;font-size:10.5px;font-weight:700;text-decoration:none}.hp-tab .ikon{position:relative;display:inline-flex}.hp-tab svg{width:22px;height:22px}.hp-tab.on{color:var(--blue)}.hp-lencana{position:absolute;top:-5px;right:-8px;background:var(--red);color:#fff;border-radius:99px;font-size:9.5px;font-weight:800;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface)}.hp-laci-bg{display:block;position:fixed;inset:0;z-index:50;background:rgba(16,24,40,.45)}.hp-laci{position:absolute;left:0;top:0;bottom:0;width:82%;max-width:310px;background:var(--surface);display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(16,24,40,.2);animation:laciMasuk .18s ease-out}@keyframes laciMasuk{0%{transform:translateX(-100%)}to{transform:none}}.hp-laci-kepala{display:flex;align-items:center;gap:10px;padding:calc(16px + env(safe-area-inset-top, 0px)) 14px 12px;border-bottom:1px solid var(--line-soft)}.hp-laci-isi{flex:1 1;overflow-y:auto;padding-bottom:10px}.hp-laci-isi .chan-item,.hp-laci-isi .nav-item{margin:2px 8px;padding:10px 11px;font-size:13.5px}.hp-laci-kaki{border-top:1px solid var(--line-soft);padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px))}.main{min-height:0}.content{padding:14px 13px calc(86px + env(safe-area-inset-bottom, 0px));max-width:100%!important}.pagehead{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.pagehead h1{font-size:19px}.pagehead .sub{font-size:12.5px}.pagehead .btn{width:100%;justify-content:center;padding:11px 15px}.filters,.team-pills{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding-bottom:4px;margin-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filters::-webkit-scrollbar,.team-pills::-webkit-scrollbar{display:none}.filters>*,.team-pills .tpill{flex-shrink:0}.filters input,.filters select{min-height:40px}.stat-row{grid-template-columns:repeat(2,1fr);gap:10px}.stat .vl{font-size:22px}.dash-grid,.task-wrap{grid-template-columns:1fr;gap:12px}.board{grid-template-columns:1fr!important;gap:12px}.col,.col-body{max-height:none}.col-body{overflow:visible}.kcard{padding:13px}.kcard .kt{font-size:14px}.kcheck,.kedit{opacity:1}.card{overflow-x:visible}.card table.tbl{min-width:0}table.tbl thead{display:none}table.tbl,table.tbl tbody,table.tbl td,table.tbl tr{display:block;width:100%}table.tbl tr{border:1px solid var(--line);border-radius:var(--r-md);margin:0 12px 10px;padding:10px 12px;background:var(--surface)}table.tbl tr:last-child{margin-bottom:12px}table.tbl td{border:none!important;padding:3px 0}table.tbl td:first-child{font-size:13.5px;padding-bottom:6px}table.tbl td[data-label]:before{content:attr(data-label) ": ";font-size:11px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.3px;margin-right:5px}table.tbl td[align=right],table.tbl td[style*="text-align: right"]{text-align:left!important}.modal-bg{align-items:flex-end;padding:0}.modal{max-width:100%!important;width:100%;border-radius:16px 16px 0 0;max-height:92vh;display:flex;flex-direction:column;animation:lembarNaik .2s ease-out}@keyframes lembarNaik{0%{transform:translateY(100%)}to{transform:none}}.modal .m-h{padding:14px 16px;font-size:15px}.modal .m-b{max-height:none;overflow-y:auto;flex:1 1;padding:16px}.modal .m-f{padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px))}.modal .m-f .btn{flex:1 1;justify-content:center;padding:12px}.field input,.field select,.field textarea{min-height:42px;font-size:16px}.check-grid{grid-template-columns:1fr}.chat-frame{height:100dvh}.chat-head{padding:calc(12px + env(safe-area-inset-top, 0px)) 14px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-body{padding:12px 14px}.msg{max-width:88%}.chat-input{padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));gap:6px}.chat-input .btn{padding:10px 12px}.chat-input textarea{font-size:16px}.bar-massal{left:8px;right:8px;transform:none;max-width:none;bottom:calc(74px + env(safe-area-inset-bottom, 0px));padding:10px;gap:7px}.bar-massal .jml{width:100%}.bar-massal .btn,.bar-massal select{flex:1 1;min-width:42%}.bar-massal .pisah{display:none}.cal-sel{min-height:62px;padding:4px;border-radius:8px}.cal-tgl{font-size:10.5px;margin-bottom:3px}.cal-task{font-size:9px;padding:2px 4px}.cal-grid{gap:4px}.task-title{font-size:18px}.mrow{flex-wrap:wrap;gap:6px}.mrow input,.mrow select{max-width:none;flex:1 1;min-height:38px}.saran-mention{left:0;right:0;max-width:none}}@media (max-width:380px){.stat-row{grid-template-columns:1fr}.hp-tab .lbl{font-size:9.5px}}.pwa-tawaran{position:fixed;left:10px;right:10px;z-index:45;bottom:calc(76px + env(safe-area-inset-bottom, 0px));background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px rgba(16,24,40,.18);display:flex;align-items:center;gap:11px;padding:11px 13px}.tim-aksi{text-align:right;white-space:nowrap}@media (max-width:820px){.tim-aksi{text-align:left}}.ws-pilih{position:relative;padding:10px 10px 4px}.ws-tombol{width:100%;display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:12.5px;text-align:left;min-height:40px}.ws-tombol:hover{background:var(--bg)}.ws-inisial{width:24px;height:24px;border-radius:7px;background:var(--gold-deep);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex-shrink:0}.ws-inisial.kecil{width:22px;height:22px;background:var(--blue)}.ws-nama{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ws-menu{position:absolute;left:10px;right:10px;top:calc(100% + 2px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:6px;z-index:60}.ws-label{font-size:10.5px;font-weight:700;letter-spacing:.6px;color:var(--faint);text-transform:uppercase;padding:6px 8px}.ws-item{width:100%;display:flex;align-items:center;gap:9px;padding:8px;border:none;background:none;border-radius:var(--r-sm);font-weight:600;font-size:13px;color:var(--ink);text-align:left;min-height:40px}.ws-item:hover{background:var(--bg)}.ws-item.on{background:var(--blue-soft)}.ws-cek{margin-left:auto;color:var(--green);font-weight:800}.ws-baru{color:var(--gold-deep);font-weight:700;border-top:1px solid var(--line-soft);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:4px}.ws-laci{padding:10px 14px}.ws-laci .ws-menu{left:14px;right:14px}.cb-wordmark{font-family:Bricolage Grotesque,Instrument Sans,sans-serif;font-weight:800;font-size:19px!important;letter-spacing:-.6px;line-height:1}.login-sub{margin:-4px 0 16px}.login-alt,.login-sub{font-size:13px;color:var(--muted)}.login-alt{text-align:center;margin-top:14px}.login-alt a{color:var(--gold-deep);font-weight:700}.kunci-api{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 10px;word-break:break-all}.cb-logo{display:block;color:var(--ink)}.cb-logo .aksen{fill:var(--gold)}.side-tutup{margin-left:auto;width:32px;height:32px;border:none;background:transparent;border-radius:8px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.side-tutup:hover{background:var(--line-soft);color:var(--ink)}.side-tutup svg{width:17px;height:17px}.tombol-ikon{width:32px;height:32px;border:none;background:transparent;border-radius:8px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tombol-ikon:hover{background:var(--line-soft);color:var(--ink)}.tombol-ikon svg{width:17px;height:17px}.lbl{overflow:hidden;text-overflow:ellipsis}@media (min-width:821px){html[data-sidebar=tutup] .sidebar{width:64px}html[data-sidebar=tutup] .sidebar .cb-wordmark,html[data-sidebar=tutup] .sidebar .chan-item,html[data-sidebar=tutup] .sidebar .lbl,html[data-sidebar=tutup] .sidebar .nav-item .cnt,html[data-sidebar=tutup] .sidebar .nav-sec,html[data-sidebar=tutup] .sidebar .side-user form,html[data-sidebar=tutup] .sidebar .side-user>div,html[data-sidebar=tutup] .sidebar .ws-pilih{display:none}html[data-sidebar=tutup] .sidebar .side-logo{flex-direction:column;padding:16px 0 10px;gap:8px}html[data-sidebar=tutup] .sidebar .side-tutup{margin:0}html[data-sidebar=tutup] .sidebar .nav-item{justify-content:center;margin:1px 10px;padding:9px 0}html[data-sidebar=tutup] .sidebar .side-user{flex-direction:column;padding:12px 0;align-items:center}html[data-sidebar=tutup] .sidebar .side-kaki{flex-direction:column}}.side-kaki{display:flex;align-items:center;gap:2px;padding:0 10px 6px}.ruang-grup{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.ruang-grup h2{font-weight:600;display:flex;align-items:center;gap:8px}.ruang-grup h2 span{color:var(--muted);font-weight:500}.ruang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px}.ruang-kartu{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:130px;color:var(--ink)}.ruang-kartu:hover{border-color:var(--faint)}.ruang-kartu .nm{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14.5px}.ruang-kartu .dt{width:7px;height:7px;border-radius:99px;flex-shrink:0}.ruang-kartu .ds{font-size:12.5px;color:var(--muted);line-height:1.5}.ruang-kartu .kk{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.akses-kotak{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.akses-kotak ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text2)}.akses-kotak li{display:flex;gap:9px;line-height:1.5}.akses-kotak li b{flex-shrink:0;width:14px}@media (max-width:820px){.akses-kotak{grid-template-columns:1fr}}.zona-bahaya{border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-bahaya{background:var(--surface);color:var(--red);border:1px solid var(--red)}.kol{display:flex;flex-direction:column;min-width:0}.rg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.rg-judul{display:flex;align-items:center;gap:10px}.rg-judul h1{font-size:22px;font-weight:600;letter-spacing:-.4px}.rg-judul .dt{width:8px;height:8px;border-radius:99px;flex-shrink:0}.rg-avs{display:flex;align-items:center;gap:4px}.rg-avs .av{width:26px;height:26px;font-size:10px;box-shadow:0 0 0 2px var(--bg);margin-left:-6px}.rg-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}.rg-tabs button{background:none;padding:11px 0;font-size:13.5px;font-weight:500;color:var(--muted);border:none;border-bottom:1.5px solid transparent;white-space:nowrap;min-height:44px}.rg-tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}.rg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:1100px){.rg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.rg-grid{grid-template-columns:1fr}}.rg-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}.rg-ph{display:flex;align-items:center;gap:8px}.rg-ph h2{font-size:14px;font-weight:600}.rg-buka{margin-left:auto;background:none;border:none;color:var(--muted);font-size:12.5px;font-weight:500;padding:4px 6px;border-radius:6px}.rg-buka:hover{color:var(--ink);background:var(--line-soft)}.rg-m{font-size:12px;color:var(--muted)}.rg-ttl{font-size:13.5px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.rg-txt{font-size:13px;color:var(--text2);line-height:1.55}.rg-txt.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pre{white-space:pre-wrap}.rg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line-soft);color:var(--ink);min-width:0}.rg-row.kol{align-items:flex-start;gap:3px}.rg-row .rg-ttl{white-space:nowrap}.rg-bar{display:flex;gap:3px;height:6px}.rg-bar span{border-radius:99px}.rg-leg{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.rg-leg i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.rg-leg b{color:var(--ink);font-weight:600}.rg-sorot{border-radius:10px;padding:12px;display:flex;gap:6px;align-items:flex-start}.rg-sorot,.rg-tgl{background:var(--line-soft);flex-direction:column}.rg-tgl{width:40px;height:44px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;line-height:1.1}.rg-tgl small{font-size:10px;color:var(--muted);font-weight:600}.rg-row .rg-tgl{margin-right:10px}.rg-prog{height:6px;border-radius:99px;background:var(--line-soft);overflow:hidden}.rg-prog span{display:block;height:100%;background:var(--gold);border-radius:99px}.rg-kosong{font-size:12.5px;color:var(--muted);padding:6px 0}.rg-aksi{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-bottom:14px;flex-wrap:wrap}.rg-form{padding:18px;margin-bottom:16px}.rg-form .rg-aksi{margin:10px 0 0}.rg-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:720px){.rg-2{grid-template-columns:1fr}}.rg-cek{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.rg-cek input{width:auto}.rg-item{padding:16px 18px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.rg-item.redup{opacity:.62}.rg-ih{display:flex;align-items:flex-start;gap:10px}.rg-ih h3{font-size:15px;font-weight:600}.rg-ih .kol{flex:1 1;gap:2px}.rg-hapus{margin-left:auto;background:none;border:none;color:var(--faint);width:32px;height:32px;border-radius:8px;flex-shrink:0}.rg-hapus:hover{background:var(--line-soft);color:var(--red)}.rg-link,.rg-linkbtn{background:none;border:none;padding:0;color:var(--gold-deep);font-size:12.5px;font-weight:500;text-align:left;align-self:flex-start}.rg-linkbtn{color:var(--ink);font-size:13.5px}.rg-komen{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line-soft);padding-top:10px}.rg-k{font-size:13px;color:var(--text2);background:var(--line-soft);border-radius:10px;padding:9px 11px}.rg-k b{color:var(--ink);font-weight:600}.rg-kin{display:flex;gap:8px}.rg-kin.kol{flex-direction:column}.rg-kin input,.rg-kin textarea{flex:1 1}.rg-ai{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:var(--line-soft);border-radius:10px;padding:10px 12px}.rg-hari{display:flex;gap:6px;flex-wrap:wrap}.rg-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.rg-folder{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--ink);font-size:13.5px;font-weight:500;text-align:left;min-height:48px}.rg-folder:hover{border-color:var(--faint)}.rg-folder .rg-m{margin-left:auto}.rg-doc{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line-soft)}.rg-doc:first-child{border-top:none}.rg-doc .rg-m{margin-left:auto;white-space:nowrap}.chip-red{background:var(--red-soft);color:var(--red)}.pagehead h1{font-size:22px;letter-spacing:-.4px}.card-h .ct,.pagehead h1{font-weight:600}.btn,.chip{font-weight:500}.col{background:transparent;padding:0}.col-h{font-weight:600;font-size:13px;padding:0 2px 10px}.col-h .cn{background:transparent;color:var(--muted);font-weight:500}.kcard{border-radius:10px;box-shadow:none;padding:13px}.kcard:hover{box-shadow:none;border-color:var(--faint)}.kcard .kt{font-weight:500;font-size:13.5px}.kcard.aicard{border-color:var(--line);background:var(--surface)}.board{gap:20px}.tpill{font-weight:500}.stat .vl{font-weight:600}.stat .lb{font-weight:500}.modal{border-radius:14px}.modal .m-h{font-weight:600}.nav-item.ruang .dt{width:7px;height:7px;border-radius:99px;flex-shrink:0;margin:0 5px}:root{--sw:244px}html[data-sidebar=tutup]{--sw:64px}.sidebar{border-right:1px solid var(--line);padding-bottom:8px;overflow:hidden}.side-logo .logo-mark{color:var(--ink)}.side-nav{display:flex;flex-direction:column;padding-top:6px}.side-scroll{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:8px}.side-scroll::-webkit-scrollbar{width:4px}.side-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.nav-sec{display:flex;align-items:center}.sec-plus{margin-left:auto;color:var(--faint);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.sec-plus:hover{background:var(--line-soft);color:var(--ink)}.sec-plus svg{width:14px;height:14px}.nav-item .cnt{margin-left:auto;background:transparent;color:var(--muted);font-weight:500;font-size:11.5px;padding:0}.nav-item .cnt.merah{background:transparent;color:var(--gold-deep)}.side-user{border-top:none;padding:8px 10px;gap:6px}.side-me{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0;padding:6px;border-radius:8px}.side-me:hover{background:var(--line-soft)}.side-me-t{display:flex;flex-direction:column;min-width:0}.side-me-t .nm{font-weight:600;font-size:13px;color:var(--ink)}.side-me-t .rl{font-size:11.5px;color:var(--muted)}.side-user form{margin-left:0}.ws-pilih{padding:4px 8px 6px}.ws-tombol{border:none;background:transparent;min-height:38px;font-weight:600;font-size:13.5px}.ws-tombol:hover{background:var(--line-soft)}.ws-inisial{background:var(--ink);color:var(--on-ink);width:22px;height:22px;border-radius:6px}.topbar{position:fixed;top:0;right:0;left:var(--sw);height:56px;z-index:20;padding:0 32px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:left .18s ease}.remah,.topbar{display:flex;align-items:center;gap:8px}.remah{font-size:13px;color:var(--muted);min-width:0;flex:1 1;overflow:hidden;white-space:nowrap}.remah i{font-style:normal;color:var(--faint);margin-right:8px}.remah .akhir{color:var(--ink);font-weight:500}.cari{display:flex;align-items:center;gap:8px;width:240px;height:34px;padding:0 10px;border-radius:8px;background:var(--line-soft);color:var(--muted)}.cari svg{width:15px;height:15px;flex-shrink:0}.cari input{border:none;background:transparent;outline:none;font-size:13px;color:var(--ink);width:100%;padding:0;height:auto}.bel{position:relative}.bel .titik{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:99px;background:var(--gold)}.main{padding-top:56px;background:var(--bg)}.content{padding:36px 40px 56px;max-width:1240px}.side-kaki{display:none}@media (max-width:820px){.topbar{display:none}.main{padding-top:0}.content{padding:18px 14px 90px}}html[data-sidebar=tutup] .sidebar .sec-plus,html[data-sidebar=tutup] .sidebar .side-me-t{display:none}html[data-sidebar=tutup] .sidebar .side-user{flex-direction:column}html[data-sidebar=tutup] .sidebar .side-user form{display:block}.beranda-kepala{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.beranda-kepala h1{font-size:26px;font-weight:600;letter-spacing:-.6px}.beranda-kepala .tgl{font-size:14px;color:var(--muted);margin-top:4px}.beranda-aksi{margin-left:auto;gap:6px}.beranda-aksi,.tumpuk{display:flex;align-items:center}.tumpuk .av{width:26px;height:26px;font-size:10px;margin-left:-6px;box-shadow:0 0 0 2px var(--bg)}.tumpuk .av:first-child{margin-left:0}.tumpuk .lebih{margin-left:-6px;width:26px;height:26px;border-radius:99px;color:var(--muted);font-size:10.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}.garis-ai,.tumpuk .lebih{background:var(--line-soft)}.garis-ai{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border-radius:12px;margin-bottom:34px;font-size:13.5px;line-height:1.6;color:var(--text2)}.garis-ai svg{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--ink)}.garis-ai b{color:var(--ink);font-weight:600}.garis-ai a{margin-left:auto;white-space:nowrap;color:var(--gold-deep);font-weight:500}.ruang-grup{margin-bottom:32px}.ruang-grup h2{font-size:13px}.ruang-grup h2 .tambah{margin-left:auto;color:var(--muted);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.ruang-grup h2 .tambah:hover{background:var(--line-soft);color:var(--ink)}.ruang-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width:1200px){.ruang-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.ruang-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ruang-grid{grid-template-columns:1fr}}.ruang-kartu{min-height:148px;padding:18px;gap:10px}.ruang-kartu .nm{font-size:15px;letter-spacing:-.2px}.ruang-kartu .kk .tumpuk .av{box-shadow:0 0 0 2px var(--surface)}.daftar-ringkas{background:var(--surface);border:1px solid var(--line);border-radius:12px}.daftar-ringkas a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line-soft);color:var(--ink);font-size:13.5px}.daftar-ringkas a:first-child{border-top:none}.daftar-ringkas .m{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.daftar-ringkas .telat{color:var(--red)}.pagehead-ruang{margin-bottom:14px;align-items:center}.rg-tabs a{background:none;padding:11px 0;font-size:13.5px;font-weight:500;color:var(--muted);border:none;border-bottom:1.5px solid transparent;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.rg-tabs a.on{color:var(--ink);border-bottom-color:var(--ink)}.rg-head .tumpuk .av{box-shadow:0 0 0 2px var(--bg)}.kcard .chip{background:var(--surface);border:1px solid var(--line);color:var(--text2)}.kcard .kmeta{color:var(--muted)}.team-pills{gap:6px}.tpill{padding:6px 12px;border-radius:8px;background:transparent;border-color:transparent;color:var(--muted)}.tpill:hover{background:var(--line-soft);color:var(--ink)}.tpill.on{background:var(--surface);border-color:var(--line);color:var(--ink)}.card{border-radius:12px}.card-h{border-bottom-color:var(--line-soft)}table th{font-weight:500!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important}.akses-tata{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:1100px){.akses-tata{grid-template-columns:1fr}}.akses-h{display:flex;align-items:center;gap:10px;padding:16px 18px;flex-wrap:wrap}.akses-h h2,.akses-panel h2{font-size:15px;font-weight:600}.akses-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1.8fr) 170px;grid-gap:14px;gap:14px;align-items:center;padding:12px 18px;border-top:1px solid var(--line-soft);font-size:13px}.akses-kepala{background:var(--line-soft);font-size:12px;color:var(--muted);border-top:none}.akses-org{display:flex;align-items:center;gap:11px;min-width:0}.akses-org .av{width:32px;height:32px;flex-shrink:0}.akses-org b{font-weight:600;font-size:13.5px}.akses-ruang{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:820px){.akses-row{grid-template-columns:1fr;gap:6px}.akses-kepala{display:none}}.akses-panel{padding:20px;display:flex;flex-direction:column;gap:14px}.akses-tab{display:flex;flex-wrap:wrap;gap:6px}.akses-tab button{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12.5px;font-weight:500}.akses-tab button.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.akses-daftar b{font-size:12.5px;font-weight:600}.akses-daftar ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:8px}.akses-daftar li{display:flex;gap:9px;font-size:13px;line-height:1.5;color:var(--text2)}.akses-daftar .ok{color:var(--green);font-weight:700}.akses-daftar .no{color:var(--red);font-weight:700}