:root{--bg:#fff9e4;--bg2:#fffdf4;--surface:#fff;--surface2:#fdf6e2;--surface3:#f4e8cd;--line:#3204041a;--line2:#3204042e;--gold:#a97c2c;--gold2:#86601c;--gold3:#c29240;--gold-dim:#6b4c13;--gold-rgb:169, 124, 44;--gold-soft:#a97c2c24;--gold-soft2:#a97c2c3d;--gold-grad:linear-gradient(135deg, #dcb161 0%, #c29240 50%, #96691f 100%);--gold-grad2:linear-gradient(120deg, #cfa04c, #96691f);--gold-btn:linear-gradient(135deg, #b0832f 0%, #8a6526 55%, #6d4d15 100%);--gold-feather-bg:linear-gradient(180deg, #fffdf7 0%, #fdf4df 100%);--gold-feather-line:#c29240b3;--gold-feather-glow:inset 0 0 0 1px #fffc, inset 0 0 14px #c2924042, 0 1px 2px #a97c2c1a;--gold-feather-glow-hover:inset 0 0 0 1px #fffc, inset 0 0 22px #c2924061, 0 4px 14px #a97c2c24;--aqua:#2c757e;--aqua2:#398a93;--aqua-rgb:44, 117, 126;--aqua-soft:#2c757e21;--aqua-grad:linear-gradient(120deg, #398a93, #2c757e);--text:#320404;--text2:#6a3b33;--text3:#937168;--ink:#320404;--text-invert:#fff9e4;--green:#178257;--green-rgb:23, 130, 87;--green-soft:#17825724;--red:#c4382c;--red-rgb:196, 56, 44;--red-soft:#c4382c24;--amber:#9c5a0f;--amber-rgb:156, 90, 15;--amber-soft:#9c5a0f26;--blue:#2c757e;--blue-rgb:44, 117, 126;--blue-soft:#2c757e21;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:26px;--fs-2xl:32px;--lh-body:1.5;--lh-head:1.2;--track-head:-.01em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--pad-page:32px;--pad-card:20px;--gap-card:16px;--gap-section:32px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:16px;--r-pill:999px;--shadow-card:0 1px 2px #3204040f, 0 8px 24px #3204040d;--shadow-float:0 12px 32px #3204041f, 0 1px 2px #3204040f;--shadow-gold:0 6px 18px rgba(var(--gold-rgb), .24);--ease:cubic-bezier(.23, 1, .32, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--t-fast:.16s;--t-mid:.2s;--sidebar-w:240px;--topbar-h:52px;--font-body:"Montserrat", system-ui, sans-serif;--font-display:"Montserrat", system-ui, sans-serif}.theme-dark{--bg:#1a0303;--bg2:#240404;--surface:#320404;--surface2:#400f0d;--surface3:#4f1a17;--line:#fff9e424;--line2:#fff9e43d;--gold:#c29240;--gold2:#dbaf63;--gold3:#efcd95;--gold-dim:#8a6526;--gold-rgb:194, 146, 64;--gold-soft:#c2924024;--gold-soft2:#c292403d;--gold-grad:linear-gradient(135deg, #efcd95 0%, #c29240 45%, #8a6526 100%);--gold-grad2:linear-gradient(120deg, #dbaf63, #a97a2c);--gold-btn:linear-gradient(135deg, #b0832f 0%, #8a6526 55%, #6d4d15 100%);--aqua:#76dee9;--aqua2:#398a93;--aqua-rgb:118, 222, 233;--aqua-soft:#76dee924;--aqua-grad:linear-gradient(120deg, #76dee9, #398a93);--text:#fff9e4;--text2:#ddcbb6;--text3:#a8907f;--ink:#2a0303;--text-invert:#fff9e4;--green:#5fd39b;--green-rgb:95, 211, 155;--green-soft:#5fd39b26;--red:#ff8578;--red-rgb:255, 133, 120;--red-soft:#ff857829;--amber:#f0913c;--amber-rgb:240, 145, 60;--amber-soft:#f0913c29;--blue:#76dee9;--blue-rgb:118, 222, 233;--blue-soft:#76dee924;--shadow-card:0 1px 2px #0a010166, 0 8px 24px #0a010166;--shadow-float:0 12px 32px #0a01018c, 0 1px 2px #0a010166;--shadow-gold:0 6px 18px rgba(var(--gold-rgb), .26)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);font-weight:450;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--track-head);font-weight:600;line-height:var(--lh-head);color:var(--text);margin:0}h1{font-size:var(--fs-2xl);font-weight:700}h2{font-size:var(--fs-xl);font-weight:700}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0}a{color:var(--gold2);text-decoration:none}button,input,textarea,select{font-family:inherit}::selection{background:rgba(var(--gold-rgb),.35)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}::-webkit-scrollbar-track{background:0 0}.gold-text{color:var(--gold2)}.eyebrow{font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--text3);font-weight:600}.muted{color:var(--text2)}.bold2{font-weight:700}.muted2{color:var(--text3)}.mono{font-variant-numeric:tabular-nums}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.bold{font-weight:600}.hint{font-size:var(--fs-xs);color:var(--text3);line-height:1.45}.row{align-items:center;gap:var(--sp-2);display:flex}.between{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.col{gap:var(--sp-2);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.center{text-align:center}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.section{margin-top:var(--gap-section)}.stack{gap:var(--gap-card);flex-direction:column;display:flex}.stack-lg{gap:var(--gap-section);flex-direction:column;display:flex}.grid{gap:var(--gap-card);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1100px){.grid-4,.grid-5,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGold{0%,to{box-shadow:0 0 0 0 rgba(var(--gold-rgb),.4)}50%{box-shadow:0 0 0 10px rgba(var(--gold-rgb),0)}}.fade-up{animation:fadeUp var(--t-mid) var(--ease) both}table,.tbl,.stat-value,.stat,.kas-nilai,.hp-angka,.amount-big,.ring-val,.num{font-variant-numeric:tabular-nums}@media (hover:none){.card-hover:hover,.opt-card:hover,.company-card:hover{box-shadow:var(--shadow-card);transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media print{body{color:#111!important;background:#fff!important}.sidebar,.topbar,.btn,.toasts,.no-print{display:none!important}.card{box-shadow:none!important;color:#111!important;background:#fff!important;border-color:#ddd!important}.page{padding:0!important}}.page-loading{min-height:40vh}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-base);letter-spacing:0;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:9px 16px;font-weight:600;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1),border-color .16s,color .16s,opacity .16s;display:inline-flex}.btn svg{width:15px;height:15px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-gold{background:var(--gold-feather-bg);color:var(--gold2);border-color:var(--gold-feather-line);box-shadow:var(--gold-feather-glow);transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1),opacity .16s}.btn-outline{color:var(--gold2);border-color:rgba(var(--gold-rgb),.4);background:0 0}.btn-ghost{background:var(--surface2);color:var(--text);border-color:var(--line)}.btn-danger{background:var(--red-soft);color:var(--red);border-color:rgba(var(--red-rgb),.3)}.btn-green{background:var(--green-soft);color:var(--green);border-color:rgba(var(--green-rgb),.3)}@media (hover:hover) and (pointer:fine){.btn-gold:hover:not(:disabled){box-shadow:var(--gold-feather-glow-hover)}.btn-outline:hover:not(:disabled){background:var(--gold-soft);border-color:var(--gold)}.btn-ghost:hover:not(:disabled){background:var(--surface3);border-color:var(--line2)}.btn-danger:hover:not(:disabled){background:rgba(var(--red-rgb),.24)}.btn-green:hover:not(:disabled){background:rgba(var(--green-rgb),.24)}}.btn-sm{font-size:var(--fs-sm);border-radius:var(--r-sm);padding:6px 11px}.btn-lg{font-size:var(--fs-md);border-radius:var(--r-md);padding:12px 24px}.btn-icon{border-radius:var(--r-sm);width:34px;height:34px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.btn-block{width:100%}.card{background:var(--surface);border-radius:var(--r-md);padding:var(--pad-card);box-shadow:var(--shadow-card);border:0}.card.tight{padding:var(--sp-4)}.card-hover{transition:transform var(--t-mid) var(--ease), box-shadow var(--t-mid);cursor:pointer}@media (hover:hover) and (pointer:fine){.card-hover:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}}.card-hover:active{transform:scale(.995)}.card-gold{background:var(--surface)}.card-title{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:var(--track-head);font-weight:600;line-height:var(--lh-head)}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.divider,.divider-gold{background:var(--line);height:1px;margin:var(--sp-3) 0}.stat{gap:var(--sp-1);padding:var(--sp-4) 56px var(--sp-4) var(--sp-4);background:var(--surface2);border-radius:var(--r-md);box-shadow:none;border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-icon{color:var(--gold);opacity:.28;pointer-events:none;line-height:0;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.stat-icon svg{stroke-width:1.4px;width:34px;height:34px}.stat-label{font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--text3);font-weight:500}.stat-value{font-family:var(--font-display);letter-spacing:var(--track-head);color:var(--text);font-size:22px;font-weight:700;line-height:1.15;position:relative}.stat-value.sm{font-size:var(--fs-lg)}.stat-line{font-size:var(--fs-xs);color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-weight:500;position:relative;overflow:hidden}.stat-line em{color:var(--text3);font-style:normal;font-weight:500}.stat-sub{font-size:var(--fs-xs);color:var(--text3);font-weight:500}.tag{border-radius:var(--r-pill);font-size:var(--fs-xs);letter-spacing:0;white-space:nowrap;border:0;align-items:center;gap:6px;padding:2px 8px;font-weight:600;display:inline-flex}.tag-gold{background:var(--gold-soft);color:var(--gold2)}.tag-green{background:var(--green-soft);color:var(--green)}.tag-red{background:var(--red-soft);color:var(--red)}.tag-amber{background:var(--amber-soft);color:var(--amber)}.tag-blue{background:var(--blue-soft);color:var(--blue)}.tag-muted{background:var(--surface3);color:var(--text2)}.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.field{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.field label,.label{font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--text3);font-weight:500}.input,.textarea{background:var(--bg2);border:1px solid var(--line2);width:100%;color:var(--text);border-radius:var(--r-sm);font-size:var(--fs-base);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);outline:none;padding:9px 12px}.input::placeholder,.textarea::placeholder{color:var(--text3)}.input:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.15);background:var(--surface)}.textarea{resize:vertical;min-height:90px}.input-wrap{align-items:center;width:100%;display:flex;position:relative}.input-wrap .prefix{font-size:var(--fs-sm);color:var(--text3);pointer-events:none;font-weight:500;position:absolute;left:12px}.input-wrap .input.has-prefix{padding-left:38px}.input-wrap .suffix{font-size:var(--fs-xs);color:var(--text3);pointer-events:none;position:absolute;right:12px}.input.sm{font-size:var(--fs-sm);border-radius:var(--r-sm);padding:6px 10px}.input.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:var(--fs-base);font-variant-numeric:tabular-nums}.tbl th{text-align:left;font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--text3);border-bottom:1px solid var(--line);background:var(--surface);white-space:nowrap;height:40px;padding:0 14px;font-weight:500}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;height:44px;padding:0 14px;font-weight:450}.tbl tbody tr{transition:background var(--t-fast)}@media (hover:hover) and (pointer:fine){.tbl tbody tr:hover{background:var(--surface2)}}.tbl tbody tr:last-child td{border-bottom:none}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl td.num{font-weight:500}.tbl tfoot td{background:var(--surface2);border-top:1px solid var(--line);font-weight:600}.tbl .group td{background:var(--surface2);color:var(--text2);letter-spacing:0;font-weight:600}.tbl .input.sm{min-width:80px}.bar{background:var(--surface3);border-radius:99px;height:8px;position:relative;overflow:hidden}.bar>i{background:var(--gold);height:100%;transition:width .6s var(--ease);border-radius:99px;display:block}.bar.thin{height:5px}.bar>i.green{background:var(--green)}.bar>i.red{background:var(--red)}.bar>i.blue{background:var(--blue)}.seg{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-sm);gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text2);font-size:var(--fs-sm);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-weight:500}.seg button.on{background:var(--surface);color:var(--gold2);font-weight:600;box-shadow:0 1px 2px #3204040f}.tabs{gap:var(--sp-5);margin-bottom:var(--sp-5);scrollbar-width:none;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;align-items:stretch;padding:0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button,.tabs a{color:var(--text3);font-size:var(--fs-base);cursor:pointer;white-space:nowrap;transition:color var(--t-fast);background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:0 0 10px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.tabs button:after,.tabs a:after{content:"";background:var(--gold);opacity:0;height:2px;transition:opacity var(--t-fast);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:0;right:0}.tabs svg{opacity:.7;width:15px;height:15px;transition:opacity var(--t-fast);flex-shrink:0}@media (hover:hover) and (pointer:fine){.tabs button:hover,.tabs a:hover{color:var(--text)}}.tabs button.on,.tabs a.on{color:var(--gold2);font-weight:600}.tabs button.on:after,.tabs a.on:after,.tabs .on svg{opacity:1}.empty{text-align:center;padding:var(--sp-6) var(--sp-5);color:var(--text3);background:var(--surface2);border-radius:var(--r-md);border:0}.empty h4{color:var(--text2);font-size:var(--fs-base);margin-bottom:var(--sp-1);font-weight:600}.avatar{width:32px;height:32px;font-weight:600;font-size:var(--fs-sm);color:var(--ink);background:var(--gold3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar.lg{width:44px;height:44px;font-size:var(--fs-md)}.avatar.sm{width:24px;height:24px;font-size:var(--fs-xs)}.avatar.dark{background:var(--surface3);color:var(--gold2);border:0}.page{padding:var(--pad-page) var(--pad-page) var(--sp-7);max-width:1320px;animation:fadeUp .24s var(--ease) both;width:100%;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.page-title{font-size:var(--fs-xl);letter-spacing:var(--track-head);font-weight:700;line-height:var(--lh-head)}.page-sub{color:var(--text3);margin-top:var(--sp-1);font-size:var(--fs-sm);font-weight:450}@media (width<=700px){.page{padding:var(--sp-4) var(--sp-4) 72px}.page-title{font-size:var(--fs-lg)}}.pill-list{flex-wrap:wrap;gap:6px;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface2) 25%, var(--surface3) 50%, var(--surface2) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite shimmer}.stepper{align-items:center;gap:0;margin-bottom:26px;display:flex}.stepper .st{color:var(--text3);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.stepper .st .n{border:1px solid var(--line2);background:var(--surface);width:30px;height:30px;transition:all var(--t-mid);border-radius:50%;place-items:center;font-size:14px;display:grid}.stepper .st.on{color:var(--text)}.stepper .st.on .n{background:var(--gold3);color:var(--ink);box-shadow:var(--shadow-gold);border-color:#0000}.stepper .st.done .n{background:var(--gold-soft);color:var(--gold2);border-color:rgba(var(--gold-rgb),.4)}.stepper .ln{background:var(--line2);flex:1;min-width:20px;height:1px;margin:0 14px}.stepper .ln.done{background:var(--gold-dim)}.tl{padding-left:22px;position:relative}.tl:before{content:"";background:linear-gradient(180deg, var(--gold), transparent);width:1px;position:absolute;top:6px;bottom:6px;left:6px}.tl-item{padding-bottom:16px;position:relative}.tl-item:before{content:"";background:var(--gold);width:9px;height:9px;box-shadow:0 0 0 3px var(--gold-soft);border-radius:50%;position:absolute;top:5px;left:-20px}.opt-card{border:1px solid var(--line);background:var(--surface2);border-radius:var(--r-sm);padding:var(--sp-4);cursor:pointer;transition:border-color var(--t-mid) var(--ease), background var(--t-mid) var(--ease);position:relative}@media (hover:hover) and (pointer:fine){.opt-card:hover{border-color:rgba(var(--gold-rgb),.4)}}.opt-card.on{border-color:var(--gold);background:var(--gold-soft)}.opt-card .check{background:var(--gold);width:20px;height:20px;color:var(--ink);border-radius:50%;place-items:center;display:none;position:absolute;top:12px;right:12px}.opt-card.on .check{display:grid}.chk{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:15px;display:inline-flex}.chk i{border:1px solid var(--line2);background:var(--bg2);width:20px;height:20px;transition:all var(--t-fast);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.chk i svg{opacity:0;width:12px;height:12px;transition:all var(--t-fast) var(--spring);color:var(--ink);transform:scale(.5)}.chk.on i{background:var(--gold3);border-color:#0000}.chk.on i svg{opacity:1;transform:none}.toggle{background:var(--surface3);border:1px solid var(--line2);cursor:pointer;width:42px;height:24px;transition:all var(--t-mid);border-radius:99px;flex-shrink:0;position:relative}.toggle:after{content:"";background:var(--text2);width:16px;height:16px;transition:all var(--t-mid) var(--spring);border-radius:50%;position:absolute;top:3px;left:3px}.toggle.on{background:var(--gold-soft2);border-color:var(--gold)}.toggle.on:after{background:var(--gold);left:21px}.status-col{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-lg);min-height:200px;padding:12px}.status-col h4{font-family:var(--font-body);letter-spacing:.14em;text-transform:none;letter-spacing:0;color:var(--text3);justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.linkbox{background:var(--bg);border:1px dashed rgba(var(--gold-rgb),.4);border-radius:var(--r-md);color:var(--gold2);align-items:center;gap:8px;padding:8px 8px 8px 12px;font-family:ui-monospace,monospace;font-size:14px;display:flex;overflow:hidden}.linkbox span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.amount-big{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800}.lap-row{transition:background var(--t-fast), padding var(--t-fast);border-radius:8px}.lap-row:hover{background:rgba(var(--gold-rgb),.05)}.proj-head{padding:0;overflow:hidden}.proj-head-bar{cursor:pointer;text-align:left;width:100%;color:var(--text);transition:background var(--t-fast);background:0 0;border:none;align-items:center;gap:16px;padding:14px 20px;display:flex}.proj-head.buka .proj-head-bar{padding:18px 20px 10px}.proj-head-bar:hover{background:rgba(var(--gold-rgb),.05)}.proj-head-id{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.proj-head-name{font-family:var(--font-display);letter-spacing:var(--track-head);font-weight:600;font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.proj-head.buka .proj-head-name{font-size:var(--fs-lg)}.proj-head-mini{flex-shrink:0;gap:10px}.proj-head-chev{color:var(--gold);transition:transform var(--t-mid) var(--ease);flex-shrink:0}.proj-head.buka .proj-head-chev{transform:rotate(180deg)}.proj-head-body{animation:fadeUp .22s var(--ease) both;padding:0 20px 18px}@media (width<=700px){.proj-head-mini{display:none}.proj-head-body{padding:0 16px 16px}.proj-head-bar{gap:12px;padding:12px 16px}}.lipat{padding:0;overflow:visible}.lipat-bar{align-items:center;gap:10px;padding:14px 18px;display:flex}.lipat.buka .lipat-bar{padding-bottom:10px}.lipat-tombol{cursor:pointer;text-align:left;min-width:0;color:var(--text);background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:0;display:flex}.lipat-chev{color:var(--gold);transition:transform var(--t-mid) var(--ease);flex-shrink:0;transform:rotate(-90deg)}.lipat.buka .lipat-chev{transform:none}.lipat-teks{flex-direction:column;gap:2px;min-width:0;display:flex}.lipat-ringkas{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.lipat-aksi{flex-shrink:0}.lipat-isi{animation:fadeUp .2s var(--ease) both;padding:0 18px 18px}@media (width<=700px){.lipat-bar{flex-wrap:wrap;padding:12px 14px}.lipat-isi{padding:0 14px 14px}.lipat-ringkas{display:none}}.bar-pegang{cursor:ew-resize;opacity:0;width:10px;transition:opacity var(--t-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.bar-pegang:before{content:"";background:var(--gold-dim);border-radius:2px;width:3px;height:12px;box-shadow:0 0 0 1px #fff9e480}.bar-pegang.kiri{left:0}.bar-pegang.kanan{right:0}.gantt-baris:hover .bar-pegang{opacity:.95}.bar-info{z-index:6;pointer-events:none;white-space:nowrap;background:var(--surface2);border:1px solid rgba(var(--gold-rgb),.45);color:var(--gold2);box-shadow:var(--shadow-float);border-radius:8px;padding:5px 9px;font-size:13px;font-weight:700;position:absolute}.search{cursor:text;background:#fff}.search input{color:var(--text)}.search input::placeholder{color:var(--text3)}.kbd{font-family:var(--font-body);letter-spacing:.04em;color:var(--text3);background:var(--surface3);border:1px solid var(--line);border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.4}.tab-badge{background:var(--amber);min-width:18px;height:18px;color:var(--text-invert);text-align:center;border-radius:99px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.tabs .on .tab-badge{background:var(--gold)}.notif-wrap{position:relative}.notif-dot{background:var(--amber);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:7px;right:7px}.notif-scrim{z-index:900;position:fixed;inset:0}.notif-pop{z-index:901;background:var(--surface);border:1px solid var(--line2);border-radius:var(--r-lg);width:340px;box-shadow:var(--shadow-float);animation:popIn .16s var(--ease) both;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.notif-head{letter-spacing:.12em;text-transform:none;letter-spacing:0;color:var(--text3);align-items:center;gap:8px;padding:10px 12px 8px;font-size:12px;font-weight:700;display:flex}.notif-kosong{color:var(--text3);padding:16px 12px;font-size:13px}.notif-item{text-align:left;cursor:pointer;width:100%;color:var(--text);border-radius:var(--r-md);transition:background var(--t-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.notif-item:hover{background:var(--surface2)}.notif-item b{font-size:13px;font-weight:700;line-height:1.3;display:block}.notif-sub{color:var(--text3);margin-top:2px;font-size:12px;display:block}.notif-ico{background:var(--gold-soft);width:32px;height:32px;color:var(--gold2);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.kas-ringkas{background:var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-card);border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.kas-ringkas>div{background:var(--surface);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.kas-ringkas b{font-family:var(--font-display);letter-spacing:var(--track-head);font-size:22px;font-weight:700}.kas-ringkas-label{font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--text3);font-weight:500}.kas-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.kas-kolom{padding:0;overflow:hidden}.kas-kolom-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;display:flex}.kas-kolom-head .grow{flex-direction:column;gap:1px;min-width:0;display:flex}.kas-kolom-ico{border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.kas-kolom-judul{letter-spacing:.14em;text-transform:none;letter-spacing:0;color:var(--text3);font-size:11px;font-weight:700}.kas-kolom-total{font-family:var(--font-display);letter-spacing:var(--track-head);font-size:22px;font-weight:700}.kas-green .kas-kolom-ico{background:var(--green-soft);color:var(--green)}.kas-green .kas-kolom-total{color:var(--green)}.kas-red .kas-kolom-ico{background:var(--red-soft);color:var(--red)}.kas-red .kas-kolom-total{color:var(--red)}.kas-list{flex-direction:column;gap:10px;max-height:620px;padding:14px 16px;display:flex;overflow-y:auto}.kas-box{border-radius:var(--r-sm);background:var(--surface2);padding:var(--sp-3);gap:var(--sp-2);transition:background var(--t-fast);border:0;flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){.kas-box:hover{background:var(--surface3)}}.kas-ket{min-width:0;font-size:14px;font-weight:700;line-height:1.35}.kas-nilai{font-family:var(--font-display);font-size:var(--fs-base);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.kas-green .kas-nilai{color:var(--green)}.kas-red .kas-nilai{color:var(--red)}.kas-tags{flex-wrap:wrap;gap:6px;display:flex}.kas-kosong{text-align:center;color:var(--text3);padding:32px 16px;font-size:13px}@media (width<=1000px){.kas-split{grid-template-columns:1fr}.kas-ringkas{grid-template-columns:repeat(2,minmax(0,1fr))}}.tbl th.center{text-align:center}.rab-tbl th{vertical-align:bottom}.rab-tbl td{vertical-align:top}.rab-tbl .rab-alt{background:rgba(var(--aqua-rgb), .07)}.rab-tbl thead th.rab-alt{background:rgba(var(--aqua-rgb), .14);color:var(--aqua)}.rab-spec{color:var(--text3);margin-top:3px;padding-left:12px;font-size:12px;line-height:1.5;position:relative}.rab-spec:before{content:">";color:var(--gold);position:absolute;left:0}.rab-spec-btn{cursor:pointer;color:var(--gold2);opacity:.75;background:0 0;border:none;align-items:center;gap:4px;margin-top:5px;padding:0;font-family:inherit;font-size:11.5px;font-weight:700;display:inline-flex}.rab-spec-btn:hover{opacity:1;text-decoration:underline}.rab-dicoret td:not(.rab-alt){opacity:.55}.tbl tr.rab-sub td{background:var(--surface2);border-top:1px solid var(--line2);font-weight:700}.tbl tfoot tr.rab-grand td{background:var(--gold-soft);color:var(--gold2);font-size:15px}.wbs-tahapan{font-weight:700}.wbs-baris{position:relative}.wbs-sub{cursor:pointer;background:var(--gold-soft);border:1px solid rgba(var(--gold-rgb), .3);width:22px;height:22px;color:var(--gold2);transition:all var(--t-fast);border-radius:7px;flex-shrink:0;place-items:center;padding:0;display:grid}.wbs-sub:hover{background:var(--gold-soft2);border-color:var(--gold)}.wbs-baris{flex-wrap:nowrap}.wbs-baris>.tag,.wbs-baris>.numstep,.wbs-baris>.btn,.wbs-baris>.xs{flex-shrink:0}.wbs-daftar{overflow-x:auto}.lapor-angka{align-items:baseline;gap:10px;display:flex}.lapor-nilai{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.02em;color:var(--gold2);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.lapor-rinci{text-align:left;border:none;border-top:1px solid var(--line);cursor:pointer;width:100%;color:var(--gold2);background:0 0;align-items:center;gap:8px;padding:12px 0 0;font-family:inherit;font-size:13px;font-weight:700;display:flex}.lapor-rinci:hover{color:var(--gold2)}.lapor-baris{transition:border-color var(--t-fast)}.lapor-baris.naik{border-color:rgba(var(--green-rgb), .5);background:var(--green-soft)}.lapor-qty{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lapor-qty-btn{border-radius:var(--r-md);cursor:pointer;background:var(--surface2);border:1px solid var(--line2);width:44px;height:44px;color:var(--gold2);transition:all var(--t-fast);flex-shrink:0;font-size:22px;font-weight:700;line-height:1}.lapor-qty-btn:hover:not(:disabled){border-color:var(--gold);background:var(--gold-soft)}.lapor-qty-btn:disabled{opacity:.35;cursor:not-allowed}.lapor-qty-input{text-align:center;border-radius:var(--r-md);background:var(--bg2);border:1px solid var(--line2);width:96px;height:44px;color:var(--text);font-family:var(--font-display);outline:none;font-size:22px;font-weight:700}.lapor-qty-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--gold-rgb), .15)}.lapor-qty-dari{color:var(--text3);font-size:14px;font-weight:700}.lapor-preset{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lapor-preset-btn{border-radius:var(--r-md);cursor:pointer;background:var(--surface2);border:1px solid var(--line2);color:var(--text2);transition:all var(--t-fast);padding:13px 8px;font-family:inherit;font-size:14px;font-weight:700}.lapor-preset-btn:hover:not(:disabled){border-color:var(--gold);color:var(--text)}.lapor-preset-btn.on{background:var(--gold-feather-bg);border-color:var(--gold-feather-line);box-shadow:var(--gold-feather-glow);color:var(--gold2)}.lapor-preset-btn:disabled{opacity:.3;cursor:not-allowed}.lapor-foto{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lapor-foto .btn{padding:13px 12px}@media (width<=520px){.lapor-foto{grid-template-columns:1fr}}.aksi-scrim{z-index:1200;position:fixed;inset:0}.aksi-pop{z-index:1201;background:var(--surface);border:1px solid var(--line2);border-radius:var(--r-md);width:164px;box-shadow:var(--shadow-float);animation:popIn .14s var(--ease) both;flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed}.aksi-pop button{text-align:left;cursor:pointer;border-radius:var(--r-sm);width:100%;color:var(--text);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:700}.aksi-pop button:hover{background:var(--gold-soft);color:var(--gold2)}.gantt-scroller{cursor:grab}.gantt-scroller.menggeser{cursor:grabbing;-webkit-user-select:none;user-select:none}.gantt-scroller.menggeser *{cursor:grabbing!important}.sup-kode{background:var(--gold-soft);color:var(--gold2);letter-spacing:.04em;border-radius:6px;flex-shrink:0;padding:3px 7px;font-size:11px;font-weight:700}.harga-ubah{white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.harga-ubah.naik{color:var(--red)}.harga-ubah.turun{color:var(--green)}.beli-meta{color:var(--text3);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12.5px;display:flex}.beli-meta span{align-items:center;gap:6px;display:inline-flex}.beli-meta svg{color:var(--gold);flex-shrink:0}.hp{width:100%;max-width:760px;padding:0 0 calc(36px + env(safe-area-inset-bottom,0px));flex-direction:column;min-height:100%;margin:0 auto;display:flex}.hp-atas{top:var(--topbar-h);z-index:20;background:linear-gradient(180deg, var(--bg) 82%, transparent);flex-direction:column;gap:14px;padding:24px 22px 18px;display:flex;position:sticky}.hp-seg{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-pill);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.hp-seg button{cursor:pointer;border-radius:var(--r-pill);color:var(--text2);transition:all var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:7px;padding:12px 10px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex}.hp-seg button.on{background:var(--gold-feather-bg);box-shadow:0 0 0 1px var(--gold-feather-line), var(--gold-feather-glow);color:var(--gold2)}.hp-seg i{background:var(--amber);min-width:18px;height:18px;color:var(--text-invert);border-radius:99px;padding:0 5px;font-size:11px;font-style:normal;font-weight:700;line-height:18px}.hp-seg button.on i{background:#fff9e447}.hp-isi{flex-direction:column;gap:18px;padding:0 22px;display:flex}.hp-angka{background:var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-card);border:0;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.hp-angka>div{background:var(--surface);flex-direction:column;gap:5px;min-width:0;padding:18px 16px;display:flex}.hp-angka b{font-family:var(--font-display);letter-spacing:var(--track-head);color:var(--text);white-space:nowrap;font-size:22px;font-weight:700}.hp-angka span{font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--text3);font-weight:500;line-height:1.3}.hp-angka .awas b{color:var(--red)}.hp-kartu{background:var(--surface);border-radius:var(--r-md);padding:var(--pad-card);gap:var(--sp-2);box-shadow:var(--shadow-card);border:0;flex-direction:column;display:flex}.hp-kartu-atas{justify-content:space-between;align-items:center;gap:10px;display:flex}.hp-no{color:var(--text3);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.hp-judul{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:var(--track-head);font-weight:600;line-height:1.25}.hp-catatan{color:var(--text2);font-size:13.5px;line-height:1.5}.hp-baris{text-align:left;width:100%;color:var(--text2);background:0 0;border:none;align-items:center;gap:10px;padding:0;font-family:inherit;font-size:13.5px;display:flex}.hp-baris svg{color:var(--gold);flex-shrink:0}.hp-baris span{flex:1;min-width:0}.hp-baris.tekan{cursor:pointer;color:var(--gold2);font-weight:700}.hp-baris.tekan:hover{text-decoration:underline}.hp-barang{border-top:1px solid var(--line);flex-direction:column;display:flex}.hp-item{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:10px 0;display:grid}.hp-item-nama{grid-column:1;font-size:14px;font-weight:700}.hp-item-qty{color:var(--text3);grid-column:1;font-size:12.5px}.hp-item-nilai{white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:1/2/span 2;align-self:center;font-size:14px;font-weight:700}.hp-total{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hp-total span{letter-spacing:.06em;text-transform:none;letter-spacing:0;color:var(--text3);font-size:12px;font-weight:700}.hp-total b{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:var(--track-head);color:var(--text);font-weight:700}.hp-aksi{flex-direction:column;gap:8px;margin-top:2px;display:flex}.hp-aksi .btn{padding:14px 16px;font-size:14px}@media (width<=700px){.hp-atas{gap:10px;padding:16px 16px 12px}.hp-isi{gap:12px;padding:0 16px}.hp-angka>div{padding:13px 10px}.hp-angka b{font-size:18px}}.zoom-grup{background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r-md);align-items:center;gap:2px;padding:3px;display:inline-flex}.zoom-grup button{cursor:pointer;width:28px;height:26px;color:var(--gold);transition:all var(--t-fast);background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.zoom-grup button:hover:not(:disabled){background:var(--surface3)}.zoom-grup button:disabled{opacity:.35;cursor:not-allowed}.zoom-grup .nilai{text-align:center;min-width:42px;color:var(--text2);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11.5px;font-weight:700}.zoom-grup .nilai:hover{color:var(--gold2)}.wbs-total{text-align:right;min-width:132px;color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:12.5px;font-weight:700}.wbs-persen{flex-shrink:0;width:62px}.wbs-persen .input{padding-right:21px}.input-wrap .suffix.sm{font-size:11px;font-weight:700;right:8px}.adm-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex}.adm-bar .grow{flex:1}.adm-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}@media (width<=1080px){.adm-board{grid-template-columns:1fr}}.adm-kolom{background:var(--surface);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-card);border:0}.adm-kolom-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.adm-hitung{border-radius:var(--r-pill);background:var(--surface3);min-width:26px;height:26px;color:var(--text2);border:1px solid var(--line);place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:grid}.adm-kolom-nilai{font-family:var(--font-display);margin:10px 0 4px;font-size:19px;font-weight:700}.adm-kolom:before{content:"";border-radius:var(--r-pill);height:3px;margin:-4px 0 12px;display:block}.adm-kolom.tone-amber:before{background:var(--amber)}.adm-kolom.tone-blue:before{background:var(--blue)}.adm-kolom.tone-green:before{background:var(--green)}.adm-kolom.tone-amber .adm-hitung{background:var(--amber-soft);color:var(--amber);border-color:rgba(var(--amber-rgb), .3)}.adm-kolom.tone-blue .adm-hitung{background:var(--blue-soft);color:var(--blue);border-color:rgba(var(--blue-rgb), .3)}.adm-kolom.tone-green .adm-hitung{background:var(--green-soft);color:var(--green);border-color:rgba(var(--green-rgb), .3)}.adm-kolom-isi{flex-direction:column;gap:10px;max-height:62vh;margin-top:10px;padding-right:2px;display:flex;overflow-y:auto}.adm-kosong{border:1px dashed var(--line2);border-radius:var(--r-md);text-align:center;color:var(--text3);padding:26px 14px;font-size:13px}.adm-grup{letter-spacing:.09em;text-transform:none;letter-spacing:0;color:var(--text3);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.adm-grup b{color:var(--text2)}.adm-kartu{background:var(--surface2);border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease);border:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.adm-kartu:hover{background:var(--surface3)}}.adm-kartu-utama{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:11px 12px;display:block}.adm-kartu-atas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;display:flex}.adm-kartu-judul{margin:7px 0;font-size:13.5px;font-weight:600;line-height:1.35}.adm-kartu-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.adm-kartu-bawah{flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;display:flex}.adm-kartu-bawah .grow{flex:1}.adm-kartu-bawah b{font-family:var(--font-display);font-size:14px}.adm-kartu-aksi{gap:6px;padding:0 12px 11px;display:flex}.adm-kartu-aksi:empty{display:none}.adm-kartu-aksi .grow{flex:1}.adm-tolak{text-align:left;background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-md);width:100%;color:inherit;cursor:pointer;font:inherit;align-items:center;gap:10px;padding:9px 12px;display:flex}.adm-tolak:hover{border-color:var(--line2)}.adm-tolak .grow{flex:1;min-width:0}.adm-item{grid-template-columns:minmax(0,1fr) 96px 92px 120px 32px;align-items:center;gap:6px;display:grid}@media (width<=720px){.adm-item{grid-template-columns:minmax(0,1fr) 1fr}}.adm-talangan{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface2);padding:11px 12px}.adm-talangan.on{border-color:rgba(var(--gold-rgb), .45);background:var(--gold-soft)}.adm-talangan p{margin:7px 0 0;line-height:1.45}.adm-ringkas{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:13px;display:flex}.adm-ringkas span{color:var(--text3)}.adm-alasan{border-left:3px solid var(--red);background:var(--red-soft);border-radius:var(--r-sm);padding:9px 11px;font-size:13px}.adm-jejak{gap:11px;padding-bottom:14px;display:flex;position:relative}.adm-jejak:last-child{padding-bottom:0}.adm-jejak i{background:var(--surface3);border:2px solid var(--line2);border-radius:50%;flex:none;width:11px;height:11px;margin-top:3px}.adm-jejak.on i{background:var(--gold);border-color:var(--gold)}.adm-jejak:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:16px;bottom:2px;left:5px}.adm-jejak.on:not(:last-child):before{background:rgba(var(--gold-rgb), .45)}@media (width<=640px){.adm-bar .sel{width:100%!important}}.req-grup>header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.req-grup>header b{letter-spacing:.02em;font-size:13px}.req-titik{border-radius:50%;flex:none;width:8px;height:8px}.req-titik.tone-amber{background:var(--amber)}.req-titik.tone-blue{background:var(--blue)}.req-titik.tone-green{background:var(--green)}.req-aksi-grup{margin-left:auto}.req-hitung{border-radius:var(--r-pill);background:var(--surface3);min-width:20px;height:20px;color:var(--text2);place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:grid}.req-baris{align-items:stretch;gap:var(--sp-2);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);transition:box-shadow var(--t-fast) var(--ease);border:0;display:flex}@media (hover:hover) and (pointer:fine){.req-baris:hover{box-shadow:var(--shadow-float)}}.req-baris.tolak{border-left:3px solid var(--red)}.req-utama{text-align:left;min-width:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex:1;padding:12px 14px}.req-judul{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.req-judul span{font-size:var(--fs-base);font-weight:500;line-height:1.35}.req-judul b{font-family:var(--font-display);font-size:var(--fs-base);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.req-kabar{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.req-kaki{color:var(--text3);flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12px;display:flex}.req-alasan{color:var(--red);margin-top:8px;font-size:12.5px}.req-aksi{align-items:center;padding-right:12px;display:flex}.req-aksi:empty{display:none}@media (width<=620px){.req-baris{flex-direction:column;gap:0}.req-aksi{padding:0 14px 12px}.req-aksi .btn{width:100%}}.adm-belanja{border-top:1px dashed var(--line);flex-direction:column;gap:4px;margin:9px 0 0;padding:8px 0 0;list-style:none;display:flex}.adm-belanja li{color:var(--text2);justify-content:space-between;gap:10px;font-size:12.5px;display:flex}.adm-belanja li b{white-space:nowrap;color:var(--text)}.adm-terang{background:var(--bg);color:var(--text);border-radius:var(--r-lg)}.adm-terang.page{max-width:none;min-height:calc(100vh - var(--topbar-h));border-radius:0;margin:0}.adm-wrap.adm-terang{min-height:0;margin-bottom:18px;padding:18px}.adm-kolom-head{align-items:center}.adm-kolom-head b{letter-spacing:.02em;font-size:14px}.tabs-aksi{flex-shrink:0;margin-left:auto}.adm-bar{flex-wrap:nowrap}.adm-bar .seg{flex-shrink:0}@media (width<=760px){.adm-bar{flex-wrap:wrap}}.tabs.tabs-terang{background:var(--surface2);border-color:var(--line);min-height:0}.tabs-terang a,.tabs-terang button:not(.btn){color:var(--text2)}.tabs-terang a:hover,.tabs-terang button:not(.btn):hover{color:var(--text);background:var(--surface3)}.proj-bar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.proj-bar-judul{gap:var(--sp-2);row-gap:4px}.proj-nama{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:var(--track-head);font-weight:600;line-height:var(--lh-head);margin:0}.proj-meta{font-size:var(--fs-sm);color:var(--text3);margin-top:2px}@media (width<=700px){.proj-bar{align-items:flex-start}.proj-nama{font-size:var(--fs-md)}}.btn-link{cursor:pointer;font-family:inherit;font-size:var(--fs-sm);color:var(--text3);transition:color var(--t-fast);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-link:hover{color:var(--gold2)}}.card.tight.stat{padding:var(--sp-4) 56px var(--sp-4) var(--sp-4)}.tab-hitung{border-radius:var(--r-pill);background:var(--surface3);color:var(--text3);font-variant-numeric:tabular-nums;margin-left:6px;padding:0 6px;font-size:11px;font-weight:500}.tabs .on .tab-hitung{background:var(--gold-soft);color:var(--gold2)}.sel{width:100%;position:relative}.sel-trigger{background:var(--bg2);border:1px solid var(--line2);width:100%;color:var(--text);border-radius:var(--r-md);cursor:pointer;text-align:left;transition:all var(--t-fast);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:10px 13px;font-size:15px;display:flex}.sel-trigger.sm{font-size:var(--fs-sm);border-radius:var(--r-sm);min-height:32px;padding:6px 10px}.sel-trigger:hover{border-color:rgba(var(--gold-rgb),.45)}.sel-trigger.open{border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.15)}.sel-trigger .ph{color:var(--text3)}.sel-trigger .chev{color:var(--gold);transition:transform var(--t-mid) var(--spring);flex-shrink:0}.sel-trigger.open .chev{transform:rotate(180deg)}.sel-menu{z-index:9999;background:var(--surface2);border:1px solid rgba(var(--gold-rgb),.3);border-radius:var(--r-md);box-shadow:var(--shadow-float);animation:popIn .16s var(--ease) both;flex-direction:column;gap:2px;max-height:300px;padding:6px;display:flex;position:fixed;overflow-y:auto}.sel-search{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text3);align-items:center;gap:8px;margin-bottom:4px;padding:6px 10px;display:flex}.sel-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14.5px}.sel-opt{justify-content:space-between;align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-base);color:var(--text2);transition:background var(--t-fast), color var(--t-fast);padding:8px 10px;display:flex}.sel-opt:hover{background:var(--surface3);color:var(--text)}.sel-opt.on{background:var(--gold-soft);color:var(--gold2);font-weight:600}.sel-opt .sub{color:var(--text3);font-size:13px;font-weight:500}.sel-empty{text-align:center;color:var(--text3);padding:14px;font-size:14px}.dp-menu{z-index:9999;background:var(--surface2);border:1px solid rgba(var(--gold-rgb),.3);border-radius:var(--r-lg);box-shadow:var(--shadow-float);width:300px;animation:popIn .16s var(--ease) both;padding:14px;position:fixed}.dp-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dp-head .mo{font-family:var(--font-display);align-items:baseline;gap:8px;font-size:20px;font-weight:700;display:flex}.dp-head .mo span{color:var(--gold);cursor:pointer}.dp-nav{border:1px solid var(--line);background:var(--bg2);width:30px;height:30px;color:var(--text2);cursor:pointer;border-radius:8px;place-items:center;display:grid}.dp-nav:hover{border-color:var(--gold);color:var(--gold)}.dp-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dp-dow{text-align:center;letter-spacing:.1em;color:var(--text3);padding:6px 0;font-size:12px;font-weight:700}.dp-day{height:34px;color:var(--text2);cursor:pointer;transition:all var(--t-fast);border:1px solid #0000;border-radius:9px;place-items:center;font-size:14.5px;display:grid;position:relative}.dp-day:hover{background:var(--surface3);color:var(--text)}.dp-day.out{opacity:.25}.dp-day.today{border-color:rgba(var(--gold-rgb),.5);color:var(--gold2)}.dp-day.on{background:var(--gold-feather-bg);border-color:var(--gold-feather-line);box-shadow:var(--gold-feather-glow);color:var(--gold2);font-weight:700}.dp-day.range{background:var(--gold-soft);color:var(--gold2);border-radius:0}.dp-day.dis{opacity:.2;cursor:not-allowed}.dp-months{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dp-months button{background:var(--bg2);border:1px solid var(--line);color:var(--text2);cursor:pointer;border-radius:8px;padding:10px;font-size:14px;font-weight:700}.dp-months button.on{background:var(--gold-soft);color:var(--gold2);border-color:var(--gold)}.dp-foot{border-top:1px solid var(--line);justify-content:space-between;margin-top:10px;padding-top:10px;display:flex}.dp-foot button{color:var(--gold2);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.modal-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;padding:var(--sp-5);background:#32040466;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-float);border:0;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 48px);animation:.2s ease-out both riseIn;display:flex;overflow:hidden}.modal.lg{max-width:860px}.modal.xl{max-width:1100px}.modal-head{padding:var(--sp-5) var(--sp-5) var(--sp-3);justify-content:space-between;align-items:flex-start;gap:var(--sp-3);border-bottom:1px solid var(--line);display:flex}.modal-head h3{font-size:var(--fs-lg);font-weight:600}.modal-body{padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;display:flex;overflow-y:auto}.modal-foot{padding:var(--sp-3) var(--sp-5) var(--sp-5);justify-content:flex-end;gap:var(--sp-2);border-top:1px solid var(--line);background:var(--surface2);display:flex}@media (width<=700px){.modal-scrim{align-items:flex-end;padding:0}.modal{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh}}.drawer-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#32040452;animation:.2s ease-out fadeIn;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--line);width:min(520px,100vw);box-shadow:var(--shadow-float);z-index:1001;flex-direction:column;animation:.2s ease-out both slideIn;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer.wide{width:min(760px,100vw)}.drawer-head{padding:var(--sp-5) var(--sp-5) var(--sp-3);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.drawer-body{padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer-foot{padding:var(--sp-3) var(--sp-5) var(--sp-5);border-top:1px solid var(--line);gap:var(--sp-2);background:var(--surface2);justify-content:flex-end;display:flex}.toasts{z-index:2000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.toast{align-items:center;gap:var(--sp-3);background:var(--surface);border:0;border-left:3px solid var(--gold);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-float);font-size:var(--fs-sm);min-width:240px;max-width:360px;font-weight:500;animation:.2s ease-out both riseIn;display:flex}.toast.ok{border-left-color:var(--green)}.toast.err{border-left-color:var(--red)}@media (width<=700px){.toasts{bottom:14px;left:14px;right:14px}.toast{min-width:0}}.pop{z-index:9999;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-float);padding:var(--sp-3);animation:.16s ease-out both popIn;position:fixed}.numstep{border:1px solid var(--line2);border-radius:var(--r-md);background:var(--bg2);align-items:center;display:inline-flex;overflow:hidden}.numstep button{width:34px;height:36px;color:var(--gold);cursor:pointer;background:0 0;border:none;font-size:18px}.numstep button:hover{background:var(--surface3)}.numstep input{text-align:center;width:64px;color:var(--text);background:0 0;border:none;outline:none;font-size:15px;font-weight:700}.slider{-webkit-appearance:none;background:linear-gradient(90deg, var(--gold) var(--v,0%), var(--surface3) var(--v,0%));border-radius:99px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:2px solid var(--surface);cursor:grab;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #32040440}.ring{place-items:center;display:inline-grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring .ring-val{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;position:absolute}.upzone{border:1px dashed var(--line2);background:var(--surface2);border-radius:var(--r-sm);padding:var(--sp-5);text-align:center;cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);color:var(--text3)}.upzone:hover{background:var(--gold-soft);border-color:var(--gold)}.upzone b{color:var(--gold2)}.thumb-grid{flex-wrap:wrap;gap:8px;display:flex}.thumb{object-fit:cover;border:1px solid var(--line2);cursor:pointer;border-radius:10px;width:72px;height:72px}.thumb:hover{border-color:var(--gold)}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--line);height:100vh;padding:var(--sp-4) var(--sp-3);flex-direction:column;flex-shrink:0;gap:2px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-4);display:flex}.brand-mark{border-radius:var(--r-sm);background:var(--gold3);width:32px;height:32px;color:var(--ink);flex-shrink:0;place-items:center;display:grid}.brand-name{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:var(--track-head);font-weight:600;line-height:1.15}.brand-sub{letter-spacing:0;text-transform:none;color:var(--text3);margin-top:2px;font-size:11px}.company-chip{align-items:center;gap:var(--sp-2);background:var(--surface);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);margin-bottom:var(--sp-2);transition:background var(--t-fast);border:0;display:flex;box-shadow:0 1px 2px #3204040f}.company-chip.clickable{cursor:pointer}@media (hover:hover) and (pointer:fine){.company-chip.clickable:hover{background:var(--surface2)}}.company-chip .chip-top{align-items:center;gap:var(--sp-2);display:flex}.company-chip .avatar{border-radius:7px;width:26px;height:26px;font-size:11px}.company-chip .chip-name{font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.3;overflow:hidden}.nav-section{letter-spacing:0;text-transform:none;color:var(--text3);padding:var(--sp-4) 10px var(--sp-1);font-size:11px;font-weight:500}.nav-section:first-of-type{padding-top:var(--sp-2)}.nav-item{border-radius:var(--r-sm);color:var(--text2);font-size:var(--fs-base);transition:background var(--t-fast), color var(--t-fast);border:0;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex;position:relative}.nav-item svg{opacity:.75;flex-shrink:0;width:16px;height:16px}@media (hover:hover) and (pointer:fine){.nav-item:hover{background:var(--surface);color:var(--text)}}.nav-item.on{background:var(--gold-soft);color:var(--gold2);font-weight:600}.nav-item.on svg{opacity:1}.nav-item .badge{background:var(--gold);color:var(--text-invert);border-radius:99px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sidebar-foot{padding-top:var(--sp-3);border-top:1px solid var(--line);margin-top:auto}.user-chip{padding:var(--sp-2);border-radius:var(--r-sm);align-items:center;gap:10px;display:flex}.user-chip .name{font-size:var(--fs-sm);font-weight:600;line-height:1.25}.user-chip .role{color:var(--text3);letter-spacing:0;text-transform:none;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);padding:0 var(--pad-page);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;justify-content:space-between;align-items:center;gap:var(--sp-3);background:#fffdf6db;display:flex;position:sticky;top:0}.crumb{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text3);min-width:0;display:flex}.crumb b{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.crumb i{opacity:.45;font-style:normal}.topbar-actions{align-items:center;gap:var(--sp-2);display:flex}.search{align-items:center;gap:var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);width:240px;color:var(--text3);font-size:var(--fs-sm);padding:6px 12px;display:flex}.search input{color:var(--text);font-size:var(--fs-sm);background:0 0;border:none;outline:none;flex:1;min-width:0}.hamburger,.scrim{display:none}@media (width<=900px){.sidebar{z-index:60;transition:transform .26s var(--ease);box-shadow:none;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:0 0 60px #32040438}.hamburger{display:inline-flex}.topbar{padding:0 16px}.search{display:none}.scrim{z-index:50;background:#32040459;animation:.2s fadeIn;display:block;position:fixed;inset:0}}.login-wrap{min-height:100vh;padding:var(--sp-6) var(--sp-4);background:var(--bg);place-items:center;display:grid}.login-card{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:380px;padding:var(--sp-6) var(--sp-5);box-shadow:var(--shadow-card);border:0}.role-grid{gap:var(--sp-2);grid-template-columns:repeat(2,1fr);display:grid}.role-btn{text-align:center;border:1px solid var(--line);background:var(--surface2);border-radius:var(--r-sm);padding:var(--sp-3);cursor:pointer;color:var(--text);font-size:var(--fs-base);transition:background var(--t-fast), border-color var(--t-fast);font-family:inherit;font-weight:500}@media (hover:hover) and (pointer:fine){.role-btn:hover{border-color:rgba(var(--gold-rgb),.5);background:var(--surface)}}.role-btn.on{border-color:var(--gold);background:var(--gold-soft);color:var(--gold2);font-weight:600}.company-pick{min-height:100vh;padding:var(--sp-6) var(--sp-4);justify-content:center;align-items:center;gap:var(--sp-5);background:var(--bg);flex-direction:column;display:flex}.company-cards{gap:var(--gap-card);grid-template-columns:repeat(auto-fit,minmax(260px,320px));justify-content:center;width:100%;max-width:760px;display:grid}.company-card{padding:var(--sp-5);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--t-mid) var(--ease), box-shadow var(--t-mid);border:0;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.company-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}}.company-card:active{transform:scale(.99)}.company-card>*{z-index:1;position:relative}.company-card .mark{border-radius:var(--r-sm);width:40px;height:40px;font-family:var(--font-display);font-size:var(--fs-base);color:var(--ink);background:var(--gold3);margin-bottom:var(--sp-3);place-items:center;font-weight:600;display:grid}.absen-page{max-width:520px;min-height:100vh;margin:0 auto;padding:22px 18px 40px}.clock-hero{border-radius:var(--r-xl);border:1px solid rgba(var(--gold-rgb),.3);text-align:center;background:linear-gradient(160deg,#fffdf6,#fdf1d6);padding:28px 24px;position:relative;overflow:hidden}.clock-hero:before{content:"";background:radial-gradient(400px 200px at 50% 0%, rgba(var(--gold-rgb),.25), transparent 70%);position:absolute;inset:0}.clock-hero>*{position:relative}.clock-time{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:800;line-height:1}.clock-date{font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--text3);margin-top:var(--sp-2)}.selfie-frame{aspect-ratio:1;border-radius:var(--r-xl);border:1px solid rgba(var(--gold-rgb),.4);background:#000;width:100%;position:relative;overflow:hidden}.selfie-frame video,.selfie-frame img{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.selfie-frame img.noflip{transform:none}.selfie-frame .corner{border:2px solid var(--gold);width:26px;height:26px;position:absolute}.selfie-frame .c1{border-bottom:none;border-right:none;border-radius:6px 0 0;top:14px;left:14px}.selfie-frame .c2{border-bottom:none;border-left:none;border-radius:0 6px 0 0;top:14px;right:14px}.selfie-frame .c3{border-top:none;border-right:none;border-radius:0 0 0 6px;bottom:14px;left:14px}.selfie-frame .c4{border-top:none;border-left:none;border-radius:0 0 6px;bottom:14px;right:14px}.shutter{border:3px solid var(--gold);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto;display:grid}.shutter i{background:var(--gold3);width:52px;height:52px;transition:transform var(--t-fast);border-radius:50%}.shutter:active i{transform:scale(.88)}.geo-chip{border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.geo-chip.ok{background:var(--green-soft);color:var(--green)}.geo-chip.bad{background:var(--red-soft);color:var(--red)}.geo-chip.wait{background:var(--amber-soft);color:var(--amber)}.login-card .center-row{justify-content:center}.login-card .input.pad-mata{padding-right:42px}.masuk-mata{color:var(--text3);background:0 0;border:0;position:absolute;right:5px}.demo-panel{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line);gap:var(--sp-2);flex-direction:column;display:flex}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.demo-btn{border-radius:var(--r-sm);cursor:pointer;background:var(--surface2);border:1px solid var(--line);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;padding:7px 6px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.3;transition:background .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1),color .16s;overflow:hidden}@media (hover:hover) and (pointer:fine){.demo-btn:hover:not(:disabled){background:var(--surface3);color:var(--text)}}.demo-btn:active:not(:disabled){transform:scale(.97)}.demo-btn:disabled{opacity:.45;cursor:not-allowed}.pt-masuk{color:var(--gold2);font-weight:600;font-size:var(--fs-sm)}.theme-light{background:var(--bg);color:var(--text)}.wp-solo,.wp-page{min-height:100vh}.wp{max-width:480px;min-height:100vh;margin:0 auto;padding:0 0 84px;position:relative}.wp-top{z-index:20;background:linear-gradient(180deg, var(--bg) 72%, transparent);align-items:center;gap:12px;padding:16px 18px 12px;display:flex;position:sticky;top:0}.wp-top .avatar{width:42px;height:42px;font-size:17px}.wp-name{font-size:var(--fs-md);letter-spacing:var(--track-head);font-weight:600;line-height:1.2}.wp-sub{font-size:var(--fs-xs);color:var(--text3);font-weight:450}.wp-body{padding:0 var(--sp-4);gap:var(--gap-card);flex-direction:column;display:flex}.wp-nav{z-index:40;background:var(--surface);border-top:1px solid var(--line2);max-width:480px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #32040414}.wp-nav button{cursor:pointer;border-radius:var(--r-sm);color:var(--text3);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:500;display:flex}.wp-nav button svg{width:20px;height:20px}.wp-nav button.on{color:var(--gold2);background:var(--gold-soft)}.wp-hero{border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4);border:1px solid rgba(var(--gold-rgb), .32);text-align:center;background:linear-gradient(160deg,#fffdf6,#fdf1d6);position:relative;overflow:hidden}.wp-hero:before{content:"";background:radial-gradient(380px 180px at 50% 0%, rgba(var(--gold-rgb), .2), transparent 70%);position:absolute;inset:0}.wp-hero>*{position:relative}.wp-clock{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:800;line-height:1}.wp-date{font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--text3);margin-top:var(--sp-2);font-weight:450}.wp-tile{align-items:center;gap:12px;padding:14px 16px;display:flex}.wp-tile .ico{background:var(--gold-soft);width:40px;height:40px;color:var(--gold2);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.wp-big-btn{border-radius:var(--r-lg);padding:16px;font-size:17px}@media (width>=520px){.wp-nav{border-radius:var(--r-lg) var(--r-lg) 0 0}}.theme-light .modal-scrim{background:#32040480;align-items:flex-end;padding:0}.theme-light .modal{border-radius:var(--r-lg) var(--r-lg) 0 0;max-width:480px;max-height:90vh}.theme-light .modal-head{padding:18px 20px 12px}.theme-light .modal-head h3{font-size:var(--fs-lg)}.theme-light .modal-body{padding:16px 20px}.theme-light .modal-foot{background:var(--surface2);padding:12px 20px 18px}.theme-light .modal-foot .btn{min-height:44px}.theme-light .wp-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.theme-light .wp-row:first-child{border-top:none}.theme-light .wp-thumb{object-fit:cover;border:1px solid var(--line2);cursor:pointer;border-radius:10px;width:44px;height:44px}.theme-light .wp-strip{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-light .wp-strip>div{background:var(--surface2);border-radius:var(--r-sm);border:0;padding:10px 6px}.theme-light .wp-task{border-top:1px solid var(--line);padding:14px 0}.theme-light .wp-task:first-child{border-top:none;padding-top:0}.theme-light .wp-solo{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.theme-light .wp-solo .wp-body{gap:16px}.wp-putih,.wp-putih .wp{background:#fff}.wp-putih .wp-top{background:linear-gradient(#fff 72%,#fff0)}.wp-putih .card{border:1px solid var(--line2);box-shadow:0 2px 10px #3204040d}.wp-putih .wp-strip>div{border:1px solid var(--line);background:#fff}.wp-putih .wp-hero{border-color:var(--gold-feather-line);background:#fff;box-shadow:inset 0 0 28px #c2924029,0 4px 16px #3204040d}.wp-putih .wp-hero:before{display:none}.wp-putih .btn{border-color:var(--line2);box-shadow:0 2px 6px #32040414}.wp-putih .btn-ghost{background:#fff}.wp-putih .btn-outline{border-color:rgba(var(--gold-rgb), .55);background:#fff}.wp-putih .btn-gold{border-color:var(--gold-feather-line);box-shadow:var(--gold-feather-glow), 0 6px 16px #a97c2c33}.wp-putih .wp-big-btn{box-shadow:0 6px 16px #3204041a}.wp-putih .wp-big-btn.btn-gold{box-shadow:var(--gold-feather-glow), 0 8px 20px #a97c2c3d}.absen-saya,.absen-saya .wp{color:#2b1507;font-family:"Poppins", var(--font-body);background:#faf6ee}.absen-saya .wp{padding-top:12px}.absen-saya .wp-body{gap:14px;padding:0 14px}.as-kartu{background:#fff;border:1px solid #efe3cc;border-radius:14px;box-shadow:0 2px 10px #3d1f0a0f}.as-nama{text-align:center;padding:14px 16px;font-size:16px;font-weight:700}.absen-saya .card{border:1px solid #efe3cc;border-radius:14px;box-shadow:0 2px 10px #3d1f0a0f}.ab-aksi.tunggal{grid-template-columns:1fr}.as-selesai{color:#3f6b2a;background:#e4efd9;border:1px solid #cfe0bf;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:54px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 10px #3d1f0a0f}.absen-saya .wp-hero{background:#fff8e9;border:1px solid #e6c98f;border-radius:14px;padding:22px 16px 18px;box-shadow:0 2px 12px #a97c2c1a}.absen-saya .wp-hero:before{display:none}.absen-saya .wp-clock{font-family:"Poppins", var(--font-display);letter-spacing:.01em;color:#3d1f0a;font-size:44px;font-weight:800}.absen-saya .wp-date{color:#8a6526;margin-top:6px;font-size:13px}.absen-saya .ab-aksi{gap:12px}.absen-saya .wp-big-btn{box-shadow:none;color:#2b1507;border-radius:12px;padding:12px;font-family:inherit;font-size:16px;font-weight:600;min-height:54px!important}.absen-saya .wp-big-btn.btn-gold{background:#fdf0d8;border:1px solid #e6c98f;box-shadow:0 3px 12px #a97c2c29}.absen-saya .wp-big-btn.btn-outline{background:#fff;border:1px solid #efe3cc;box-shadow:0 2px 10px #3d1f0a0f}.as-riwayat{padding:14px 16px 0}.as-riwayat-judul{border-bottom:1px solid #f1e8d8;padding-bottom:12px;font-size:15px;font-weight:700}.as-baris{border-bottom:1px solid #f1e8d8;align-items:center;gap:10px;padding:12px 0;display:flex}.as-tgl{font-size:14px;font-weight:700}.as-sub{color:#8a7160;margin-top:3px;font-size:12px}.as-pil{border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:11.5px;font-weight:600}.as-pil.libur{color:#6e5a48;background:#efe7da}.as-pil.tepat{color:#3f6b2a;background:#e4efd9}.as-pil.telat{color:#6e460c;background:#f5dca9}.as-pil.izin{background:var(--aqua-soft);color:var(--aqua)}.as-pil.alpa{background:var(--red-soft);color:var(--red)}.as-keluar{cursor:pointer;width:100%;min-height:48px;font:inherit;color:#2b1507;background:#fff;border:1px solid #efe3cc;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 10px #3d1f0a0f}.as-keluar:active{transform:scale(.98)}.theme-light .wp-pick{border:none;border-top:1px solid var(--line);width:100%;min-height:60px;color:var(--text);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;padding:10px 0;display:flex}.theme-light .wp-pick:first-child{border-top:none}.theme-light .wp-pick:active{background:var(--gold-soft)}.theme-light .wp-pick .avatar{flex-shrink:0;width:40px;height:40px;font-size:16px}.theme-light .wp-pick svg{color:var(--text3);flex-shrink:0}.dibangun{place-items:center;min-height:50vh;padding:40px 16px;display:grid}.dibangun-kartu{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:420px;display:flex}.dibangun-ikon{background:var(--surface3);width:46px;height:46px;color:var(--gold2);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.baris-ringkas{border-top:1px solid var(--line);gap:12px;padding:9px 0}.baris-ringkas:first-child{border-top:0}.pt-wrap{position:relative}.pt-pop{z-index:40;background:var(--surface);border:1px solid var(--line2);border-radius:var(--r-md);box-shadow:var(--shadow-lg,0 12px 30px #0000002e);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:12px;right:12px}.pt-opt{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:8px 9px;font-size:14px;font-weight:600;display:flex}.pt-opt:hover{background:var(--surface3)}.pt-opt.on{color:var(--gold2)}.tbl td.num,.tbl th.num,.tbl tfoot td.num{white-space:nowrap}.hanya-ponsel,.topbar-mobile{display:none}@keyframes lembarNaik{0%{transform:translateY(100%)}to{transform:none}}.cl{gap:var(--sp-2);flex-direction:column;display:flex}.cl-kartu{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:var(--sp-3) var(--sp-4);gap:var(--sp-2);text-align:left;width:100%;font:inherit;color:inherit;border:0;flex-direction:column;display:flex}.cl-klik{cursor:pointer;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease)}.cl-klik:active{box-shadow:var(--shadow-card);transform:scale(.99)}.cl-klik:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cl-atas{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.cl-utama{min-width:0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;line-height:var(--lh-head);letter-spacing:var(--track-head);flex-direction:column;flex:1;gap:2px;display:flex}.cl-utama span{text-overflow:ellipsis;overflow:hidden}.cl-chip{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:4px;display:flex}.cl-pasangan{flex-direction:column;gap:5px;display:flex}.cl-baris{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.cl-label{font-size:var(--fs-xs);color:var(--text3);flex-shrink:0;font-weight:500}.cl-nilai{font-size:var(--fs-sm);color:var(--text);text-align:right;overflow-wrap:anywhere;min-width:0}.cl-nilai.num{font-variant-numeric:tabular-nums;white-space:nowrap}.cl-aksi{gap:var(--sp-2);padding-top:var(--sp-1);display:flex}.cl-aksi .btn{flex:1;min-height:44px}.cl-total{background:var(--surface2)}.cl-total .cl-baris{font-weight:600}.lembar-scrim{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#32040466;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.lembar{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:92vh;box-shadow:var(--shadow-float);padding:0 var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom,0px));animation:lembarNaik .2s var(--ease-out) both;overflow-y:auto}.lembar-scrim.tengah{padding:var(--sp-4);justify-content:center;align-items:center}.lembar.tengah{border-radius:var(--r-lg);width:min(420px,100%);max-height:80vh;padding:var(--sp-2) var(--sp-4) var(--sp-4);animation:popIn .18s var(--ease-out) both}.lembar-pegang{background:var(--line2);border-radius:99px;width:36px;height:4px;margin:10px auto 4px}.lembar-judul{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:var(--track-head);padding:var(--sp-2) 0 var(--sp-3);font-weight:600}.lembar-opsi{align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-2) var(--sp-2);border-radius:var(--r-md);color:var(--text);font:inherit;font-size:var(--fs-base);text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease);background:0 0;border:0;font-weight:500;display:flex}.lembar-opsi:active{background:var(--surface3)}.lembar-opsi.on{background:var(--gold-soft);color:var(--gold2);font-weight:600}.lembar-opsi .grow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-bawah{display:none}.nb-item{min-height:56px;color:var(--text3);letter-spacing:0;-webkit-tap-highlight-color:transparent;transition:color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nb-item svg{opacity:.8;width:20px;height:20px}.nb-item:active{transform:scale(.94)}.nb-item.on{color:var(--gold2);font-weight:600}.nb-item.on svg{opacity:1}.nb-dot{opacity:0;width:4px;height:4px;transition:opacity var(--t-fast) var(--ease), transform var(--t-mid) var(--spring);background:currentColor;border-radius:50%;transform:scale(.4)}.nb-item.on .nb-dot{opacity:1;transform:none}.nb-item.tengah{justify-content:flex-end;padding-bottom:8px}.nb-bulat{color:#fff;width:54px;height:54px;transition:transform var(--t-mid) var(--spring), box-shadow var(--t-fast) var(--ease);background:linear-gradient(145deg,#e8c987 0%,#c29240 60%,#a97c2c 100%);border:4px solid #fff;border-radius:50%;place-items:center;margin-top:-30px;margin-bottom:2px;display:grid;box-shadow:0 8px 18px #a97c2c59,inset 0 1px #ffffff73}.nb-item.tengah svg{opacity:1;width:22px;height:22px}.nb-item.tengah:active{transform:none}.nb-item.tengah:active .nb-bulat{transform:scale(.92)}.nb-item.tengah.on .nb-bulat{box-shadow:0 10px 22px #a97c2c73, 0 0 0 3px rgba(var(--gold-rgb), .18), inset 0 1px 0 #ffffff73}.tg-daftar{gap:var(--sp-4);flex-direction:column;display:flex}.tg-tahapan{gap:var(--sp-2);flex-direction:column;display:flex}.tg-tahapan-kepala{justify-content:space-between;align-items:baseline;gap:var(--sp-2);padding:0 2px;display:flex}.tg-tahapan-nama{font-family:var(--font-display);font-size:var(--fs-base);letter-spacing:var(--track-head);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.tg-tugas{gap:var(--sp-2);text-align:left;background:var(--surface);border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-card);padding:var(--sp-3) var(--sp-4);font:inherit;color:inherit;cursor:pointer;transition:transform var(--t-fast) var(--ease);border:0;flex-direction:column;display:flex}.tg-tugas:active{transform:scale(.99)}.tg-tugas-atas{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.tg-tugas-nama{font-size:var(--fs-base);min-width:0;font-weight:600;line-height:1.3}.tg-tugas-tgl{font-size:var(--fs-xs);color:var(--text3);margin-top:2px}.tg-tugas-bar{align-items:center;gap:var(--sp-3);display:flex}.tg-tugas-bar .bar{flex:1}.tg-tugas-persen{font-size:var(--fs-xs);color:var(--text2);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-weight:600}@media (width<=900px){.hanya-ponsel{display:revert}.btn.hanya-ponsel{display:inline-flex}.sembunyi-ponsel{display:none!important}.sidebar{display:none}.hamburger,.scrim{display:none!important}.topbar{height:48px;padding:0 var(--sp-4);gap:var(--sp-2)}.crumb,.topbar>.row{display:none}.topbar-mobile{align-items:center;gap:var(--sp-2);width:100%;min-width:0;display:flex}.topbar-judul{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:var(--track-head);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;line-height:1.2;overflow:hidden}.topbar-pt{border-radius:var(--r-pill);background:var(--gold-soft);min-height:32px;color:var(--gold2);font:inherit;font-size:var(--fs-xs);cursor:pointer;transition:transform var(--t-fast) var(--ease);border:0;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex;position:relative}.topbar-pt:active{transform:scale(.96)}.topbar-avatar{cursor:pointer;width:32px;height:32px;transition:transform var(--t-fast) var(--ease);background:0 0;border:0;flex-shrink:0;padding:0;position:relative}.topbar-avatar:active{transform:scale(.94)}.topbar-pt:after,.topbar-avatar:after{content:"";position:absolute;inset:-6px -5px}.nav-bawah{z-index:90;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-radius:18px 18px 0 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #32040412}body.nav-tersembunyi .nav-bawah{display:none}.page{padding:var(--sp-4) var(--sp-4) calc(72px + env(safe-area-inset-bottom,0px))}body.nav-tersembunyi .page{padding-bottom:var(--sp-5)}.toasts{bottom:calc(70px + env(safe-area-inset-bottom,0px))}.input,.textarea,.sel-trigger,.sel-search input,.search input,.numstep input,.chat-composer textarea{font-size:16px}.sel-trigger.sm{min-height:40px;font-size:16px}.input.sm{font-size:16px}.card-head{flex-wrap:wrap}.btn{min-height:44px}.btn-sm{min-height:38px}.btn-icon{width:44px;height:44px}.btn-icon.btn-sm{width:38px;height:38px}.drawer,.drawer.wide{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:92vh;animation:lembarNaik .2s var(--ease-out) both;border-left:0;inset:auto 0 0}.drawer:before{content:"";background:var(--line2);border-radius:99px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0;display:block}.drawer-head{padding:var(--sp-3) var(--sp-4) var(--sp-3)}.drawer-body{padding:var(--sp-4)}.drawer-foot{z-index:2;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));box-shadow:0 -1px 0 var(--line);flex-wrap:wrap;position:sticky;bottom:0}.drawer-foot .btn{flex:130px}.modal-scrim{align-items:flex-end;padding:0}.modal,.modal.lg,.modal.xl{border-radius:var(--r-lg) var(--r-lg) 0 0;max-width:none;max-height:92vh;animation:lembarNaik .2s var(--ease-out) both}.modal:before{content:"";background:var(--line2);border-radius:99px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0;display:block}.modal-head{padding:var(--sp-3) var(--sp-4) var(--sp-3)}.modal-body{padding:var(--sp-4)}.modal-foot{z-index:2;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));position:sticky;bottom:0}.modal-foot .btn{flex:120px}.pop-scrim{z-index:9998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#32040452;animation:.16s ease-out fadeIn;position:fixed;inset:0}.sel-menu.sel-lembar,.dp-menu.dp-lembar{border-radius:var(--r-lg) var(--r-lg) 0 0;width:auto;max-width:none;animation:lembarNaik .2s var(--ease-out) both;padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));border-bottom:0;border-left:0;border-right:0;inset:auto 0 0}.sel-menu.sel-lembar{max-height:70vh}.sel-lembar .sel-opt{min-height:48px;font-size:var(--fs-md)}.sel-lembar .sel-search input{font-size:16px}.dp-lembar .dp-day{height:44px;font-size:var(--fs-base)}.dp-lembar .dp-months button{min-height:44px}.dp-lembar .dp-foot button{min-height:44px;padding:0 8px}.proj-bar{gap:var(--sp-3);align-items:center}.proj-nama{font-size:17px}.proj-meta{font-size:var(--fs-xs);line-height:1.4}.proj-tabs{margin-left:calc(var(--sp-4) * -1);margin-right:calc(var(--sp-4) * -1);padding:0 var(--sp-4)}.proj-tabs,.tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tabs a,.tabs button{scroll-snap-align:center}}@media (width<=720px){.grid.grid-dua-ponsel{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr))}.grid-dua-ponsel .card{padding:var(--sp-3) var(--sp-4)}.grid-dua-ponsel .stat-icon{display:none}.grid-dua-ponsel .stat-value{font-size:var(--fs-md)}.grid-dua-ponsel .stat-line{white-space:normal;line-height:1.3;overflow:visible}.baris-ringkas{padding:10px 0}.grid-3>.card-hover{width:100%}}