.laju{color:#102851;background:#f4f6fb;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;font-size:14px}.laju *{box-sizing:border-box}.laju aside{color:#fff;background:#102f68;flex-direction:column;gap:5px;width:238px;padding:20px 12px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{align-items:center;gap:12px;margin:0 4px 30px;display:flex}.brand img{border:3px solid #fff;border-radius:15px;width:42px;height:42px}.brand b{letter-spacing:3px;font-size:20px}.brand small{letter-spacing:2px;color:#a9bddd;font-size:10px;display:block}.laju .nav-label{color:#91add6;padding:12px;font-size:10px}.laju button,.laju .upload{color:#17366b;cursor:pointer;background:#f6f8fc;border:1px solid #dce3ef;border-radius:12px;padding:9px 14px;font-size:12px;font-weight:600;transition:all .15s}.laju button:hover,.laju .upload:hover{filter:brightness(.96);transform:translateY(-1px)}.laju button:disabled{opacity:.5;cursor:not-allowed}.laju aside button{color:#e4edff;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px;display:flex}.laju aside button.selected{color:#fff;background:#29477b}.identity{border-top:1px solid #fff2;margin-top:auto;padding:18px 10px}.identity small{color:#92acd4;font-size:11px;display:block}.laju .main{margin-left:238px}.laju header{background:#f8f9fd;border-bottom:1px solid #dfe5ef;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 32px;display:flex}.laju header b{font-size:18px;display:block}.laju .orange{color:#fb6328;letter-spacing:1.8px;font-size:10px;font-weight:800}.laju main{max-width:1500px;margin:auto;padding:28px 38px}.sim-banner{color:#8b571c;background:#fff6ec;border:1px solid #ffd8b7;border-radius:12px;padding:12px 16px;font-size:11px}.laju .title{justify-content:space-between;align-items:center;margin:30px 0 24px;display:flex}.laju h1{letter-spacing:-1px;margin:4px 0;font-size:29px;font-weight:750}.laju h2{margin:4px 0 14px;font-size:19px;font-weight:700}.laju h3{margin:4px 0 10px;font-size:15px;font-weight:650}.laju p{color:#70839f;margin:8px 0 16px;line-height:1.65}.laju article{background:#fff;border:1px solid #dce4f1;border-radius:23px;margin:12px 0;padding:24px;box-shadow:0 10px 28px #17366b05}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metrics article:first-child{color:#fff;background:linear-gradient(120deg,#ff702c,#f45418);border:0}.metrics article:first-child p{color:#ffe0d1}.metrics h2{margin-top:18px;font-size:26px}.metrics p{margin:0;font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.row,.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row{justify-content:space-between}.laju .primary{color:#fff;background:#ff6727;border-color:#ff6727;box-shadow:0 5px 12px #ff672726}.laju .danger{color:#b51d3d;background:#fff0f2;border-color:#f8cbd3}.pill{color:#177054;white-space:nowrap;background:#ecf6f2;border-radius:30px;padding:6px 10px;font-size:11px;display:inline-block}.laju input,.laju select{color:#17315d;min-width:0;max-width:100%;font:inherit;background:#f8faff;border:1px solid #d7e1ef;border-radius:10px;padding:10px 12px}.laju label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.laju .fields{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.fields>p{grid-column:1/-1}.table-wrap{background:#fff;border:1px solid #dce4f1;border-radius:22px;margin:20px 0;padding:16px 22px;overflow:auto}.laju table{border-collapse:collapse;white-space:nowrap;width:100%}.laju th{text-align:left;color:#8593aa;padding:18px 10px;font-size:11px}.laju td{border-top:1px solid #e7ecf4;padding:20px 10px;font-size:12px}.laju td small{color:#8291a9;margin-top:6px;display:block}.notice{color:#234b84;background:#edf3ff;border-radius:12px;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 18px;display:flex}.notice button{padding:0 8px}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061c43a8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{color:#18315e;background:#fff;border-radius:24px;width:100%;max-width:720px;max-height:90vh;padding:32px;position:relative;overflow:auto}.laju .close{background:0 0;border:0;font-size:23px;position:absolute;top:10px;right:14px}.modal-note{border-top:1px solid #edf0f6;padding-top:14px;font-size:10px;margin-top:20px!important}.proof{object-fit:contain;max-width:100%;max-height:450px}.upload input{max-width:220px;font-size:10px}.messages{flex-direction:column;gap:10px;max-height:350px;margin:18px 0;display:flex;overflow:auto}.bubble{background:#f0f4fa;border-radius:14px;align-self:flex-start;max-width:85%;padding:10px 16px}.bubble.own{background:#fff0e7;align-self:flex-end}.bubble small{color:#7b8aa0;font-size:10px}.bubble p{color:#17345f;overflow-wrap:anywhere;margin:3px 0}.laju progress{accent-color:#ff6727;width:100%;height:8px}.laju footer{color:#8c9ab0;justify-content:space-between;padding:28px 0;font-size:10px;display:flex}.laju footer small{opacity:.65}.laju a{color:#2456a6;text-decoration:underline}.laju .empty{text-align:center;color:#7a8ba7;padding:40px}.warning{color:#b53c34!important}.loading{padding:60px}:is(.laju button:focus-visible,.laju input:focus-visible,.laju select:focus-visible){outline-offset:2px;outline:3px solid #ff9d6a}@media (max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.laju main{padding:24px}.laju header{padding:16px}.laju header input{max-width:180px}}@media (max-width:760px){.laju aside{flex-direction:row;width:auto;padding:12px;position:static;overflow:auto}.brand{min-width:130px;margin:0 15px 0 0}.laju aside button{white-space:nowrap}.nav-label,.identity{display:none}.laju .main{margin:0}.laju header{flex-wrap:wrap}.laju main{padding:16px}.grid{grid-template-columns:1fr;gap:0}.laju .title{align-items:flex-start;gap:8px}.laju h1{font-size:23px}.laju .fields{grid-template-columns:1fr}.metrics{gap:10px}.metrics article{padding:16px}.metrics h2{font-size:21px}.laju footer{gap:12px}.modal{padding:26px 20px}.laju header .actions input{display:none}}.laju .menu-toggle,.laju .drawer-close,.mitra-bottom-nav{display:none}.laju aside{z-index:60}.laju header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f9fdf5;position:sticky;top:0}.laju .bell-button{border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.counter{color:#fff;background:#ff6727;border:2px solid #fff;border-radius:20px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;font-style:normal;line-height:1;display:grid;position:absolute;top:-5px;right:-4px}.laju .chat-fab{z-index:75;color:#fff;background:#ff6727;border:3px solid #fff;border-radius:30px;justify-content:center;align-items:center;gap:9px;min-width:64px;height:58px;padding:0 19px;display:flex;position:fixed;bottom:24px;right:26px;box-shadow:0 8px 26px #f45b3440}.chat-panel,.notification-panel{z-index:74;background:#fff;border:1px solid #dce4f1;border-radius:22px;position:fixed;overflow:hidden;box-shadow:0 20px 70px #102f6833}.chat-panel{flex-direction:column;width:380px;max-height:calc(100dvh - 120px);display:flex;bottom:94px;right:26px}.laju .panel-heading{color:#fff;background:#102f68;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.panel-heading h2{margin:0;font-size:18px}.panel-heading small{color:#b2c7e9;margin-top:5px;font-size:10px;display:block}.laju .panel-heading button{color:#fff;background:#ffffff16;border:0;padding:8px}.chat-recipient{border-bottom:1px solid #edf0f5;padding:12px 18px}.chat-panel article{min-height:0;box-shadow:none;border:0;border-radius:0;flex-direction:column;margin:0;padding:14px 18px;display:flex}.chat-panel article>h2,.chat-panel article>p{display:none}.chat-panel .messages{overscroll-behavior:contain;min-height:120px;max-height:320px;margin:0 0 14px;overflow:auto}.chat-panel .messages:empty:before{content:"Mulai percakapan. Pesan admin dan mitra tersimpan dalam simulasi yang sama.";color:#7d8ca4;margin:20px 4px;font-size:12px;line-height:1.7}.chat-panel .actions{flex-wrap:nowrap}.chat-panel input{flex:1;width:100%}.chat-panel .bubble{font-size:13px}.notification-panel{flex-direction:column;width:390px;max-height:calc(100dvh - 120px);display:flex;top:88px;right:26px}.notification-list{overscroll-behavior:contain;padding:8px;overflow:auto}.laju .read-all{text-align:right;color:#3162a9;background:#fff;border:0;border-radius:0;padding:12px 20px}.laju .notification-item{text-align:left;background:#fff;border:0;border-radius:12px;gap:10px;width:100%;margin:3px 0;padding:14px 12px;display:flex}.notification-item.unread{background:#f0f5ff!important}.notification-item b,.notification-item small,.notification-item em{display:block}.notification-item b{font-size:12px}.notification-item small{color:#7889a3;overflow-wrap:anywhere;margin:5px 0;font-size:11px;line-height:1.6}.notification-item em{color:#f1662b;font-size:10px;font-style:normal}.notification-dot{background:#d7dfe9;border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px}.unread .notification-dot{background:#ff6727}.source-highlight{outline-offset:4px;transition:outline .2s;outline:3px solid #ff8b52!important}.laju [id]{scroll-margin-top:100px}.laju footer{padding-right:115px}@media (max-width:760px){.laju aside{z-index:90;background:#102f68;flex-direction:column;width:280px;max-width:85vw;padding:22px 14px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 60px #061c4333}.laju aside.drawer-open{transform:translate(0)}.laju .brand{margin:0 0 22px}.laju .nav-label,.laju .identity{display:block}.laju .drawer-close{padding:8px;display:flex;position:absolute;top:10px;right:8px}.laju .menu-toggle{flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid}.laju .drawer-backdrop{z-index:89;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071d4399;border:0;border-radius:0;display:block;position:fixed;inset:0}.laju header{flex-wrap:nowrap;gap:10px;padding:12px}.laju header>div:first-of-type{flex:1;min-width:0}.laju header b{font-size:14px}.laju header .orange{letter-spacing:.8px;font-size:8px}.laju header .actions{flex-wrap:nowrap;gap:6px}.laju header .actions>button:not(.bell-button){padding:8px;font-size:10px}.laju header .bell-button{width:38px;height:38px}.laju .title{gap:5px}.laju .title .pill{font-size:9px}.is-mitra .main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mitra-bottom-nav{z-index:65;padding:7px 7px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #dce4ef;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #17366b08}.laju .mitra-bottom-nav button{color:#8290a7;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:51px;padding:7px 0;display:flex}.mitra-bottom-nav small{font-size:10px}.laju .mitra-bottom-nav .active{color:#f26528;background:#fff1e8}.laju .chat-fab{min-width:56px;height:56px;padding:0 15px;bottom:18px;right:16px}.laju .is-mitra .chat-fab,.is-mitra .chat-fab{bottom:calc(91px + env(safe-area-inset-bottom))}.chat-fab>span{display:none}.chat-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 108px);bottom:84px;right:12px}.is-mitra .chat-panel{bottom:calc(156px + env(safe-area-inset-bottom));max-height:calc(100dvh - 180px - env(safe-area-inset-bottom))}.notification-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 180px);top:78px;right:12px}.chat-panel .messages{min-height:70px;max-height:240px}.laju .panel-heading{padding:14px 16px}.laju footer{flex-direction:column;padding-right:64px}.laju main{overflow-wrap:anywhere}.laju .notice{z-index:1;position:relative}}