@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Manrope:wght@400;500;600;700;800&display=swap";.acara-kal-shared-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;width:100%;box-sizing:border-box}.acara-kal-header-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.acara-kal-header-title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink, #0f172a);margin:0;line-height:1.25}.acara-kal-header-subtitle{font-size:13.5px;color:var(--muted, #64748b);margin:0;font-weight:400;line-height:1.45}.acara-kal-header-nav-wrap{display:flex;align-items:center;flex-shrink:0}.acara-kal-nav{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--bg-2, #f1f5f9);padding:3px;border-radius:var(--r-full, 9999px);border:1px solid var(--line-2, #e2e8f0);box-sizing:border-box;width:270px;min-width:270px;-webkit-user-select:none;user-select:none}.acara-kal-nav-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--surface, #ffffff);border-radius:var(--r-full, 9999px);box-shadow:0 1px 4px #00000014;transition:transform .22s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}.acara-kal-nav-link{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--r-full, 9999px);font-size:13px;font-weight:500;color:var(--ink3, #64748b);text-decoration:none;background:transparent;white-space:nowrap;transition:color .18s ease;outline:none;box-sizing:border-box}.acara-kal-nav-link:hover{color:var(--ink, #0f172a)}.acara-kal-nav-link.active{color:var(--ink, #0f172a);font-weight:600}.acara-kal-nav-link:focus-visible{box-shadow:0 0 0 2px var(--b-500, #3b8ef7)}.acara-kal-nav-icon{flex-shrink:0}@media(prefers-reduced-motion:reduce){.acara-kal-nav-indicator{transition:none!important}.acara-kal-view-transition{animation:none!important;transform:none!important}}@media(max-width:640px){.acara-kal-shared-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;width:100%}.acara-kal-header-info{width:100%}.acara-kal-header-title{font-size:21px;line-height:1.25}.acara-kal-header-subtitle{font-size:13px;line-height:1.45}.acara-kal-header-nav-wrap{width:100%;display:block}.acara-kal-nav{width:100%;min-width:0;display:grid;grid-template-columns:1fr 1fr}.acara-kal-nav-link{padding:7px 8px;font-size:12.5px;width:100%;justify-content:center;text-align:center}}@keyframes acaraKalViewFade{0%{opacity:.9;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.acara-kal-view-transition{animation:acaraKalViewFade .18s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}.access-page{display:flex;flex-direction:column;gap:16px;color:var(--ink);width:100%;box-sizing:border-box}.access-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:0}.access-tabs-bar{display:flex;gap:6px;padding:4px;background:var(--surface-sunken, #f1f5f9);border-radius:var(--ptv-curve-pill, 9999px);width:fit-content;max-width:100%;border:1px solid var(--line-2, rgba(11, 42, 74, .08));box-sizing:border-box}.access-tab-btn{padding:8px 18px;border-radius:var(--ptv-curve-pill, 9999px);border:none;font-size:13px;font-weight:500;background:transparent;color:var(--muted);box-shadow:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .16s ease;white-space:nowrap}.access-tab-btn i{font-size:12px}.access-tab-btn.active{font-weight:700;background:var(--surface, #ffffff);color:var(--ink);box-shadow:0 2px 6px #0000000f}:root[data-theme=dark] .access-tab-btn.active{background:var(--surface-2, #2E3338);color:#fff;box-shadow:0 2px 8px #00000059}.access-tab-label-short{display:none}.access-tab-label-full{display:inline}.access-tab-counter{font-size:11px;padding:1px 6px;border-radius:9999px;background:transparent;color:inherit}.access-tab-btn.active .access-tab-counter{background:#0b2a4a14}:root[data-theme=dark] .access-tab-btn.active .access-tab-counter{background:#ffffff1f}.access-refresh-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line, rgba(11, 42, 74, .12));background:var(--surface, #ffffff);color:var(--ink-2, #38587A);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .16s ease;flex-shrink:0}.access-refresh-btn:hover:not(:disabled){background:var(--bg-2, #f8fafc);color:var(--ink);border-color:var(--b-300)}.access-refresh-btn:disabled{opacity:.6;cursor:not-allowed}:root[data-theme=dark] .access-refresh-btn{background:var(--surface, #24282C);border-color:var(--line, #34383D);color:var(--ink-2, #BDC1C6)}.access-toolbar{width:100%}.access-searchbar{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .12));border-radius:var(--ptv-curve-pill, 9999px);box-shadow:var(--shadow-s, 0 1px 3px rgba(0, 0, 0, .02));transition:border-color .16s ease,box-shadow .16s ease;box-sizing:border-box}:root[data-theme=dark] .access-searchbar{background:var(--surface, #24282C);border-color:var(--line, #34383D)}.access-searchbar:focus-within{border-color:var(--b-500, #3B8EF7);box-shadow:0 0 0 3px #3b8ef724}.access-search-icon{color:var(--muted);font-size:13.5px;flex-shrink:0}.access-searchbar input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--ink);font-size:14px;font-weight:400}@media(max-width:768px){.access-searchbar input{font-size:16px}}.access-searchbar input::placeholder{color:var(--muted)}.access-search-clear{width:24px;height:24px;border-radius:50%;border:none;background:var(--line-2, rgba(11, 42, 74, .06));color:var(--muted);display:grid;place-items:center;font-size:11px;cursor:pointer;flex-shrink:0}.access-state-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 20px;border-radius:var(--ptv-curve-xl, 22px);background:var(--surface, #ffffff);border:1px solid var(--line);color:var(--muted);font-size:13.5px;font-weight:500}.access-state-card.is-error{color:var(--dang);background:var(--dang-bg);border-color:var(--dang-border)}.access-list-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-xl, 22px);box-shadow:var(--shadow-s, 0 1px 3px rgba(0, 0, 0, .02));overflow:hidden;box-sizing:border-box}:root[data-theme=dark] .access-list-card{background:var(--surface, #24282C);border-color:var(--line, #34383D)}.access-list-header{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;background:var(--bg, #F8FAFD);border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .05))}:root[data-theme=dark] .access-list-header{background:var(--bg-2, #1B1E21);border-bottom-color:var(--line, #34383D)}.access-list-title{font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.access-list-count{font-size:11.5px;font-weight:600;color:var(--ink-2);background:var(--surface, #ffffff);border:1px solid var(--line);border-radius:var(--ptv-curve-pill, 9999px);padding:1px 9px}:root[data-theme=dark] .access-list-count{background:var(--surface, #24282C)}.access-list{display:flex;flex-direction:column}.access-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .05));transition:background-color .15s ease;box-sizing:border-box}.access-row:last-child{border-bottom:0}.access-row:hover{background:var(--bg, rgba(11, 95, 191, .025))}:root[data-theme=dark] .access-row{border-bottom-color:#ffffff0f}:root[data-theme=dark] .access-row:hover{background:#ffffff08}.access-row.is-inactive{opacity:.72}.access-row-main{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}.access-avatar{width:40px;height:40px;border-radius:50%;background:#1273e61a;color:var(--b-700, #0B5FBF);border:1px solid rgba(18,115,230,.18);display:grid;place-items:center;font-size:13px;font-weight:600;flex-shrink:0;overflow:hidden}.access-avatar-img{width:100%;height:100%;object-fit:cover;display:block}:root[data-theme=dark] .access-avatar{background:#3b8ef726;color:#8ab4f8;border-color:#3b8ef747}.access-avatar.is-root{background:#d977061f;color:#b45309;border-color:#d9770640}:root[data-theme=dark] .access-avatar.is-root{background:#f59e0b29;color:#fcd34d;border-color:#f59e0b4d}.access-avatar.is-muted{background:var(--bg-2, #f1f5f9);color:var(--muted);border-color:var(--line)}.access-row-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.access-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.access-name{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3;letter-spacing:-.01em}.access-status-pill{display:inline-flex;align-items:center;gap:5px;padding:1.5px 8px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11px;font-weight:600;line-height:1.25}.access-status-pill.is-active{background:var(--ok-bg, #E1F5EE);color:var(--ok, #0F7A5A);border:1px solid var(--ok-border, rgba(15, 122, 90, .22))}.access-status-pill.is-inactive{background:var(--bg-2, #f1f5f9);color:var(--muted);border:1px solid var(--line)}.access-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.access-meta-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px;color:var(--muted);line-height:1.3}.access-ptv-id{font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--ink-2)}.access-profiles-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:3px}.access-profile-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11px;font-weight:500;background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF);border:1px solid rgba(11,95,191,.14);line-height:1.3}:root[data-theme=dark] .access-profile-chip{background:#3b8ef724;color:#a8c7fa;border-color:#3b8ef73d}.access-profile-chip.is-root{background:var(--warn-bg, #FCF0D6);color:var(--warn, #9A6B08);border-color:var(--warn-border, rgba(154, 107, 8, .25))}.access-profile-chip.is-empty{background:var(--bg-2, #f1f5f9);color:var(--muted);border-color:var(--line)}.access-override-chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--ptv-curve-pill, 9999px);font-size:10.5px;font-weight:600;background:#7c3aed17;color:#6d28d9;border:1px solid rgba(124,58,237,.2)}:root[data-theme=dark] .access-override-chip{background:#a78bfa26;color:#c4b5fd;border-color:#a78bfa47}.access-row-action{flex-shrink:0;display:flex;align-items:center}.access-manage-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 13px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line, rgba(11, 42, 74, .14));background:var(--surface, #ffffff);color:var(--b-700, #0B5FBF);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.access-manage-btn i{font-size:11.5px}.access-manage-btn:hover:not(:disabled){background:var(--b-050, #EDF4FF);border-color:var(--b-400, #6FB0FF)}:root[data-theme=dark] .access-manage-btn{background:var(--surface-2, #2E3338);border-color:var(--line, #34383D);color:#8ab4f8}:root[data-theme=dark] .access-manage-btn:hover:not(:disabled){background:#3b8ef72e;border-color:#8ab4f866}.access-manage-btn.is-disabled,.access-manage-btn:disabled{background:var(--bg-2, #f1f5f9);color:var(--muted);border-color:var(--line);cursor:not-allowed;opacity:.75}:root[data-theme=dark] .access-manage-btn.is-disabled,:root[data-theme=dark] .access-manage-btn:disabled{background:var(--bg-2, #1B1E21);color:var(--muted);border-color:var(--line, #34383D)}.access-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 13px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid rgba(239,68,68,.25);background:#ef444414;color:var(--danger, #ef4444);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.access-reset-btn i{font-size:11.5px}.access-reset-btn:hover{background:#ef444426;border-color:#ef444466}:root[data-theme=dark] .access-reset-btn{background:#ef444429;border-color:#ef444459;color:#fca5a5}:root[data-theme=dark] .access-reset-btn:hover{background:#ef44443d;border-color:#ef444480}.access-empty{padding:32px 20px;text-align:center;font-size:13.5px;color:var(--muted)}.access-history-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-xl, 22px);padding:16px 18px;box-shadow:var(--shadow-s, 0 1px 3px rgba(0, 0, 0, .02));box-sizing:border-box}:root[data-theme=dark] .access-history-card{background:var(--surface, #24282C);border-color:var(--line, #34383D)}.access-history-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--ink)}.access-history-header i{font-size:13.5px;color:var(--b-600)}.access-history-header h2{margin:0;font-size:14.5px;font-weight:600;letter-spacing:-.01em}.access-history-list{display:flex;flex-direction:column;gap:6px}.access-history-item{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:var(--ptv-curve-md, 12px);background:var(--bg, #F8FAFD);font-size:12.5px}:root[data-theme=dark] .access-history-item{background:var(--bg-2, #1B1E21)}.access-history-time{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);flex-shrink:0}.access-history-reason{color:var(--ink-2);font-weight:500}.access-history-empty{margin:0;font-size:13px;color:var(--muted)}.position-mapping-container{display:flex;flex-direction:column;gap:14px;width:100%}.position-mapping-header-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .12));border-radius:var(--ptv-curve-lg, 18px);box-shadow:var(--shadow-s, 0 1px 3px rgba(0, 0, 0, .02))}.position-mapping-save-btn{border-radius:var(--ptv-curve-pill, 9999px);padding:0 20px;min-height:38px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.position-mapping-mobile-nav{display:none}.position-mapping-grid{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:2px}.position-mapping-col-left{background:var(--surface, #ffffff);border-radius:var(--ptv-curve-lg, 18px);border:1px solid var(--line, rgba(11, 42, 74, .12));padding:14px;display:flex;flex-direction:column;gap:6px;max-height:75vh;overflow-y:auto}.position-mapping-item-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--ptv-curve-md, 12px);border:1px solid transparent;background:transparent;color:var(--ink);font-weight:500;font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease;width:100%;box-sizing:border-box}.position-mapping-item-btn:hover{background:var(--bg-2, #f8fafc)}.position-mapping-item-btn.is-selected{border-color:var(--b-500, #3B8EF7);background:#3b8ef714;color:var(--b-700, #1d4ed8);font-weight:600}.position-mapping-col-right{background:var(--surface, #ffffff);border-radius:var(--ptv-curve-lg, 18px);border:1px solid var(--line, rgba(11, 42, 74, .12));padding:20px;display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto}.position-mapping-active-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.position-mapping-searchbar{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:38px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line, rgba(11, 42, 74, .15));background:var(--bg, #f8fafc);width:280px;max-width:100%}.position-mapping-module-card{border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-md, 14px);overflow:hidden;background:var(--surface-sunken, #f8fafc)}.position-mapping-module-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface, #ffffff);border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .08))}.position-mapping-module-toggle-btn{background:none;border:none;color:var(--b-600, #2563eb);font-size:11.5px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:var(--ptv-curve-pill, 9999px)}.position-mapping-caps-grid{padding:10px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.position-mapping-cap-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:var(--ptv-curve-sm, 10px);background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .06));cursor:pointer;transition:all .12s ease}.position-mapping-cap-item.is-checked{background:#3b8ef70f;border-color:#3b8ef74d}@media(max-width:768px){.access-tabs-bar{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3px;gap:3px;justify-content:stretch}.access-tabs-bar::-webkit-scrollbar{display:none}.access-tab-btn{flex:1;justify-content:center;padding:7px 10px;font-size:12px;min-height:34px;gap:5px}.access-tab-btn i{font-size:11px}.access-tab-label-full{display:none}.access-tab-label-short{display:inline}.position-mapping-header-card{padding:14px 16px;flex-direction:column;align-items:stretch;gap:10px}.position-mapping-save-btn{width:100%;justify-content:center}.position-mapping-mobile-nav{display:flex;gap:6px;background:var(--surface-sunken, #f1f5f9);padding:4px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line-2);width:100%;box-sizing:border-box}.position-mapping-mobile-tab-btn{flex:1;border:none;background:transparent;padding:8px 12px;font-size:12px;font-weight:600;color:var(--muted);border-radius:var(--ptv-curve-pill, 9999px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.position-mapping-mobile-tab-btn.is-active{background:var(--surface, #ffffff);color:var(--b-700, #1d4ed8);box-shadow:0 1px 3px #00000014}.position-mapping-grid{grid-template-columns:1fr;gap:12px}.position-mapping-col-left.mobile-hide,.position-mapping-col-right.mobile-hide{display:none!important}.position-mapping-col-left.mobile-show,.position-mapping-col-right.mobile-show{display:flex!important;max-height:none;padding:14px 12px}.position-mapping-active-bar{flex-direction:column;align-items:stretch;gap:10px}.position-mapping-searchbar{width:100%;box-sizing:border-box}.position-mapping-caps-grid{grid-template-columns:1fr;padding:8px 10px}.access-row{padding:12px 14px;gap:10px;flex-direction:column;align-items:stretch}.access-row-main{width:100%}.access-row-action{display:flex;justify-content:flex-end;gap:8px;width:100%;padding-top:6px;border-top:1px dashed var(--line-2)}.access-avatar{width:36px;height:36px;font-size:12px}.access-manage-btn,.access-reset-btn{min-height:34px;padding:0 14px;font-size:12.5px;flex:1;justify-content:center}}.bc-page-container{max-width:1200px;margin:0 auto;padding:16px 20px 48px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;color:var(--ink)}.bc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.bc-header-info{flex:1;min-width:260px}.bc-institution-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--b-050, rgba(30, 88, 150, .08));border:1px solid var(--b-200, rgba(30, 88, 150, .2));color:var(--b-700, #0B5FBF);font-size:11.5px;font-weight:600;margin-bottom:6px}[data-theme=dark] .bc-institution-badge{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.bc-title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;line-height:1.25}.bc-subtitle{font-size:13.5px;font-weight:400;color:var(--muted);margin:0;line-height:1.5}.bc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;min-height:38px;height:38px;border-radius:var(--ptv-curve-pill, 9999px);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;border:1px solid transparent;outline:none;font-family:inherit;box-sizing:border-box}.bc-btn-primary{background:var(--pri, #1273E6);color:#fff;border-color:var(--pri, #1273E6);box-shadow:0 2px 6px #1273e633}.bc-btn-primary:hover{background:#0f62c6;border-color:#0f62c6;transform:translateY(-1px)}[data-theme=dark] .bc-btn-primary{background:var(--pri, #1273E6);border-color:var(--pri, #1273E6);color:#fff}[data-theme=dark] .bc-btn-primary:hover{background:#1d7ff0}.bc-btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.bc-btn-secondary:hover{background:var(--bg-2)}.bc-btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef444440}.bc-btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.bc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;border-radius:var(--ptv-curve-xl, 22px);background:var(--surface);border:1px dashed var(--line);text-align:center;gap:12px}.bc-empty-icon{width:52px;height:52px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--muted)}.bc-empty-title{font-size:16px;font-weight:600;color:var(--ink);margin:0}.bc-empty-desc{font-size:13px;color:var(--muted);max-width:380px;margin:0;line-height:1.45}.bc-stack{display:flex;flex-direction:column;gap:12px}.bc-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-xl, 22px);padding:16px 20px;box-shadow:0 1px 3px #00000008;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;cursor:pointer;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.bc-card:hover{border-color:var(--b-400, #60a5fa);box-shadow:0 4px 16px #0b2a4a0f;transform:translateY(-1px)}.bc-card.high-prio{border-color:#d9770659;background:linear-gradient(to right,rgba(245,158,11,.04),var(--surface))}[data-theme=dark] .bc-card.high-prio{background:linear-gradient(to right,rgba(245,158,11,.08),var(--surface))}.bc-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.bc-card-main{flex:1;min-width:0}.bc-card-title{font-size:15.5px;font-weight:600;color:var(--ink);margin:0 0 5px;line-height:1.35}.bc-card-body{font-size:13.5px;color:var(--ink-2);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bc-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.bc-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11px;font-weight:600;line-height:1.3}.bc-chip-gold{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}[data-theme=dark] .bc-chip-gold{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b59}.bc-chip-muted{background:var(--bg-2);color:var(--muted);border:1px solid var(--line)}.bc-btn-card-del{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:3px 10px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11.5px;font-weight:500;background:transparent;color:var(--muted);border:1px solid var(--line);cursor:pointer;transition:all .15s ease;line-height:1.2}.bc-btn-card-del i{font-size:11px}.bc-btn-card-del:hover{background:#ef44441a;color:#ef4444;border-color:#ef444440}.bc-card-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);padding-top:6px;border-top:1px solid var(--line-2)}.bc-meta-item{display:flex;align-items:center;gap:5px}.bc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10000;box-sizing:border-box}.bc-modal-card{background:var(--surface);border-radius:var(--ptv-curve-xl, 22px);border:1px solid var(--line);width:100%;max-width:580px;max-height:min(90dvh,680px);display:flex;flex-direction:column;box-shadow:0 24px 64px #00000047;overflow:hidden;box-sizing:border-box}.bc-modal-form-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.bc-modal-header{padding:16px 22px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);flex-shrink:0}.bc-modal-title-wrap{display:flex;align-items:center;gap:12px}.bc-modal-icon{width:36px;height:36px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--b-050);color:var(--b-700);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.bc-modal-title{font-size:16.5px;font-weight:600;color:var(--ink);margin:0;letter-spacing:-.015em}.bc-modal-desc{font-size:12px;color:var(--muted);margin:2px 0 0}.bc-modal-close-btn{width:34px;height:34px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--bg-2);border:none;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.bc-modal-close-btn:hover{background:var(--line-2);color:var(--ink)}.bc-modal-body{padding:18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0}.bc-modal-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.22);border-radius:var(--ptv-curve-sm, 8px);color:#ef4444;font-size:12.5px;font-weight:600}.bc-form-group{display:flex;flex-direction:column;gap:6px}.bc-form-label{font-size:12px;font-weight:600;color:var(--ink)}.bc-required{color:#ef4444}.bc-form-input,.bc-form-textarea{width:100%;padding:9px 13px;border-radius:var(--ptv-curve-sm, 8px);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13.5px;font-family:inherit;transition:all .15s ease;outline:none;box-sizing:border-box}.bc-form-input:focus,.bc-form-textarea:focus{border-color:var(--b-500, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.bc-prio-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bc-prio-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line);background:var(--bg-2);color:var(--muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.bc-prio-btn.active{background:var(--surface);border-color:var(--pri, #1273E6);color:var(--pri, #1273E6);font-weight:600;box-shadow:0 1px 3px #0000000d}.bc-prio-btn.prio-high.active{border-color:#d97706;color:#d97706;background:#f59e0b14}.bc-modal-footer{padding:14px 22px;border-top:1px solid var(--line-2);display:flex;justify-content:flex-end;align-items:center;gap:10px;background:var(--surface);flex-shrink:0}.bc-footer-spacer{flex:1}.bc-detail-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.bc-detail-title{font-size:19px;font-weight:600;color:var(--ink);margin:0;line-height:1.35;letter-spacing:-.015em}.bc-detail-meta{display:flex;align-items:center;padding:10px 14px;background:var(--bg-2);border-radius:var(--ptv-curve-md, 12px);border:1px solid var(--line)}.bc-detail-author{display:flex;align-items:center;gap:10px}.bc-author-avatar{width:32px;height:32px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--b-050);color:var(--b-700);display:flex;align-items:center;justify-content:center;font-size:13px}.bc-author-label{display:block;font-size:11px;color:var(--muted)}.bc-author-name{font-size:13px;font-weight:600;color:var(--ink)}.bc-detail-content{font-size:14px;line-height:1.6;color:var(--ink)}.bc-detail-content p{margin:0 0 12px}.bc-detail-content p:last-child{margin-bottom:0}.bc-confirm-card{max-width:440px;text-align:center;padding:22px}.bc-confirm-icon-wrap{display:flex;justify-content:center;margin-bottom:12px}.bc-confirm-icon.danger{width:48px;height:48px;border-radius:var(--ptv-curve-pill, 9999px);background:#ef44441f;color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:20px}.bc-confirm-title{font-size:17px;font-weight:600;color:var(--ink);margin:0 0 6px}.bc-confirm-desc{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 18px}.bc-confirm-footer{background:transparent;padding:0;border:none;justify-content:center;gap:10px}@media(max-width:640px){.bc-page-container{padding:14px 12px 36px;gap:14px}.bc-header{flex-direction:column;align-items:stretch;gap:12px}.bc-title{font-size:21px}.bc-btn-primary{width:100%}.bc-card{padding:14px 16px;border-radius:var(--ptv-curve-lg, 16px)}.bc-modal-card{max-height:min(92dvh,640px);border-radius:var(--ptv-curve-xl, 20px)}.bc-modal-header{padding:14px 16px}.bc-modal-body{padding:14px 16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bc-modal-footer{padding:14px 16px max(14px,env(safe-area-inset-bottom,14px))}.bc-form-input,.bc-form-textarea{font-size:16px!important}}.r03-acara{width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box;overflow-x:hidden;padding-bottom:calc(var(--dock-h, 68px) + env(safe-area-inset-bottom,16px) + 32px);font-family:var(--font-sans, "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif)}.acara-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.acara-header-titles{display:flex;flex-direction:column;gap:4px}.acara-page-title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink, #0f172a);margin:0;line-height:1.25}.acara-page-subtitle{font-size:13.5px;color:var(--muted, #64748b);margin:0;font-weight:400;line-height:1.45}.acara-header-actions{display:flex;align-items:center;gap:10px}.acara-btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;font-size:13.5px;font-weight:600;border-radius:var(--r-full, 9999px);padding:8px 18px;min-height:38px;border:none;cursor:pointer;box-shadow:0 2px 8px #2563eb40;transition:all .15s ease}.acara-btn-primary:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8);transform:translateY(-1px)}.acara-btn-secondary{display:inline-flex;align-items:center;gap:6px;background:var(--surface, #ffffff);color:var(--ink, #0f172a);font-size:13px;font-weight:600;border-radius:var(--r-full, 9999px);padding:8px 16px;min-height:38px;border:1px solid var(--border, #cbd5e1);cursor:pointer;transition:all .15s ease}.acara-btn-secondary:hover{background:var(--subtle, #f8fafc);border-color:#94a3b8}.acara-btn-destructive{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--r-full, 9999px);background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.acara-btn-destructive:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.acara-action-bar,.acara-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.acara-action-controls{display:flex;align-items:center;gap:10px}.acara-filter-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:100%}.acara-filter-chips::-webkit-scrollbar{display:none}.acara-fchip{min-height:36px;padding:6px 14px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12.5px;font-weight:600;border:1px solid var(--line, #e2e8f0);background:var(--surface, #ffffff);color:var(--ink-2, #475569);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .16s ease}.acara-fchip:hover:not(.on){background:var(--b-050, #edf4ff);border-color:var(--b-300, #a7ceff);color:var(--b-700, #0b5fbf)}.acara-fchip.on{background:var(--pri, #1273E6);color:#fff;border-color:var(--pri, #1273E6);box-shadow:0 2px 8px #1273e647}.acara-search-box{display:flex;align-items:center;gap:8px;background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--r-lg, 12px);padding:6px 14px;min-width:240px;flex:1;max-width:340px}.acara-search-input{border:none;background:transparent;outline:none;font-size:13px;color:var(--ink, #0f172a);width:100%}.acara-search-input::placeholder{color:var(--ink3, #94a3b8)}.acara-list{display:flex;flex-direction:column;gap:10px}.acara-item-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:var(--ptv-curve-xl, 20px);box-shadow:0 1px 3px #00000005;cursor:pointer;text-decoration:none;color:inherit;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;box-sizing:border-box}:root[data-theme=dark] .acara-list>.acara-item-row{background:var(--surface, #1e293b);border-color:#ffffff14}.acara-list>.acara-item-row:hover{background:#f8fafc;transform:translateY(-1px)}:root[data-theme=dark] .acara-list>.acara-item-row:hover{background:var(--surface-2, rgba(255, 255, 255, .04));transform:translateY(-1px)}.acara-item-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.acara-icon-box{width:44px;height:44px;border-radius:var(--r-lg, 12px);background:var(--icon-box-bg, rgba(37, 99, 235, .08));color:var(--icon-box-fg, #2563eb);border:1px solid var(--icon-box-border, rgba(37, 99, 235, .18));display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:all .16s ease}.acara-item-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.acara-item-title{font-size:15px;font-weight:600;letter-spacing:-.015em;color:var(--ink, #0f172a);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acara-item-meta{display:flex;align-items:center;row-gap:4px;column-gap:6px;flex-wrap:wrap;white-space:normal;min-width:0;max-width:100%;font-size:12.5px;color:var(--ink-2, #475569);font-weight:500;line-height:1.35}.acara-item-meta>span:not(.acara-meta-loc){flex-shrink:0}.acara-item-meta .acara-meta-loc{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;flex-shrink:1}.acara-item-meta .acara-loc-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acara-item-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.acara-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-full, 9999px);font-size:11.5px;font-weight:600;white-space:nowrap}.acara-badge.ok{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.acara-badge.dang{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.acara-badge.info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.acara-badge.muted{background:var(--bg-2, #f1f5f9);color:var(--ink3, #64748b);border:1px solid var(--border, #e2e8f0)}.acara-badge-weton{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--r-md, 8px);font-size:10.5px;font-weight:700;background:#fef3c7;color:#b45309;border:1px solid #fde68a}.acara-badge-hijri{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-full, 9999px);font-size:11px;font-weight:600;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.acara-mobile-add-btn{display:none;width:100%;border-radius:var(--r-xl, 14px);background:#10b98114;border:1px dashed #a7f3d0;color:#059669;font-weight:750;font-size:13px;min-height:44px;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:14px}.acara-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px;background:var(--surface, #ffffff);border:1.5px dashed var(--border, #e2e8f0);border-radius:var(--r-2xl, 20px);gap:12px}.acara-empty-icon{width:60px;height:60px;border-radius:var(--r-full, 9999px);background:var(--bg-2, #f1f5f9);color:var(--ink3, #94a3b8);display:flex;align-items:center;justify-content:center;font-size:26px}.acara-empty-title{font-size:16px;font-weight:750;color:var(--ink, #0f172a);margin:0}.acara-empty-desc{font-size:13px;color:var(--muted, #64748b);margin:0;max-width:360px;line-height:1.5}.acara-detail-header{margin-bottom:22px}.acara-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#2563eb;background:transparent;border:none;cursor:pointer;padding:4px 0;margin-bottom:12px}.acara-back-btn:hover{text-decoration:underline}.acara-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.acara-detail-heading{font-size:24px;font-weight:600;color:var(--ink, #0f172a);margin:0 0 8px;letter-spacing:-.02em;line-height:1.25}.acara-detail-date-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acara-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:flex-start}.acara-detail-main,.acara-detail-side{display:flex;flex-direction:column;gap:22px;min-width:0}.acara-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:var(--r-ref-m, 18px);padding:16px;box-shadow:var(--shadow-s, 0 1px 3px rgba(0, 0, 0, .02));box-sizing:border-box}.acara-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.acara-section-title{font-size:15px;font-weight:600;color:var(--ink, #0f172a);letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px}.acara-section-badge{font-size:11px;padding:2px 8px;border-radius:var(--r-full, 9999px);font-weight:750;background:var(--bg-2, #f1f5f9);color:var(--ink3, #64748b)}.acara-kv-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line-2, #e2e8f0);font-size:13px}.acara-kv-row:last-child{border-bottom:none;padding-bottom:0}.acara-kv-label{color:var(--muted, #64748b);font-weight:550}.acara-kv-val{color:var(--ink, #0f172a);font-weight:700;text-align:right}.acara-rd-list{display:flex;flex-direction:column;gap:8px}.acara-rd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--subtle, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--r-lg, 12px);transition:all .12s ease}.acara-rd-row:hover{background:#fff;border-color:#cbd5e1}.acara-rd-time-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:var(--r-md, 8px);font-size:12px;font-weight:600;background:var(--b-050, #eff6ff);color:var(--b-700, #1d4ed8);border:1px solid var(--b-100, #bfdbfe);font-variant-numeric:tabular-nums;flex-shrink:0}.acara-rd-desc{font-size:13.5px;font-weight:650;color:var(--ink, #0f172a);line-height:1.4;flex:1;word-break:break-word}.acara-rd-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.acara-gear-row,.acara-crew-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:var(--r-xl, 16px);border:1px solid var(--border, #e2e8f0);background:#fff;box-shadow:0 1px 3px #00000005;margin-bottom:10px}.acara-gear-row:last-child,.acara-crew-row:last-child{margin-bottom:0}.acara-gear-thumb{width:52px;height:52px;border-radius:var(--r-lg, 12px);background:var(--bg-2, #f1f5f9);border:1px solid var(--border, #e2e8f0);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acara-gear-thumb img{width:100%;height:100%;object-fit:cover}.acara-crew-avatar{width:46px;height:46px;border-radius:var(--r-lg, 12px);background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;font-weight:750;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #cbd5e1}.acara-crew-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-lg, 12px)}.acara-notes-card-body,.acara-tech-notes-section{display:flex;flex-direction:column}.acara-notes-subheading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.acara-notes-subheading{font-size:11.5px;font-weight:750;color:#2563eb;text-transform:uppercase;letter-spacing:.04em}.acara-notes-edit-btn{background:none;border:none;color:#64748b;font-size:11.5px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0;transition:color .15s ease}.acara-notes-edit-btn:hover{color:#1d4ed8}.acara-tech-notes-content{background:var(--subtle, #f8fafc);padding:12px 14px;border-radius:var(--r-lg, 12px);border:1px solid var(--border, #e2e8f0);font-size:13px;line-height:1.6;color:var(--ink2, #334155);white-space:pre-line}.acara-notes-divider{border:none;border-top:1px dashed var(--line-2, #e2e8f0);margin:11px 0}.acara-notulensi-section{display:flex;flex-direction:column}.acara-notulensi-subheading{font-size:11.5px;font-weight:750;color:#1e40af;text-transform:uppercase;letter-spacing:.04em;margin-bottom:11px}.acara-notulensi-list{display:flex;flex-direction:column;gap:10px}.acara-notulensi-card{border:1.5px solid rgba(37,99,235,.2);background:#f8fafc;border-radius:var(--r-xl, 14px);padding:14px 16px}.acara-notulensi-empty{border:1.5px dashed var(--border, #e2e8f0);background:var(--subtle, #f8fafc);text-align:center;padding:16px 14px;border-radius:var(--r-lg, 12px)}.acara-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeInModal .2s ease-out;box-sizing:border-box}.acara-modal-sheet{background:var(--surface, #ffffff);border-radius:var(--r-2xl, 20px);width:100%;max-width:640px;max-height:min(90vh,820px);display:flex;flex-direction:column;box-shadow:0 20px 48px -10px #00000040;overflow:hidden;box-sizing:border-box;animation:slideUpModal .25s cubic-bezier(.16,1,.3,1)}.acara-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, #e2e8f0);background:#fff;position:sticky;top:0;z-index:10}.acara-modal-title{font-size:16.5px;font-weight:750;color:var(--ink, #0f172a);margin:0}.acara-modal-close-btn{background:var(--bg-2, #f1f5f9);border:none;width:32px;height:32px;border-radius:var(--r-full, 9999px);color:var(--ink3, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.acara-modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.acara-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.acara-modal-footer{padding:14px 20px;border-top:1px solid var(--border, #e2e8f0);background:var(--subtle, #f8fafc);display:flex;align-items:center;justify-content:flex-end;gap:10px;position:sticky;bottom:0;z-index:10}.acara-field{display:flex;flex-direction:column;gap:6px}.acara-field-label{font-size:12.5px;font-weight:700;color:var(--ink, #0f172a)}.acara-field-input,.acara-field-select,.acara-field-textarea{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:var(--r-lg, 12px);border:1.5px solid var(--border, #cbd5e1);background:#fff;font-size:13.5px;color:var(--ink, #0f172a);font-family:inherit;outline:none;transition:all .15s ease}.acara-field-input:focus,.acara-field-select:focus,.acara-field-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.acara-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.acara-preset-chip{font-size:11px;padding:3px 8px;border-radius:var(--r-md, 8px);background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;cursor:pointer;font-weight:600;transition:all .1s ease}.acara-preset-chip:hover{background:#dbeafe}.acara-session-toggle-box{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-2, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--r-lg, 12px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.acara-session-toggle-box:hover{background:var(--subtle, #f1f5f9);border-color:#cbd5e1}.acara-checkbox-custom{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink, #0f172a);cursor:pointer}.acara-checkbox-custom input[type=checkbox]{width:17px;height:17px;accent-color:#2563eb;cursor:pointer}.acara-sessions-panel{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--bg, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--r-xl, 14px)}.acara-session-card{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:var(--r-lg, 12px);box-shadow:0 1px 3px #00000005;transition:all .15s ease}.acara-session-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.acara-session-card-title{font-size:12.5px;font-weight:700;color:var(--ink, #0f172a);display:flex;align-items:center;gap:6px}.acara-session-del-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:var(--r-sm, 6px);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.acara-session-del-btn:hover{background:#fee2e2}.acara-session-del-btn:disabled{opacity:.4;cursor:not-allowed}.acara-session-labels-grid{display:flex;flex-wrap:wrap;gap:6px}.acara-session-label-pill{padding:4px 10px;border-radius:var(--r-full, 9999px);font-size:11.5px;font-weight:600;border:1px solid var(--border, #cbd5e1);background:#fff;color:var(--ink, #334155);cursor:pointer;transition:all .15s ease}.acara-session-label-pill.is-active{background:#2563eb;color:#fff;border-color:#1d4ed8}.acara-session-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1.5px dashed #cbd5e1;background:#fff;border-radius:var(--r-lg, 12px);color:#2563eb;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.acara-session-add-btn:hover{background:#eff6ff;border-color:#93c5fd}.acara-notulensi-dropdown-wrap{position:relative;width:100%}.acara-notulensi-trigger{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:var(--r-lg, 12px);border:1.5px solid var(--border, #cbd5e1);background:#fff;font-size:13.5px;color:var(--ink, #0f172a);font-family:inherit;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;transition:all .15s ease}.acara-notulensi-trigger:focus,.acara-notulensi-trigger.is-open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.acara-notulensi-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border, #cbd5e1);border-radius:var(--r-xl, 14px);box-shadow:0 12px 32px -4px #00000026;z-index:100;max-height:280px;display:flex;flex-direction:column;overflow:hidden;animation:slideDownMenu .15s cubic-bezier(.16,1,.3,1)}.acara-notulensi-search-wrap{padding:10px 12px;border-bottom:1px solid var(--border, #e2e8f0);background:var(--bg-2, #f8fafc);display:flex;align-items:center;gap:8px}.acara-notulensi-search-input{border:none;background:transparent;outline:none;font-size:12.5px;color:var(--ink, #0f172a);width:100%}.acara-notulensi-options-list{padding:6px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;max-height:210px}.acara-notulensi-option-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:var(--r-md, 8px);cursor:pointer;transition:background .12s ease;-webkit-user-select:none;user-select:none}.acara-notulensi-option-item:hover,.acara-notulensi-option-item.is-highlighted{background:#eff6ff}.acara-notulensi-option-item.is-selected{background:#dbeafe}.acara-form-edit-actions{display:flex;align-items:center;gap:8px;margin-right:auto}.acara-btn-archive{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:var(--r-lg, 10px);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.acara-btn-archive:hover{background:#fde68a}.acara-btn-danger-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:var(--r-lg, 10px);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.acara-btn-danger-outline:hover{background:#fee2e2;border-color:#fca5a5}@media(max-width:959px){.acara-detail-layout{grid-template-columns:1fr}}@media(max-width:639px){.acara-action-bar,.acara-filter-bar{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.acara-filter-chips{width:100%;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.acara-action-controls{display:flex;align-items:center;gap:8px;width:100%}.acara-search-box{flex:1;min-width:0;max-width:none;padding:7px 12px}.acara-action-controls .acara-btn-primary{flex-shrink:0;padding:8px 14px;font-size:12.5px;min-height:38px;white-space:nowrap;border-radius:var(--r-full, 9999px)}.acara-mobile-add-btn{display:none}.acara-item-row{flex-direction:column;align-items:flex-start;gap:10px}.acara-item-left{width:100%}.acara-item-right{width:100%;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--line-2, #e2e8f0)}.acara-grid-2{grid-template-columns:1fr}.acara-modal-overlay{padding:12px 12px env(safe-area-inset-bottom,16px);align-items:center;justify-content:center;overscroll-behavior:contain}.acara-modal-sheet{width:100%;max-height:calc(100dvh - 32px);border-radius:var(--r-2xl, 20px);margin:auto 0;display:flex;flex-direction:column}.acara-modal-header{padding:14px 16px;flex-shrink:0}.acara-modal-body{padding:16px;max-height:calc(100dvh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.acara-modal-footer{padding:12px 16px max(14px,env(safe-area-inset-bottom,14px));flex-shrink:0}.acara-notes-subheading-row{margin-bottom:10px}.acara-notes-divider{margin:10px 0}.acara-notulensi-subheading{margin-bottom:10px}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpToast{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.acara-item-row{min-width:0;background:var(--surface);border:1px solid var(--line, var(--border, #e2e8f0));box-shadow:0 1px 3px #00000005}.acara-item-row .acara-icon-box{background:color-mix(in srgb,var(--acara-accent, var(--b-600)) 10%,var(--surface));color:var(--acara-accent, var(--b-600));border-color:color-mix(in srgb,var(--acara-accent, var(--b-600)) 30%,var(--line))}[data-theme=dark] .acara-item-row .acara-icon-box{color:color-mix(in srgb,var(--acara-accent, var(--b-600)) 55%,white)}.acara-item-row:focus-visible{outline:2px solid var(--b-600);outline-offset:3px}.acara-item-row.acara-item-compact{padding:12px 14px;gap:12px;align-items:center;flex-wrap:nowrap}.acara-item-compact .acara-item-left{flex:1;min-width:0;gap:12px}.acara-item-compact .acara-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acara-item-row .acara-item-body{min-width:0}.acara-item-row .acara-item-meta{color:var(--ink-2);white-space:normal;overflow:visible}.acara-color-field{border:0;padding:0;margin:0 0 20px;min-width:0}.acara-color-field legend{font-weight:700;margin-bottom:10px;color:var(--ink)}.acara-color-options{display:flex;gap:8px;flex-wrap:wrap}.acara-color-option{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);cursor:pointer}.acara-color-option:has(input:checked){border-color:var(--b-600)}.acara-color-option:focus-within{outline:2px solid var(--b-600);outline-offset:2px}.acara-color-swatch{width:16px;height:16px;border-radius:50%;flex:0 0 auto}@media(max-width:639px){.acara-search-input{font-size:16px}.acara-item-meta .acara-loc-text{white-space:normal;word-break:break-word}}@media(max-width:430px){.acara-item-row{padding:12px;gap:10px;align-items:flex-start}.acara-item-row .acara-icon-box{width:38px;height:38px;font-size:16px}.acara-item-row .acara-item-left{min-width:0;flex:1;gap:10px;align-items:flex-start}.acara-item-row .acara-item-title{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.acara-item-row .acara-item-meta{font-size:12.5px;row-gap:4px;column-gap:5px;flex-wrap:wrap;white-space:normal;overflow:visible;margin-top:2px}.acara-item-row .acara-badge-hijri,.acara-item-row .acara-meta-time,.acara-item-row .acara-meta-loc,.acara-item-row .acara-meta-sep{display:none!important}.acara-item-row .acara-badge{font-size:11px;padding:3px 8px;border-radius:var(--ptv-curve-pill, 999px)}.acara-item-row .acara-item-right{flex-shrink:0}}:root[data-theme=dark] .acara-list>.acara-item-row,[data-theme=dark] .acara-list>.acara-item-row,:root[data-theme=dark] .acara-item-row,[data-theme=dark] .acara-item-row{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 1px 4px #00000040}:root[data-theme=dark] .acara-list>.acara-item-row:hover,[data-theme=dark] .acara-list>.acara-item-row:hover,:root[data-theme=dark] .acara-item-row:hover,[data-theme=dark] .acara-item-row:hover{background:var(--surface-2);border-color:var(--b-600);box-shadow:0 4px 14px #0006}:root[data-theme=dark] .acara-item-title,[data-theme=dark] .acara-item-title{color:var(--ink)}:root[data-theme=dark] .acara-item-meta,[data-theme=dark] .acara-item-meta{color:var(--muted)}:root[data-theme=dark] .acara-badge.ok,[data-theme=dark] .acara-badge.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}:root[data-theme=dark] .acara-badge.dang,[data-theme=dark] .acara-badge.dang{background:var(--dang-bg);color:var(--dang);border-color:var(--dang-border)}:root[data-theme=dark] .acara-badge.info,[data-theme=dark] .acara-badge.info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}:root[data-theme=dark] .acara-badge.muted,[data-theme=dark] .acara-badge.muted{background:var(--surface-2);color:var(--muted);border-color:var(--line)}:root[data-theme=dark] .acara-badge-weton,[data-theme=dark] .acara-badge-weton{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}:root[data-theme=dark] .acara-badge-hijri,[data-theme=dark] .acara-badge-hijri{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}:root[data-theme=dark] .acara-mobile-add-btn,[data-theme=dark] .acara-mobile-add-btn{background:#81c9951f;border-color:#81c99559;color:#81c995}:root[data-theme=dark] .acara-fchip,[data-theme=dark] .acara-fchip{background:var(--surface);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .acara-fchip:hover,[data-theme=dark] .acara-fchip:hover{background:var(--surface-2);color:var(--ink);border-color:var(--b-600)}:root[data-theme=dark] .acara-fchip.on,[data-theme=dark] .acara-fchip.on{background:var(--pri, #1273E6);border-color:var(--pri, #1273E6);color:#fff;box-shadow:0 2px 8px #1273e659}:root[data-theme=dark] .acara-search-box,[data-theme=dark] .acara-search-box{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .acara-search-input,[data-theme=dark] .acara-search-input{color:var(--ink)}:root[data-theme=dark] .acara-search-input::placeholder,[data-theme=dark] .acara-search-input::placeholder{color:var(--muted)}:root[data-theme=dark] .acara-card,[data-theme=dark] .acara-card{background:var(--surface);border-color:var(--line);box-shadow:0 1px 4px #00000040}:root[data-theme=dark] .acara-section-title,[data-theme=dark] .acara-section-title{color:var(--ink)}:root[data-theme=dark] .acara-section-badge,[data-theme=dark] .acara-section-badge{background:var(--surface-2);color:var(--muted)}:root[data-theme=dark] .acara-kv-row,[data-theme=dark] .acara-kv-row{border-color:var(--line-2)}:root[data-theme=dark] .acara-kv-label,[data-theme=dark] .acara-kv-label{color:var(--muted)}:root[data-theme=dark] .acara-kv-val,[data-theme=dark] .acara-kv-val{color:var(--ink)}:root[data-theme=dark] .acara-rd-row,[data-theme=dark] .acara-rd-row{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .acara-rd-row:hover,[data-theme=dark] .acara-rd-row:hover{background:var(--surface);border-color:var(--b-600)}:root[data-theme=dark] .acara-rd-time-badge,[data-theme=dark] .acara-rd-time-badge{background:#8ab4f824;color:#8ab4f8;border-color:#8ab4f852}:root[data-theme=dark] .acara-rd-desc,[data-theme=dark] .acara-rd-desc{color:var(--ink)}:root[data-theme=dark] .acara-gear-row,[data-theme=dark] .acara-gear-row,:root[data-theme=dark] .acara-crew-row,[data-theme=dark] .acara-crew-row{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .acara-gear-thumb,[data-theme=dark] .acara-gear-thumb{background:var(--bg-2);border-color:var(--line);color:var(--muted)}:root[data-theme=dark] .acara-crew-avatar,[data-theme=dark] .acara-crew-avatar{background:linear-gradient(135deg,#4285f438,#8ab4f838);color:#8ab4f8;border-color:#8ab4f859}:root[data-theme=dark] .acara-tech-notes-content,[data-theme=dark] .acara-tech-notes-content{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .acara-notes-subheading,[data-theme=dark] .acara-notes-subheading,:root[data-theme=dark] .acara-notulensi-subheading,[data-theme=dark] .acara-notulensi-subheading{color:var(--b-500)}:root[data-theme=dark] .acara-notes-edit-btn,[data-theme=dark] .acara-notes-edit-btn{color:var(--muted)}:root[data-theme=dark] .acara-notes-edit-btn:hover,[data-theme=dark] .acara-notes-edit-btn:hover{color:var(--b-500)}:root[data-theme=dark] .acara-notulensi-card,[data-theme=dark] .acara-notulensi-card{background:var(--surface-2);border-color:#8ab4f847;color:var(--ink)}:root[data-theme=dark] .acara-notulensi-empty,[data-theme=dark] .acara-notulensi-empty{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .acara-btn-secondary,[data-theme=dark] .acara-btn-secondary{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .acara-btn-secondary:hover,[data-theme=dark] .acara-btn-secondary:hover{background:var(--surface);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .acara-btn-destructive,[data-theme=dark] .acara-btn-destructive{background:#f28b821f;border-color:#f28b8252;color:#f28b82}:root[data-theme=dark] .acara-btn-destructive:hover,[data-theme=dark] .acara-btn-destructive:hover{background:#f28b8238;border-color:#f28b8280;color:#ffa49d}:root[data-theme=dark] .acara-back-btn,[data-theme=dark] .acara-back-btn{color:var(--b-500)}:root[data-theme=dark] .acara-detail-heading,[data-theme=dark] .acara-detail-heading{color:var(--ink)}:root[data-theme=dark] .acara-empty-box,[data-theme=dark] .acara-empty-box{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .acara-empty-icon,[data-theme=dark] .acara-empty-icon{background:var(--surface-2);color:var(--muted)}:root[data-theme=dark] .acara-empty-title,[data-theme=dark] .acara-empty-title{color:var(--ink)}:root[data-theme=dark] .acara-empty-desc,[data-theme=dark] .acara-empty-desc{color:var(--muted)}:root[data-theme=dark] .acara-modal-sheet,[data-theme=dark] .acara-modal-sheet{background:var(--surface)}:root[data-theme=dark] .acara-modal-header,[data-theme=dark] .acara-modal-header{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .acara-modal-title,[data-theme=dark] .acara-modal-title{color:var(--ink)}:root[data-theme=dark] .acara-modal-close-btn,[data-theme=dark] .acara-modal-close-btn{background:var(--surface-2);color:var(--muted)}:root[data-theme=dark] .acara-modal-close-btn:hover,[data-theme=dark] .acara-modal-close-btn:hover{background:var(--surface);color:var(--ink)}:root[data-theme=dark] .acara-modal-footer,[data-theme=dark] .acara-modal-footer{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .acara-field-label,[data-theme=dark] .acara-field-label{color:var(--ink)}:root[data-theme=dark] .acara-field-input,[data-theme=dark] .acara-field-input,:root[data-theme=dark] .acara-field-select,[data-theme=dark] .acara-field-select,:root[data-theme=dark] .acara-field-textarea,[data-theme=dark] .acara-field-textarea{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .acara-preset-chip,[data-theme=dark] .acara-preset-chip{background:#8ab4f824;color:#8ab4f8;border-color:#8ab4f852}:root[data-theme=dark] .acara-preset-chip:hover,[data-theme=dark] .acara-preset-chip:hover{background:#8ab4f83d;color:#c2e7ff}:root[data-theme=dark] .acara-session-card,[data-theme=dark] .acara-session-card{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .acara-session-card-title,[data-theme=dark] .acara-session-card-title{color:var(--ink)}:root[data-theme=dark] .acara-session-label-pill,[data-theme=dark] .acara-session-label-pill{background:var(--surface-2);border-color:var(--line);color:var(--ink-2);cursor:pointer}:root[data-theme=dark] .acara-session-label-pill.is-active,[data-theme=dark] .acara-session-label-pill.is-active{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;font-weight:700}:root[data-theme=dark] .acara-session-label-pill:hover,[data-theme=dark] .acara-session-label-pill:hover{border-color:var(--b-400);color:var(--ink)}:root[data-theme=dark] .acara-session-add-btn,[data-theme=dark] .acara-session-add-btn{background:var(--surface-2);border-color:var(--line);color:var(--b-400)}:root[data-theme=dark] .acara-session-add-btn:hover,[data-theme=dark] .acara-session-add-btn:hover{background:var(--surface);border-color:var(--b-300)}:root[data-theme=dark] .acara-session-toggle-box,[data-theme=dark] .acara-session-toggle-box{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .acara-notulensi-trigger,[data-theme=dark] .acara-notulensi-trigger{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .acara-notulensi-trigger:focus,[data-theme=dark] .acara-notulensi-trigger:focus,:root[data-theme=dark] .acara-notulensi-trigger.is-open,[data-theme=dark] .acara-notulensi-trigger.is-open{border-color:var(--b-400);box-shadow:0 0 0 3px #2563eb33}:root[data-theme=dark] .acara-notulensi-menu,[data-theme=dark] .acara-notulensi-menu{background:var(--surface);border-color:var(--line);box-shadow:0 12px 32px -4px #0009}:root[data-theme=dark] .acara-notulensi-search-wrap,[data-theme=dark] .acara-notulensi-search-wrap{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .acara-notulensi-search-input,[data-theme=dark] .acara-notulensi-search-input{color:var(--ink)}:root[data-theme=dark] .acara-notulensi-option-item,[data-theme=dark] .acara-notulensi-option-item{color:var(--ink)}:root[data-theme=dark] .acara-notulensi-option-item:hover,[data-theme=dark] .acara-notulensi-option-item:hover,:root[data-theme=dark] .acara-notulensi-option-item.is-highlighted,[data-theme=dark] .acara-notulensi-option-item.is-highlighted{background:#2563eb2e}:root[data-theme=dark] .acara-notulensi-option-item.is-selected,[data-theme=dark] .acara-notulensi-option-item.is-selected{background:#2563eb47}:root[data-theme=dark] .acara-color-field legend,[data-theme=dark] .acara-color-field legend{color:var(--ink)}:root[data-theme=dark] .acara-color-option,[data-theme=dark] .acara-color-option{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .acara-btn-archive,[data-theme=dark] .acara-btn-archive{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .acara-btn-archive:hover,[data-theme=dark] .acara-btn-archive:hover{background:var(--surface);border-color:var(--b-400)}:root[data-theme=dark] .acara-btn-danger-outline,[data-theme=dark] .acara-btn-danger-outline{background:#ef44441f;border-color:#ef44444d;color:#f87171}:root[data-theme=dark] .acara-btn-danger-outline:hover,[data-theme=dark] .acara-btn-danger-outline:hover{background:#ef44443d;color:#fca5a5}.hero{position:relative;padding:2px 0 0;margin-bottom:20px}.hero-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 18px;flex-wrap:wrap;margin-bottom:14px}.hero-eyebrow{font-size:13.5px;color:var(--muted);margin:0;font-weight:500;letter-spacing:-.01em}.hero-name{font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:3px 0 0;color:var(--ink)}.beranda-page .hero-card,.hero-card{position:relative;width:100%;min-height:168px;border-radius:var(--ptv-curve-xl);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 24px;background-size:cover;background-position:center;box-shadow:var(--shadow-m);border:1px solid rgba(255,255,255,.2);text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.hero-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0b3c7429}.hero-card-cnt{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}.hero-card .lbl{font-size:11px;font-weight:600;letter-spacing:.04em;color:#60a5fa;text-transform:uppercase}.hero-card .ttl{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1.25;margin:2px 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.35)}.hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#ffffffd9;font-weight:500}.hero-meta span{display:inline-flex;align-items:center;gap:6px}.quick-access-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 24px}.qa-ref-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px;text-align:center}.beranda-page .qa-ref-btn,.qa-ref-btn{width:58px;height:58px;border-radius:var(--ptv-curve-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);display:flex;align-items:center;justify-content:center;color:var(--b-700);font-size:20px;transition:transform .15s,background .15s,box-shadow .15s}.qa-ref-item:active .qa-ref-btn{transform:scale(.92)}.qa-ref-label{font-size:11px;font-weight:600;color:var(--ink-2);line-height:1.2}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}@media(max-width:1200px){.bento-grid{grid-template-columns:repeat(2,1fr)}}.beranda-page .bento-card,.bento-card{display:flex;align-items:center;gap:14px;padding:16px 18px;min-height:76px;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-xl);box-shadow:var(--shadow-s);text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.bento-card:hover{transform:translateY(-2px);border-color:var(--b-300);box-shadow:var(--shadow-m)}.beranda-page .bento-ic,.bento-ic{width:44px;height:44px;border-radius:var(--ptv-curve-md);display:grid;place-items:center;font-size:18px;flex-shrink:0}.bento-ic.shortcut-surat,.bento-card.shortcut-surat .bento-ic{background:var(--shortcut-surat-bg);color:var(--shortcut-surat-fg)!important;border:1px solid var(--shortcut-surat-border)}.bento-card.shortcut-surat:hover{border-color:var(--shortcut-surat-hover-border)}.bento-ic.shortcut-pinjam,.bento-card.shortcut-pinjam .bento-ic{background:var(--shortcut-pinjam-bg);color:var(--shortcut-pinjam-fg)!important;border:1px solid var(--shortcut-pinjam-border)}.bento-card.shortcut-pinjam:hover{border-color:var(--shortcut-pinjam-hover-border)}.bento-ic.shortcut-masalah,.bento-card.shortcut-masalah .bento-ic{background:var(--shortcut-masalah-bg);color:var(--shortcut-masalah-fg)!important;border:1px solid var(--shortcut-masalah-border)}.bento-card.shortcut-masalah:hover{border-color:var(--shortcut-masalah-hover-border)}.bento-ic.shortcut-lostfound,.bento-card.shortcut-lostfound .bento-ic{background:var(--shortcut-lostfound-bg);color:var(--shortcut-lostfound-fg)!important;border:1px solid var(--shortcut-lostfound-border)}.bento-card.shortcut-lostfound:hover{border-color:var(--shortcut-lostfound-hover-border)}.bento-ic.shortcut-tugas,.bento-card.shortcut-tugas .bento-ic{background:var(--shortcut-tugas-bg);color:var(--shortcut-tugas-fg)!important;border:1px solid var(--shortcut-tugas-border)}.bento-card.shortcut-tugas:hover{border-color:var(--shortcut-tugas-hover-border)}.bento-ic.shortcut-id,.bento-card.shortcut-id .bento-ic{background:var(--shortcut-id-bg);color:var(--shortcut-id-fg)!important;border:1px solid var(--shortcut-id-border)}.bento-card.shortcut-id:hover{border-color:var(--shortcut-id-hover-border)}.bento-ic.blue{background:var(--shortcut-surat-bg);color:var(--shortcut-surat-fg)!important}.bento-ic.indigo{background:var(--shortcut-pinjam-bg);color:var(--shortcut-pinjam-fg)!important}.bento-ic.amber{background:var(--shortcut-masalah-bg);color:var(--shortcut-masalah-fg)!important}.bento-ic.teal{background:var(--shortcut-lostfound-bg);color:var(--shortcut-lostfound-fg)!important}.bento-ic.emerald{background:var(--shortcut-tugas-bg);color:var(--shortcut-tugas-fg)!important}.bento-ic.purple{background:var(--shortcut-id-bg);color:var(--shortcut-id-fg)!important}.qa-ref-item.shortcut-surat .qa-ref-btn{background:var(--shortcut-surat-bg);color:var(--shortcut-surat-fg)!important;border-color:var(--shortcut-surat-border)}.qa-ref-item.shortcut-pinjam .qa-ref-btn{background:var(--shortcut-pinjam-bg);color:var(--shortcut-pinjam-fg)!important;border-color:var(--shortcut-pinjam-border)}.qa-ref-item.shortcut-masalah .qa-ref-btn{background:var(--shortcut-masalah-bg);color:var(--shortcut-masalah-fg)!important;border-color:var(--shortcut-masalah-border)}.qa-ref-item.shortcut-lostfound .qa-ref-btn{background:var(--shortcut-lostfound-bg);color:var(--shortcut-lostfound-fg)!important;border-color:var(--shortcut-lostfound-border)}.bento-ic i,.qa-ref-btn i,.agenda-row-ic i,.equipment-ic i{color:inherit!important}.bento-title{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin:0;line-height:1.25}.bento-desc{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.35}.bento-arrow{color:var(--muted);opacity:.6;font-size:14px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.cols{grid-template-columns:1fr;gap:16px}}.sec{margin-top:24px;box-sizing:border-box}.sec-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0 2px}.sec-hd h2{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink-2);margin:0}.sec-hd .link,.link{font-size:13px;font-weight:600;color:var(--b-600);cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin:-3px -8px;border-radius:9px;background:none;border:none;transition:all .16s ease;touch-action:manipulation}.sec-hd .link:hover,.link:hover{color:var(--b-800);background:var(--b-050);text-decoration:none;transform:translate(2px)}.sec-hd .link:active,.link:active{transform:scale(.95)}.agenda-editorial-list{display:flex;flex-direction:column;gap:10px;width:100%}:root[data-theme=dark] #berandaAnnounceWrap{--announcement-overlay: var(--surface);--announcement-hover: var(--surface-2);--announcement-shadow: none}:root[data-theme=dark] #berandaAnnounceWrap .ann-card{color:var(--ink)}:root[data-theme=dark] #berandaAnnounceWrap .ann-card .muted{color:var(--ink-2)}.agenda-row{display:flex;align-items:center;gap:16px;padding:14px 6px;background:transparent;border:none;border-bottom:1px solid var(--line-2);width:100%;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .16s ease;border-radius:8px;box-sizing:border-box}.agenda-row:last-child{border-bottom:none}.agenda-row:hover{background:#1273e60a}.agenda-row:hover .agenda-row-title{color:var(--b-700)}.agenda-row:hover .agenda-row-ic{transform:scale(1.06)}.agenda-row-ic{width:44px;height:44px;border-radius:13px;background:#1273e61a;color:#1273e6;display:grid;place-items:center;font-size:16px;flex-shrink:0;transition:transform .16s ease}.agenda-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.agenda-row-title{font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .16s ease}.agenda-row-meta{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipment-card{display:flex;align-items:center;gap:16px;padding:16px 18px;width:100%;text-align:left;box-sizing:border-box}.equipment-ic{width:44px;height:44px;border-radius:13px;background:#1273e61a;color:#1273e6;display:grid;place-items:center;font-size:18px;flex-shrink:0}.equipment-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.equipment-title{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipment-due{font-size:12.5px;color:var(--muted)}.ann-card{display:flex;flex-direction:column;padding:16px 18px;text-align:left;width:100%;box-sizing:border-box}.t-md{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.t-xs{font-size:12px}.row-b{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;text-align:left;width:100%;box-sizing:border-box}.stat-card b.num{font-size:24px;font-weight:700;letter-spacing:-.04em;color:var(--b-700);line-height:1.1;transition:color .18s ease}.stat-card b.num.num-ok{color:var(--ok, #0F7A5A)}:root[data-theme=dark] .stat-card b.num.num-ok{color:var(--ok, #4FC79B)}.stat-card b.num.num-warn{color:var(--warn, #9A6B08)}:root[data-theme=dark] .stat-card b.num.num-warn{color:var(--warn, #E3BA63)}.stat-card.stat-approved:hover{border-color:var(--ok-border, rgba(15, 122, 90, .4))}.stat-card.stat-pending:hover{border-color:var(--warn-border, rgba(217, 119, 6, .4))}.stat-card span{font-size:12px;color:var(--muted);font-weight:500}.beranda-page .chip,.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11.5px;font-weight:600;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;flex:none;box-sizing:border-box}.beranda-page .chip.ok,.chip.ok{background:var(--ok-bg, #E1F5EE);color:var(--ok, #0F7A5A);border:1px solid var(--ok-border, rgba(15, 122, 90, .25))}.beranda-page .chip.info,.chip.info{background:var(--info-bg, #E2EDFD);color:var(--info, #0B5FBF);border:1px solid var(--info-border, rgba(11, 95, 191, .25))}.beranda-page .chip.warn,.chip.warn,.beranda-page .chip.gold,.chip.gold{background:var(--warn-bg, #FCF0D6);color:var(--warn, #9A6B08);border:1px solid var(--warn-border, rgba(154, 107, 8, .25))}.chip.dang{background:var(--dang-bg, #FDE8E6);color:var(--dang, #B02B23);border:1px solid var(--dang-border, rgba(176, 43, 35, .25))}.chip.muted{background:var(--line-2);color:var(--muted);border:1px solid var(--line)}.ann-card.ann-important{border-color:var(--warn-border, rgba(217, 119, 6, .28))!important}.ann-card.ann-important:hover{border-color:var(--warn, #D97706)!important}:root[data-theme=dark] .ann-card.ann-important{border-color:var(--warn-border, rgba(227, 186, 99, .35))!important}:root[data-theme=dark] .ann-card.ann-important:hover{border-color:var(--warn, #E3BA63)!important}.hero-card.hero-continuous,.bento-card.bento-continuous,.bento-ic.ptv-continuous-surface,.qa-ref-btn-continuous,.agenda-row-ic.ptv-continuous-surface,.equipment-card.equipment-continuous,.equipment-ic.ptv-continuous-surface,.ann-card.ann-continuous,.stat-card.stat-continuous,.li.li-continuous,.ann.ann-continuous,.stat.stat-continuous,.empty.empty-continuous{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;border-radius:var(--r-ref-m, 18px)!important;box-shadow:none!important;outline:none}.chip.chip-continuous{background:transparent!important;border:none!important;border-radius:var(--ptv-curve-pill, 9999px)!important;box-shadow:none!important;outline:none}.li-ic.ptv-continuous-surface{background:transparent!important;border:none!important;border-radius:var(--r-icon-box, 13px)!important;box-shadow:none!important;outline:none}.sec.sec-continuous{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none}.hero-card.hero-continuous{overflow:visible!important}.hero-card.hero-continuous:focus-visible,.bento-card.bento-continuous:focus-visible,.li.li-continuous:focus-visible,.ann.ann-continuous:focus-visible,.stat.stat-continuous:focus-visible,.qa-ref-item:focus-visible{outline:2px solid var(--b-500);outline-offset:3px}.qa-ref-btn-continuous>div,.qa-ref-btn-continuous>span,.bento-ic.ptv-continuous-surface>div,.bento-ic.ptv-continuous-surface>span,.agenda-row-ic.ptv-continuous-surface>div,.agenda-row-ic.ptv-continuous-surface>span,.equipment-ic.ptv-continuous-surface>div,.equipment-ic.ptv-continuous-surface>span,.li-ic.ptv-continuous-surface>div,.li-ic.ptv-continuous-surface>span,.chip.chip-continuous>span{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;color:inherit!important}.r03-inventaris{font-family:var(--ptv-font-family, "SF Pro Display", sans-serif);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.r03-inventaris .inv-header{margin-bottom:14px}.r03-inventaris .inv-title{font-size:24px;font-weight:800;color:var(--ink, #0B2A4A);letter-spacing:-.025em;margin:0 0 4px;line-height:1.2}.r03-inventaris .inv-subtitle{font-size:13.5px;color:var(--muted, #6E8CAE);margin:0;line-height:1.4}.r03-inventaris .inv-search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;margin-bottom:14px}.r03-inventaris .inv-hero-banner{position:relative;width:100%;height:156px;border-radius:var(--ptv-curve-xl, 18px);overflow:hidden;margin-bottom:14px;border:1px solid var(--line-2, rgba(11, 42, 74, .08));box-shadow:0 4px 16px #00000014;background-color:#0d121c}@media(min-width:768px){.r03-inventaris .inv-hero-banner{height:180px}}.r03-inventaris .inv-hero-banner img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.r03-inventaris .inv-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0f190d,#0a0f1973 45%,#0a0f19eb);display:flex;flex-direction:column;justify-content:flex-end;padding:16px 20px;color:#fff;box-sizing:border-box}@media(min-width:768px){.r03-inventaris .inv-hero-overlay{padding:18px 24px}}.r03-inventaris .inv-hero-title{font-size:18px;font-weight:700;letter-spacing:-.01em;color:#fff;margin-bottom:3px;line-height:1.25}@media(min-width:768px){.r03-inventaris .inv-hero-title{font-size:21px}}.r03-inventaris .inv-hero-sub{font-size:11.5px;color:#ffffffe0;max-width:650px;line-height:1.35}.r03-inventaris .inv-cat-box{background:var(--surface, #FFFFFF);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-xl, 18px);padding:12px 14px 14px;margin-bottom:14px;box-shadow:0 1px 6px #00000005;position:relative}.r03-inventaris .inv-cat-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 2px}.r03-inventaris .inv-cat-box-title{font-size:11.5px;font-weight:600;color:var(--muted, #6E8CAE);text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.r03-inventaris .inv-cat-box-title i{font-size:12.5px;color:var(--b-600, #1273E6)}.r03-inventaris .inv-cat-box-count{font-size:11.5px;font-weight:600;color:var(--muted, #6E8CAE);text-transform:uppercase;letter-spacing:.02em}.r03-inventaris .inv-cat-nav-btns{display:inline-flex;align-items:center;gap:6px}.r03-inventaris .inv-cat-nav-btn{width:28px;height:28px;border-radius:50%;background:var(--bg-2, #F7FBFF);border:1px solid var(--line-2, rgba(11, 42, 74, .12));display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-2, #38587A);cursor:pointer;transition:all .16s ease;-webkit-user-select:none;user-select:none}.r03-inventaris .inv-cat-nav-btn:hover{background:var(--b-600, #1273E6);color:#fff;border-color:var(--b-600, #1273E6);box-shadow:0 2px 8px #1273e640;transform:scale(1.06)}.r03-inventaris .inv-cat-scroll-track{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:4px 4px 8px;scroll-behavior:smooth}.r03-inventaris .inv-cat-card{flex:0 0 102px;min-width:102px;max-width:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 10px;background:var(--surface, #FFFFFF);border:1px solid var(--line-2, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-lg, 14px);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px #00000008;box-sizing:border-box}.r03-inventaris .inv-cat-card:hover{background:var(--surface, #FFFFFF);border-color:var(--b-300, #A7CEFF);transform:translateY(-2px);box-shadow:0 6px 18px #0b3c7414}.r03-inventaris .inv-cat-card.on{background:var(--surface, #FFFFFF);border-color:var(--b-600, #1273E6);box-shadow:0 0 0 2px var(--b-600, #1273E6),0 4px 16px #1273e626}.r03-inventaris .inv-cat-card-icon{width:38px;height:38px;border-radius:var(--ptv-curve-md, 10px);background:var(--bg-2, #F7FBFF);border:1px solid var(--line-2, rgba(11, 42, 74, .08));display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:7px;transition:all .18s ease;flex-shrink:0}.r03-inventaris .inv-cat-card-name{font-size:11px;font-weight:600;color:var(--ink, #0B2A4A);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;min-height:26px}.r03-inventaris .inv-cat-card-count{font-size:10px;color:var(--muted, #6E8CAE);font-weight:500;margin-top:2px}.r03-inventaris .inv-search-wrap{flex:1;min-width:0;min-height:44px;height:44px;border-radius:var(--r-ref-full, 999px);background:var(--surface, #FFFFFF);border:1px solid var(--line, rgba(11, 42, 74, .12));box-shadow:var(--shadow-s);padding:2px 5px 2px 14px;display:flex;align-items:center;box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.r03-inventaris .inv-search-wrap:focus-within{background:var(--surface, #FFFFFF);border-color:var(--b-500, #3B8EF7);box-shadow:0 0 0 3px var(--b-100, #DCEBFF)}.r03-inventaris .inv-search-wrap .search-icon{position:static!important;color:var(--muted, #6E8CAE);font-size:14.5px;margin-right:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.r03-inventaris .inv-search-wrap .search-icon i{display:inline-block;line-height:1}.r03-inventaris .inv-search-wrap input{flex:1;min-width:0;height:100%;border:none;background:transparent;outline:none;font-size:13.5px;font-family:inherit;color:var(--ink, #0B2A4A);letter-spacing:-.01em;padding:6px 4px 6px 0;line-height:1.4;margin:0}@media(max-width:768px){.r03-inventaris .inv-search-wrap input{font-size:16px}}.r03-inventaris .inv-search-wrap input::placeholder{color:var(--muted, #6E8CAE);font-size:13.5px}.r03-inventaris .inv-search-clear-btn{width:24px;height:24px;border-radius:50%;border:none;background:var(--neutral-bg, #E9F0F9);color:var(--muted, #6E8CAE);display:inline-flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;margin-right:6px;transition:all .12s ease}.r03-inventaris .inv-search-clear-btn:hover{background:var(--line, #CBD5E1);color:var(--ink, #0B2A4A)}.r03-inventaris .inv-search-scan-btn{height:44px;min-width:44px;justify-content:center;padding:0 14px;border-radius:var(--r-ref-full, 999px);background:var(--pri, #1273E6);color:#fff;border:none;font-size:12.5px;font-weight:600;box-shadow:none;display:inline-flex;align-items:center;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;flex-shrink:0}.r03-inventaris .inv-search-scan-btn:hover{background:var(--b-700, #0B5FBF);transform:scale(1.02)}.r03-inventaris .inv-search-scan-btn:active{transform:scale(.96)}.r03-inventaris .inv-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.r03-inventaris .inv-top-basket-btn{width:44px;height:44px;border-radius:50%;background:var(--surface, #FFFFFF);border:1px solid var(--line, rgba(11, 42, 74, .12));box-shadow:var(--shadow-s);color:var(--ink, #0B2A4A);display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .16s ease;flex-shrink:0}.r03-inventaris .inv-top-basket-btn:hover{background:var(--b-050, #EDF4FF);color:var(--b-600, #1273E6);border-color:var(--b-300, #A7CEFF);transform:scale(1.04)}.r03-inventaris .inv-top-basket-badge{position:absolute;top:-3px;right:-3px;background:var(--b-600, #1273E6);color:#fff;border-radius:var(--r-ref-full, 999px);border:2px solid var(--surface, #FFFFFF);box-shadow:0 2px 6px #1273e659;font-size:10px;font-weight:700;padding:1px 5px;min-width:14px;text-align:center;line-height:1.2}.r03-inventaris .inv-btn-add-asset{min-height:44px!important;padding:0 18px!important;border-radius:var(--r-ref-full, 999px)!important;font-size:13px!important;font-weight:700!important;box-shadow:0 2px 8px #1273e640!important;gap:6px!important}.r03-inventaris .inv-cat-chips-rail{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 1px 6px;margin-bottom:12px}.r03-inventaris .inv-cat-chips-rail::-webkit-scrollbar{display:none}.r03-inventaris .inv-cat-chip{display:inline-flex;align-items:center;gap:6px;padding:0 13px;height:35px;border-radius:var(--r-ref-full, 999px);background:var(--surface, #FFFFFF);border:1px solid var(--line-2, rgba(11, 42, 74, .09));color:var(--ink-2, #38587A);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .15s ease;box-shadow:0 1px 3px #0b2a4a0a}.r03-inventaris .inv-cat-chip:hover{border-color:var(--b-300, #A7CEFF);background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF)}.r03-inventaris .inv-cat-chip.on{background:var(--b-050, #EDF4FF)!important;border:1.5px solid var(--b-600, #1273E6)!important;color:var(--b-700, #0B5FBF)!important;font-weight:700!important;box-shadow:0 2px 6px #1273e624!important}.r03-inventaris .inv-chip-icon{font-size:12px;color:inherit;display:inline-flex;align-items:center}.r03-inventaris .inv-chip-name{line-height:1}.r03-inventaris .inv-chip-count{font-size:10.5px;font-weight:650;padding:1px 6px;border-radius:var(--r-ref-full, 999px);background:#0b2a4a0f;color:var(--muted, #6E8CAE);line-height:1.2}.r03-inventaris .inv-cat-chip.on .inv-chip-count{background:var(--b-600, #1273E6);color:#fff}.r03-inventaris .inv-cat-chip.custom{border-style:dashed}.r03-inventaris .inv-chip-clear{font-size:10px;margin-left:2px;opacity:.75;transition:opacity .12s ease}.r03-inventaris .inv-cat-chip.custom:hover .inv-chip-clear{opacity:1}.r03-inventaris .inv-cat-more-wrap{position:relative;flex-shrink:0}.r03-inventaris .inv-cat-chip.more-btn{background:var(--bg-2, #F7FBFF);border-color:var(--line, rgba(11, 42, 74, .12))}.r03-inventaris .inv-cat-chip.more-btn.has-active{border-color:var(--b-400, #60A5FA);color:var(--b-700, #0B5FBF);background:var(--b-050, #EDF4FF)}.r03-inventaris .inv-more-chevron{font-size:9.5px;margin-left:2px;transition:transform .18s ease}.r03-inventaris .inv-more-chevron.open{transform:rotate(180deg)}.r03-inventaris .inv-cat-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:290px;max-height:380px;background:var(--surface, #FFFFFF);border:1px solid var(--line-2, rgba(11, 42, 74, .12));border-radius:16px;box-shadow:0 12px 32px #0b2a4a29,0 4px 12px #0b2a4a14;display:flex;flex-direction:column;overflow:hidden;animation:r03PopoverFade .16s ease-out}@keyframes r03PopoverFade{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.r03-inventaris .inv-cat-popover-search{padding:10px 12px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .08));display:flex;align-items:center;gap:8px;background:var(--bg-2, #F7FBFF)}.r03-inventaris .inv-cat-popover-search i{color:var(--muted, #6E8CAE);font-size:13px}.r03-inventaris .inv-cat-popover-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;font-family:inherit;color:var(--ink, #0B2A4A)}.r03-inventaris .inv-popover-search-clear{border:none;background:transparent;color:var(--muted, #6E8CAE);cursor:pointer;padding:2px;font-size:11px}.r03-inventaris .inv-cat-popover-list{padding:6px;overflow-y:auto;max-height:310px;display:flex;flex-direction:column;gap:2px}.r03-inventaris .inv-cat-popover-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:none;background:transparent;color:var(--ink, #0B2A4A);font-size:12.5px;font-weight:550;text-align:left;cursor:pointer;transition:all .12s ease;width:100%;box-sizing:border-box}.r03-inventaris .inv-cat-popover-item:hover{background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF)}.r03-inventaris .inv-cat-popover-item.active{background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF);font-weight:700}.r03-inventaris .inv-popover-icon{width:24px;height:24px;border-radius:6px;background:#0b2a4a0d;display:grid;place-items:center;font-size:12px;color:inherit;flex-shrink:0}.r03-inventaris .inv-cat-popover-item.active .inv-popover-icon{background:var(--b-600, #1273E6);color:#fff}.r03-inventaris .inv-popover-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r03-inventaris .inv-popover-count{font-size:11px;font-weight:600;color:var(--muted, #6E8CAE);padding:1px 6px;border-radius:10px;background:#0b2a4a0d}.r03-inventaris .inv-cat-popover-item.active .inv-popover-count{background:var(--b-600, #1273E6);color:#fff}.r03-inventaris .inv-popover-check{font-size:11px;color:var(--b-600, #1273E6);margin-left:4px}.r03-inventaris .inv-popover-empty{padding:24px 12px;text-align:center;font-size:12.5px;color:var(--muted, #6E8CAE)}.r03-inventaris .inv-subfilter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.r03-inventaris .inv-status-segment-wrap{position:relative;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0;display:flex;align-items:center}.r03-inventaris .inv-status-segment-wrap::-webkit-scrollbar{display:none}.r03-inventaris .inv-status-segment{display:inline-flex;align-items:center;background:var(--neutral-bg, #E9F0F9);border-radius:var(--r-ref-full, 999px);padding:3px;gap:3px;border:1px solid transparent;flex-shrink:0;white-space:nowrap}.r03-inventaris .inv-segment-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:var(--r-ref-full, 999px);border:none;background:transparent;font-size:12.5px;font-weight:620;color:var(--muted, #6E8CAE);cursor:pointer;white-space:nowrap;flex-shrink:0;min-height:34px;touch-action:manipulation;transition:all .16s ease}.r03-inventaris .inv-segment-btn:hover{color:var(--ink, #0B2A4A)}.r03-inventaris .inv-segment-btn.on{background:var(--surface, #FFFFFF);color:var(--b-700, #0B5FBF);font-weight:700;box-shadow:var(--shadow-s)}.r03-inventaris .inv-segment-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.r03-inventaris .inv-segment-count{font-size:11px;font-weight:650;padding:1px 7px;border-radius:var(--r-ref-full, 999px);background:#0b2a4a0f}.r03-inventaris .inv-segment-btn.on .inv-segment-count{background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF)}.r03-inventaris .inv-filter-meta{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.r03-inventaris .inv-btn-reset-filter{font-size:11.5px!important;padding:0 12px!important;min-height:32px!important;font-weight:650!important;color:var(--warn, #9A6B08)!important;background:var(--warn-bg, #FCF0D6)!important;border:1px solid var(--warn-border, rgba(154, 107, 8, .25))!important;border-radius:var(--r-ref-full, 999px)!important;display:inline-flex!important;align-items:center!important;cursor:pointer}.r03-inventaris .inv-btn-reset-filter:hover{background:#feebc8!important}.r03-inventaris .inv-result-count{font-size:12.5px;font-weight:600;color:var(--ink, #0B2A4A);white-space:nowrap}.r03-inventaris .inv-toolbar-actions .btn,.r03-inventaris .inv-btn-pill{border-radius:var(--r-ref-full, 999px)!important;-webkit-border-radius:var(--r-ref-full, 999px)!important;corner-shape:round!important;min-height:36px!important;padding:0 16px!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:-.01em;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box}.r03-inventaris .inv-toolbar-actions .btn.pri,.r03-inventaris .inv-btn-pill.pri{background:var(--b-600, #1273E6)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 2px 8px #1273e647!important}.r03-inventaris .inv-toolbar-actions .btn.pri:hover,.r03-inventaris .inv-btn-pill.pri:hover{background:var(--b-700, #0B5FBF)!important;transform:translateY(-1px)}.r03-inventaris .inv-catalog-area{min-height:280px;width:100%;box-sizing:border-box}.r03-inventaris .inv-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:52px 24px;min-height:280px;background:var(--surface, #FFFFFF);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--r-ref-m, 18px);box-shadow:var(--shadow-s);box-sizing:border-box;margin-top:2px}.r03-inventaris .inv-empty-icon{font-size:26px;color:var(--b-600, #1273E6);margin-bottom:12px}.r03-inventaris .inv-empty-icon-box{width:54px;height:54px;border-radius:50%;background:var(--bg-2, #F7FBFF);border:1px solid var(--line-2, rgba(11, 42, 74, .08));display:grid;place-items:center;font-size:22px;color:var(--muted, #6E8CAE);margin-bottom:14px}.r03-inventaris .inv-empty-title{font-size:16px;font-weight:700;color:var(--ink, #0B2A4A);letter-spacing:-.015em;margin-bottom:5px}.r03-inventaris .inv-empty-desc{font-size:13px;color:var(--muted, #6E8CAE);max-width:340px;line-height:1.45;margin:0}.r03-inventaris .inv-empty-reset-cta,.r03-inventaris .inv-empty-cta{margin-top:16px}.r03-inventaris .inv-empty-reset-cta{font-size:12.5px!important;font-weight:700!important;color:var(--b-700, #0B5FBF)!important;background:var(--b-050, #EDF4FF)!important;border:1.5px solid var(--b-300, #A7CEFF)!important;padding:0 18px!important;min-height:38px!important}.r03-inventaris .inv-empty-reset-cta:hover{background:var(--b-100, #DCEBFF)!important}.r03-inventaris .inv-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;align-items:start}.r03-inventaris .inv-prod-card{display:flex;flex-direction:column;background:var(--surface, #FFFFFF);border:1px solid var(--line-2, rgba(11, 42, 74, .055));border-radius:var(--r-ref-m, 18px);overflow:hidden;box-shadow:var(--shadow-s);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;padding:10px;box-sizing:border-box}.r03-inventaris .inv-prod-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-m);border-color:var(--b-300, #A7CEFF)}.r03-inventaris .inv-prod-card:focus-visible{outline:2px solid var(--b-500, #3B8EF7);outline-offset:2px}.r03-inventaris .inv-prod-photo{width:100%;aspect-ratio:16 / 11;background:var(--bg-2, #F7FBFF);border-radius:var(--r-thumb, 14px);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2, rgba(11, 42, 74, .04))}.r03-inventaris .inv-prod-photo img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-thumb, 14px);transition:transform .22s ease}.r03-inventaris .inv-prod-card:hover .inv-prod-photo img{transform:scale(1.04)}.r03-inventaris .inv-prod-status-badge{position:absolute;top:8px;right:8px;font-size:11px;font-weight:650;padding:4px 10px;border-radius:var(--r-ref-full, 999px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 6px #00000014;display:inline-flex;align-items:center;gap:5px;line-height:1.2}.r03-inventaris .inv-prod-body{padding:10px 4px 4px;display:flex;flex-direction:column;flex:1}.r03-inventaris .inv-prod-code{font-size:11px;font-weight:700;color:var(--b-600, #1273E6);letter-spacing:.02em}.r03-inventaris .inv-prod-name{font-size:14px;font-weight:650;color:var(--ink, #0B2A4A);letter-spacing:-.015em;line-height:1.3}.r03-inventaris .inv-prod-brand{font-size:12px;color:var(--muted, #6E8CAE)}.r03-inventaris .inv-prod-quick-add{width:30px;height:30px;min-width:30px;border-radius:50%;background:var(--b-050, #EDF4FF);border:1px solid var(--b-200, #BBD8FD);color:var(--b-700, #0B5FBF);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .15s ease}.r03-inventaris .inv-prod-quick-add:hover{background:var(--b-600, #1273E6);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-blue)}.r03-inventaris .inv-prod-quick-add.added{background:var(--ok, #0F7A5A);color:#fff;border-color:var(--ok, #0F7A5A)}.r03-inventaris .inv-hero-banner,.r03-inventaris .inv-cat-box,.r03-inventaris .inv-cat-card,.r03-inventaris .inv-cat-card-icon,.r03-inventaris .inv-prod-card,.r03-inventaris .inv-prod-photo,.r03-inventaris .inv-prod-photo img,.r03-inventaris .inv-cat-nav-btn{corner-shape:round!important}@media(max-width:640px){.r03-inventaris .inv-status-segment-wrap{mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%)}.r03-inventaris .inv-toolbar-actions{width:100%;justify-content:flex-end}.r03-inventaris .inv-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}.r03-inventaris .inv-prod-card{padding:7px!important;border-radius:14px!important}.r03-inventaris .inv-prod-photo{aspect-ratio:16 / 11;border-radius:10px!important}.r03-inventaris .inv-prod-photo img{border-radius:10px!important}.r03-inventaris .inv-prod-status-badge{top:5px!important;right:5px!important;font-size:9.5px!important;padding:2px 6px!important;gap:4px!important;max-width:calc(100% - 10px)!important}.r03-inventaris .inv-prod-status-badge span:last-child{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.r03-inventaris .inv-prod-body{padding:6px 2px 2px!important}.r03-inventaris .inv-prod-code{font-size:9.5px!important;letter-spacing:.01em!important}.r03-inventaris .inv-prod-cat{font-size:9px!important;max-width:65px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.r03-inventaris .inv-prod-name{font-size:12px!important;line-height:1.25!important;margin-top:2px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;word-break:break-word!important;min-height:29px}.r03-inventaris .inv-prod-brand{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:1px!important}.r03-inventaris .inv-prod-unit-status,.r03-inventaris .inv-prod-unit-status span{font-size:10px!important}.r03-inventaris .inv-prod-loc-row{font-size:9.5px!important;padding-top:2px!important}.r03-inventaris .inv-prod-loc-text{font-size:9.5px!important}.r03-inventaris .inv-prod-quick-add{width:26px!important;height:26px!important;min-width:26px!important;font-size:10.5px!important}}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat=kamera] .inv-cat-card-icon{background:#0e2442;color:#6fb0ff;border-color:#173866}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat=lensa] .inv-cat-card-icon{background:#2e1065;color:#c084fc;border-color:#4c1d95}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat="tripod & rig"] .inv-cat-card-icon{background:#082f49;color:#38bdf8;border-color:#0369a1}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat="baterai & power"] .inv-cat-card-icon{background:#30260f;color:#e3ba63;border-color:#533e0e}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat=audio] .inv-cat-card-icon{background:#064e3b;color:#34d399;border-color:#047857}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat=lighting] .inv-cat-card-icon{background:#451a03;color:#fbbf24;border-color:#78350f}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat=stabilizer] .inv-cat-card-icon{background:#431407;color:#fb923c;border-color:#7c2d12}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat="streaming / live"] .inv-cat-card-icon{background:#4c0519;color:#fb7185;border-color:#881337}:root[data-theme=dark] .r03-inventaris .inv-cat-card[data-cat=lainnya] .inv-cat-card-icon{background:#16253a;color:#92aaca;border-color:#243b5a}.r03-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:r03FadeIn .2s ease-out}.r03-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none}.sheet.r03-tambah-alat-sheet{width:min(620px,94vw);height:min(780px,88vh);max-height:88vh;display:flex;flex-direction:column;padding-bottom:0!important;overflow:hidden}.sheet.r03-tambah-alat-sheet form{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;overflow:hidden}.sheet.r03-tambah-alat-sheet .sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto!important}.r03-tambah-alat-sheet .r03-form-section{flex:0 0 auto}.r03-tambah-alat-sheet .r03-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.r03-tambah-alat-sheet .r03-form-field{min-width:0}.r03-tambah-alat-sheet .r03-form-label{position:static;transform:none;display:block;line-height:1.4}.r03-tambah-alat-sheet .r03-form-input{min-width:0}.r03-tambah-alat-sheet .r03-unit-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(130px,.8fr);align-items:center}.r03-tambah-alat-sheet .r03-modal-footer{display:grid;grid-template-columns:auto minmax(0,1fr);background:var(--surface);border-color:var(--line)}.r03-tambah-alat-sheet .r03-modal-header{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .r03-tambah-alat-sheet{--form-code-color: #A8C7FA;--form-code-action: #A8C7FA}.r03-tambah-alat-sheet .r03-unit-row .ptv-select-trigger{height:48px;min-height:48px}:root[data-theme=dark] .r03-tambah-alat-sheet .ptv-select-trigger{background:var(--surface);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .r03-tambah-alat-sheet .r03-photo-upload-card,:root[data-theme=dark] .r03-tambah-alat-sheet .r03-photo-preview-card{background:var(--surface);border-color:var(--line);color:var(--ink)}@media(max-width:640px){.r03-tambah-alat-sheet .r03-form-grid-2{grid-template-columns:minmax(0,1fr)}.r03-tambah-alat-sheet .r03-unit-row{grid-template-columns:auto minmax(0,1fr)}.r03-tambah-alat-sheet .r03-unit-row>:last-child{grid-column:2}}@media(max-width:768px){.sheet.r03-tambah-alat-sheet{width:100%;height:90vh;max-height:90vh;border-radius:24px 24px 0 0;padding-bottom:calc(max(14px,var(--sab)) + 20px)!important}}.r03-modal-card{pointer-events:auto;width:100%;max-width:680px;max-height:calc(100vh - 48px);background:#fff;border-radius:24px;border:1px solid #E2E8F0;box-shadow:0 20px 40px -15px #0003;display:flex;flex-direction:column;overflow:hidden;animation:r03ModalZoom .22s cubic-bezier(.16,1,.3,1);font-family:var(--ptv-font-family, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif)}.r03-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #E2E8F0;background:#fff;flex-shrink:0}.r03-modal-title-group h2{font-size:18px;font-weight:700;color:#0f172a;margin:0}.r03-modal-title-group p{font-size:12px;color:#64748b;margin:2px 0 0}.r03-modal-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid #E2E8F0;background:#f8fafc;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.r03-modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.r03-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.r03-form-section{background:#f8fafc;border:1px solid #E2E8F0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.r03-form-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-2, #334155);display:flex;align-items:center;gap:8px}.r03-form-section-title i{color:#1273e6}.r03-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.r03-form-field{display:flex;flex-direction:column;gap:6px}.r03-form-label{font-size:12.5px;font-weight:600;color:#334155}.r03-form-input,.r03-form-select,.r03-form-textarea{width:100%;min-height:48px;font-size:16px;color:#0f172a;background:#fff;border:1.5px solid #CBD5E1;border-radius:12px;padding:0 14px;box-sizing:border-box;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.r03-form-textarea{min-height:84px;padding:12px 14px;resize:vertical}.r03-form-input:focus,.r03-form-select:focus,.r03-form-textarea:focus{outline:none;border-color:#1273e6;box-shadow:0 0 0 3px #1273e626}.r03-form-input[readonly]{background:#f0f9ff;border-color:#bae6fd;color:#0284c7;font-weight:700;cursor:not-allowed}.r03-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E2E8F0;background:#fff;flex-shrink:0}.r03-btn-pill{min-height:44px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none;transition:all .15s ease;font-family:inherit}.r03-btn-pill.primary{background:#1273e6;color:#fff;box-shadow:0 2px 8px #1273e640}.r03-btn-pill.primary:hover:not(:disabled){background:#0e5ebf;box-shadow:0 4px 12px #1273e659}.r03-btn-pill.primary:disabled{opacity:.65;cursor:not-allowed}.r03-btn-pill.secondary{background:#f1f5f9;color:#475569}.r03-btn-pill.secondary:hover{background:#e2e8f0;color:#0f172a}.r03-unit-row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #CBD5E1;border-radius:12px;padding:8px 12px}.r03-unit-badge{font-size:12px;font-weight:800;color:#0284c7;background:#e0f2fe;padding:4px 8px;border-radius:8px;flex-shrink:0}.r03-form-error-banner{background:#fef2f2;border:1.5px solid #FCA5A5;border-radius:var(--ptv-curve-md, 12px);padding:12px 16px;color:#991b1b;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:10px}.r03-form-badge-auto{margin-left:8px;font-size:11px;background:#e0f2fe;color:#0284c7;padding:2px 8px;border-radius:var(--ptv-curve-sm, 6px);font-weight:700}.r03-photo-preview-card{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1.5px solid #E2E8F0;border-radius:var(--ptv-curve-md, 12px)}.r03-photo-preview-img{width:64px;height:64px;border-radius:var(--ptv-curve-sm, 8px);object-fit:cover;border:1px solid #CBD5E1}.r03-photo-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.r03-photo-upload-card{border:1.5px dashed #93C5FD;border-radius:14px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;cursor:pointer;transition:all .15s ease;color:#0f172a;font-size:13px;font-weight:600;text-align:center}.r03-photo-upload-card:hover{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.r03-photo-upload-card i{font-size:22px;color:#2563eb}.r03-photo-upload-hint{text-align:center;font-size:11px;color:#64748b;margin-top:6px}.r03-form-grid-3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}@media(max-width:640px){.r03-form-grid-3{grid-template-columns:1fr}}.r03-tambah-alat-sheet .ptv-select-trigger{height:48px;min-height:48px;border-radius:12px;border:1.5px solid #CBD5E1;background:#fff}.r03-tambah-alat-sheet .ptv-select-trigger:focus-visible,.r03-tambah-alat-sheet .ptv-select-trigger.is-open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.r03-unit-row .ptv-select-wrapper{width:150px;flex-shrink:0}.r03-unit-row .ptv-select-trigger{height:38px;min-height:38px;border-radius:10px;padding:0 10px;border:1px solid #CBD5E1}.r03-unit-row .ptv-select-trigger .ptv-select-icon-box{width:22px;height:22px;min-width:22px;font-size:11px}.r03-btn-subtle-green{min-height:30px;font-size:11.5px;font-weight:700;padding:0 12px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #A7F3D0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.r03-btn-subtle-green:hover{background:#d1fae5;border-color:#6ee7b7}.r03-btn-subtle-blue{min-height:30px;font-size:11.5px;font-weight:700;padding:0 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.r03-btn-subtle-blue:hover{background:#dbeafe;border-color:#93c5fd}.r03-btn-full-primary{width:100%;min-height:48px;border-radius:999px;background:#2563eb;color:#fff;font-size:14.5px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #2563eb40;transition:all .15s ease;font-family:inherit}.r03-btn-full-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #2563eb59}.r03-btn-full-primary:disabled{opacity:.65;cursor:not-allowed}.r03-prompt-dialog{background:#fff;border-radius:var(--ptv-curve-lg, 16px);border:1px solid #E2E8F0;padding:20px;width:100%;max-width:380px;box-shadow:0 20px 25px -5px #0000001a}@media(max-width:640px){.r03-modal-container{padding:0;align-items:flex-end}.r03-modal-card{max-height:90vh;border-radius:24px 24px 0 0;border-bottom:none;animation:r03SlideUp .25s cubic-bezier(.16,1,.3,1)}.r03-form-grid-2{grid-template-columns:1fr}.r03-modal-footer{padding:14px 16px}.r03-btn-pill{flex:1}}@keyframes r03FadeIn{0%{opacity:0}to{opacity:1}}@keyframes r03ModalZoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes r03SlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}:root[data-theme=dark] .r03-modal-card{background:#0f172a;border-color:#1e293b;color:#f8fafc}:root[data-theme=dark] .r03-modal-header,:root[data-theme=dark] .r03-modal-footer{background:#0f172a;border-color:#1e293b}:root[data-theme=dark] .r03-modal-title-group h2{color:#f8fafc}:root[data-theme=dark] .r03-modal-title-group p{color:#94a3b8}:root[data-theme=dark] .r03-modal-close-btn{background:#1e293b;border-color:#334155;color:#94a3b8}:root[data-theme=dark] .r03-modal-close-btn:hover{background:#334155;color:#f8fafc}:root[data-theme=dark] .r03-form-section{background:#1e293b;border-color:#334155}:root[data-theme=dark] .r03-form-section-title{color:#cbd5e1}:root[data-theme=dark] .r03-form-label{color:#cbd5e1}:root[data-theme=dark] .r03-form-input,:root[data-theme=dark] .r03-form-select,:root[data-theme=dark] .r03-form-textarea{background:#0f172a;border-color:#334155;color:#f8fafc}:root[data-theme=dark] .r03-form-input[readonly]{background:#0c4a6e;border-color:#0369a1;color:#38bdf8}:root[data-theme=dark] .r03-unit-row{background:#0f172a;border-color:#334155}:root[data-theme=dark] .r03-btn-pill.secondary{background:#1e293b;color:#cbd5e1}:root[data-theme=dark] .r03-btn-pill.secondary:hover{background:#334155;color:#f8fafc}.unit-picker-dialog-card{pointer-events:auto;width:100%;max-width:580px;max-height:min(86vh,720px);background:var(--surface);border-radius:20px;border:1px solid var(--line-2);box-shadow:0 24px 60px -12px #0b2a4a40,0 8px 24px -4px #0b2a4a14;display:flex;flex-direction:column;overflow:hidden;animation:r03ModalZoom .22s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.unit-picker-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-2);background:var(--surface);flex-shrink:0}.unit-picker-title-group{display:flex;align-items:center;gap:10px}.unit-picker-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;flex:1 1 auto;min-height:0}.unit-picker-asset-banner{background:var(--bg-2);border:1px solid var(--line-2);border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.unit-picker-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding-right:4px}.unit-picker-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--surface);transition:all .15s ease;gap:12px}.unit-picker-item:hover:not(.disabled){border-color:var(--b-300)}.unit-picker-item.selected{border-color:var(--b-500);background:var(--b-050)}.unit-picker-item.disabled{background:var(--bg-2);opacity:.65}.unit-picker-item-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.unit-picker-number-box{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.unit-code-badge{font-size:11px;background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line-2);padding:1px 6px;border-radius:6px;font-weight:600}.unit-picker-foot{padding:14px 20px;border-top:1px solid var(--line-2);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}@media(max-width:640px){.unit-picker-dialog-card{position:fixed;bottom:0;left:0;right:0;max-width:100%!important;border-radius:24px 24px 0 0!important;max-height:90vh!important;padding-bottom:env(safe-area-inset-bottom,14px);border-bottom:none;border-left:none;border-right:none}}:root[data-theme=dark] .r03-inventaris .inv-search-wrap,[data-theme=dark] .r03-inventaris .inv-search-wrap{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .r03-inventaris .inv-search-wrap:focus-within,[data-theme=dark] .r03-inventaris .inv-search-wrap:focus-within{background:var(--surface);border-color:var(--b-600);box-shadow:0 0 0 3px #4e9bfb33}:root[data-theme=dark] .r03-inventaris .inv-search-clear-btn,[data-theme=dark] .r03-inventaris .inv-search-clear-btn{background:var(--surface-2);color:var(--muted)}:root[data-theme=dark] .r03-inventaris .inv-search-clear-btn:hover,[data-theme=dark] .r03-inventaris .inv-search-clear-btn:hover{background:var(--line);color:var(--ink)}:root[data-theme=dark] .r03-inventaris .inv-cat-chip,[data-theme=dark] .r03-inventaris .inv-cat-chip{background:var(--surface);border-color:var(--line);color:var(--ink-2);box-shadow:none}:root[data-theme=dark] .r03-inventaris .inv-cat-chip:hover,[data-theme=dark] .r03-inventaris .inv-cat-chip:hover{border-color:var(--b-600);background:var(--b-050);color:var(--b-600)}:root[data-theme=dark] .r03-inventaris .inv-cat-chip.on,[data-theme=dark] .r03-inventaris .inv-cat-chip.on{background:var(--b-050)!important;border-color:var(--b-600)!important;color:var(--b-600)!important}:root[data-theme=dark] .r03-inventaris .inv-chip-count,[data-theme=dark] .r03-inventaris .inv-chip-count{background:#ffffff14;color:var(--muted)}:root[data-theme=dark] .r03-inventaris .inv-cat-chip.on .inv-chip-count,[data-theme=dark] .r03-inventaris .inv-cat-chip.on .inv-chip-count{background:var(--b-600);color:#fff}:root[data-theme=dark] .r03-inventaris .inv-cat-chip.more-btn,[data-theme=dark] .r03-inventaris .inv-cat-chip.more-btn{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .r03-inventaris .inv-cat-popover,[data-theme=dark] .r03-inventaris .inv-cat-popover{background:var(--surface);border-color:var(--line);box-shadow:0 16px 36px #00000080,0 4px 12px #0000004d}:root[data-theme=dark] .r03-inventaris .inv-cat-popover-search,[data-theme=dark] .r03-inventaris .inv-cat-popover-search{background:var(--surface-2);border-bottom-color:var(--line)}:root[data-theme=dark] .r03-inventaris .inv-cat-popover-item:hover,[data-theme=dark] .r03-inventaris .inv-cat-popover-item:hover{background:var(--b-050);color:var(--b-600)}:root[data-theme=dark] .r03-inventaris .inv-cat-popover-item.active,[data-theme=dark] .r03-inventaris .inv-cat-popover-item.active{background:var(--b-050);color:var(--b-600)}:root[data-theme=dark] .r03-inventaris .inv-popover-icon,[data-theme=dark] .r03-inventaris .inv-popover-icon{background:#ffffff0f}:root[data-theme=dark] .r03-inventaris .inv-popover-count,[data-theme=dark] .r03-inventaris .inv-popover-count{background:#ffffff14;color:var(--muted)}:root[data-theme=dark] .r03-inventaris .inv-status-segment,[data-theme=dark] .r03-inventaris .inv-status-segment{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .r03-inventaris .inv-segment-btn.on,[data-theme=dark] .r03-inventaris .inv-segment-btn.on{background:var(--surface-2);color:var(--ink);box-shadow:0 2px 6px #00000059}:root[data-theme=dark] .r03-inventaris .inv-segment-count,[data-theme=dark] .r03-inventaris .inv-segment-count{background:#ffffff14}:root[data-theme=dark] .r03-inventaris .inv-segment-btn.on .inv-segment-count,[data-theme=dark] .r03-inventaris .inv-segment-btn.on .inv-segment-count{background:var(--surface);color:var(--ink)}[data-theme=dark] .r03-inventaris .inv-segment-btn{color:var(--ink-2)}[data-theme=dark] .r03-inventaris .inv-segment-btn:hover{background:var(--surface-2);color:var(--ink)}:root[data-theme=dark] .r03-inventaris .inv-btn-reset-filter,[data-theme=dark] .r03-inventaris .inv-btn-reset-filter{color:var(--warn)!important;background:var(--warn-bg)!important;border-color:var(--warn-border, rgba(227, 186, 99, .3))!important}:root[data-theme=dark] .r03-inventaris .inv-btn-reset-filter:hover,[data-theme=dark] .r03-inventaris .inv-btn-reset-filter:hover{background:#e3ba6338!important}:root[data-theme=dark] .r03-inventaris .inv-empty-state,[data-theme=dark] .r03-inventaris .inv-empty-state{background:var(--surface);border-color:var(--line);box-shadow:0 4px 16px #00000040}:root[data-theme=dark] .r03-inventaris .inv-empty-icon-box,[data-theme=dark] .r03-inventaris .inv-empty-icon-box{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .r03-inventaris .inv-cat-box,[data-theme=dark] .r03-inventaris .inv-cat-box{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .r03-inventaris .inv-cat-nav-btn,[data-theme=dark] .r03-inventaris .inv-cat-nav-btn{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .r03-inventaris .inv-cat-card,[data-theme=dark] .r03-inventaris .inv-cat-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .r03-inventaris .inv-cat-card:hover,[data-theme=dark] .r03-inventaris .inv-cat-card:hover{background:var(--surface-2);border-color:var(--b-500)}:root[data-theme=dark] .r03-inventaris .inv-cat-card.on,[data-theme=dark] .r03-inventaris .inv-cat-card.on{background:var(--surface-2)!important;border-color:var(--b-500)!important;box-shadow:0 0 0 2px var(--b-500),0 4px 16px #00000073!important}:root[data-theme=dark] .r03-inventaris .inv-cat-card-icon,[data-theme=dark] .r03-inventaris .inv-cat-card-icon{background:var(--surface-2);border-color:var(--line)}.prod-danger-zone-card{margin-top:24px;border:1px dashed var(--line-2, #e2e8f0);background:var(--surface, #ffffff);border-radius:var(--ptv-curve-lg, 18px);padding:20px 24px;transition:all .2s ease}.prod-danger-zone-card:hover{border-color:var(--dang-border, rgba(220, 38, 38, .3))}.prod-danger-zone-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.prod-danger-zone-info{display:flex;align-items:center;gap:16px;flex:1 1 320px;min-width:0}.prod-danger-zone-icon{width:44px;height:44px;border-radius:var(--ptv-curve-md, 13px);background:var(--dang-bg, rgba(220, 38, 38, .08));border:1px solid var(--dang-border, rgba(220, 38, 38, .2));color:var(--dang, #dc2626);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.prod-danger-zone-title{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink, #0f172a)}.prod-danger-zone-desc{margin:0;font-size:12.5px;color:var(--muted, #64748b);line-height:1.45}.prod-danger-zone-action{flex-shrink:0}.btn-danger-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;min-height:42px;border-radius:var(--r-ref-full, 9999px);background:transparent;border:1.5px solid var(--dang, #dc2626);color:var(--dang, #dc2626);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}.btn-danger-outline:hover{background:var(--dang-bg, rgba(220, 38, 38, .08));border-color:var(--dang, #dc2626);transform:translateY(-1px)}.btn-danger-outline:active{transform:translateY(0)}.sdel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}.sdel-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:sdelFadeIn .18s ease-out}.sdel-modal-card{position:relative;z-index:1;width:100%;max-width:680px;max-height:calc(100vh - 36px);background:var(--surface, #ffffff);border-radius:var(--ptv-curve-xl, 24px);border:1px solid var(--line-2, #e2e8f0);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:sdelZoomIn .22s cubic-bezier(.16,1,.3,1)}@keyframes sdelFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sdelZoomIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sdel-modal-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);flex-shrink:0}.sdel-modal-header-icon{width:42px;height:42px;border-radius:var(--ptv-curve-md, 13px);background:var(--dang-bg, rgba(220, 38, 38, .08));border:1px solid var(--dang-border, rgba(220, 38, 38, .2));color:var(--dang, #dc2626);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sdel-modal-header-text{flex:1;min-width:0}.sdel-modal-title{margin:0 0 2px;font-size:17px;font-weight:700;color:var(--ink, #0f172a)}.sdel-modal-sub{margin:0;font-size:12.5px;color:var(--muted, #64748b)}.sdel-modal-close-btn{width:34px;height:34px;border-radius:var(--r-ref-full, 9999px);border:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);color:var(--muted, #64748b);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:14px}.sdel-modal-close-btn:hover{background:var(--bg-2, #f8fafc);color:var(--ink, #0f172a)}.sdel-modal-body{padding:22px 24px;overflow-y:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:18px}.sdel-asset-identity-card{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--bg-2, #f8fafc);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-lg, 18px)}.sdel-asset-thumb{width:60px;height:60px;border-radius:var(--ptv-curve-md, 13px);background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sdel-asset-thumb img{width:100%;height:100%;object-fit:cover}.sdel-asset-thumb-fallback{font-size:24px;color:var(--muted, #94a3b8)}.sdel-asset-info{flex:1;min-width:0}.sdel-asset-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.sdel-chip{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--r-ref-full, 9999px)}.sdel-chip.code{background:#1273e61a;color:var(--b-600, #1273e6)}.sdel-chip.cat{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);color:var(--muted, #64748b)}.sdel-chip.units{background:#10b9811a;color:var(--ok, #10b981)}.sdel-asset-name{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--ink, #0f172a)}.sdel-asset-sub{margin:0;font-size:12px;color:var(--muted, #64748b)}.sdel-section-title-wrap{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink, #0f172a);letter-spacing:-.01em}.sdel-section-title-wrap i{color:var(--b-600, #1273e6);font-size:14px}.sdel-loading-box{display:flex;align-items:center;gap:16px;padding:24px 20px;background:var(--bg-2, #f8fafc);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-lg, 18px)}.sdel-loading-box i{font-size:26px;color:var(--b-600, #1273e6)}.sdel-loading-text h5{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--ink, #0f172a)}.sdel-loading-text p{margin:0;font-size:12.5px;color:var(--muted, #64748b)}.sdel-error-box{padding:18px 20px;background:var(--dang-bg, rgba(220, 38, 38, .08));border:1px solid var(--dang-border, rgba(220, 38, 38, .25));border-radius:var(--ptv-curve-lg, 18px)}.sdel-error-content{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.sdel-error-content i{color:var(--dang, #dc2626);font-size:20px;margin-top:2px}.sdel-error-content h5{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--dang, #dc2626)}.sdel-error-content p{margin:0 0 6px;font-size:12.5px;color:var(--ink, #0f172a)}.sdel-fail-closed-notice{font-size:11.5px!important;color:var(--dang, #dc2626)!important;font-style:italic}.sdel-btn-retry{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;border-radius:var(--r-ref-full, 9999px);background:var(--surface, #ffffff);border:1px solid var(--dang-border, rgba(220, 38, 38, .3));color:var(--dang, #dc2626);cursor:pointer}.sdel-matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:640px){.sdel-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sdel-matrix-item{padding:12px 14px;border-radius:var(--ptv-curve-md, 13px);border:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);display:flex;flex-direction:column;gap:4px}.sdel-matrix-item.is-ok{border-color:#10b98140;background:#10b98108}.sdel-matrix-item.is-ok i{color:var(--ok, #10b981)}.sdel-matrix-item.is-danger{border-color:var(--dang-border, rgba(220, 38, 38, .3));background:var(--dang-bg, rgba(220, 38, 38, .05))}.sdel-matrix-item.is-danger i{color:var(--dang, #dc2626)}.sdel-matrix-item.is-info{border-color:#1273e640;background:#1273e608}.sdel-matrix-item.is-info i{color:var(--b-600, #1273e6)}.sdel-matrix-item.is-muted i{color:var(--muted, #94a3b8)}.sdel-matrix-head{display:flex;align-items:center;justify-content:space-between}.sdel-matrix-label{font-size:11px;font-weight:600;color:var(--muted, #64748b);text-transform:uppercase}.sdel-matrix-val{font-size:13.5px;font-weight:700;color:var(--ink, #0f172a)}.sdel-matrix-sub{font-size:11px;color:var(--muted, #64748b);line-height:1.3}.sdel-cond-panel{border-radius:var(--ptv-curve-lg, 18px);padding:18px 20px;display:flex;flex-direction:column;gap:14px}.sdel-cond-panel.cond-c{background:var(--dang-bg, rgba(220, 38, 38, .06));border:1px solid var(--dang-border, rgba(220, 38, 38, .3))}.sdel-cond-panel.cond-b{background:#f59e0b0f;border:1px solid rgba(245,158,11,.3)}.sdel-cond-panel.cond-a{background:#10b9810d;border:1px solid rgba(16,185,129,.3)}.sdel-cond-head{display:flex;gap:14px;align-items:flex-start}.sdel-cond-panel.cond-c .sdel-cond-icon{width:40px;height:40px;border-radius:var(--ptv-curve-md, 13px);background:var(--surface, #ffffff);border:1px solid var(--dang-border, rgba(220, 38, 38, .3));color:var(--dang, #dc2626);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sdel-cond-panel.cond-b .sdel-cond-icon{width:40px;height:40px;border-radius:var(--ptv-curve-md, 13px);background:var(--surface, #ffffff);border:1px solid rgba(245,158,11,.3);color:var(--warn, #f59e0b);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sdel-cond-panel.cond-a .sdel-cond-icon{width:40px;height:40px;border-radius:var(--ptv-curve-md, 13px);background:var(--surface, #ffffff);border:1px solid rgba(16,185,129,.3);color:var(--ok, #10b981);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sdel-cond-title{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink, #0f172a)}.sdel-cond-desc{margin:0;font-size:12.5px;color:var(--ink, #334155);line-height:1.45}.sdel-blockers-list{background:var(--surface, #ffffff);border:1px solid var(--dang-border, rgba(220, 38, 38, .25));border-radius:var(--ptv-curve-md, 13px);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.sdel-blockers-title{margin:0;font-size:12.5px;font-weight:700;color:var(--dang, #dc2626)}.sdel-blocker-row{display:flex;gap:10px;align-items:flex-start;font-size:12px}.sdel-blocker-row i{color:var(--dang, #dc2626);margin-top:2px;flex-shrink:0}.sdel-blocker-row strong{display:block;color:var(--ink, #0f172a);font-weight:600}.sdel-blocker-row p{margin:2px 0 0;color:var(--muted, #64748b);line-height:1.35}.sdel-guidance-box{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;background:var(--surface, #ffffff);border-radius:var(--ptv-curve-sm, 9px);font-size:12px;color:var(--muted, #64748b);line-height:1.4}.sdel-guidance-box i{color:var(--b-600, #1273e6);margin-top:2px}.sdel-archive-recommendation{background:var(--surface, #ffffff);border:1px solid rgba(245,158,11,.25);border-radius:var(--ptv-curve-md, 13px);padding:14px 16px}.sdel-rec-title{margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--warn, #f59e0b);display:flex;align-items:center;gap:6px}.sdel-rec-body{margin:0 0 10px;font-size:12.5px;color:var(--ink, #0f172a)}.sdel-rec-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.sdel-rec-points li{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--muted, #475569);line-height:1.35}.sdel-rec-points li i{color:var(--ok, #10b981);margin-top:3px;font-size:11px}.sdel-backend-notice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--surface, #ffffff);border:1px dashed rgba(245,158,11,.35);border-radius:var(--ptv-curve-md, 13px)}.sdel-backend-notice-icon{color:var(--warn, #f59e0b);font-size:16px;margin-top:2px}.sdel-backend-notice-text strong{display:block;font-size:12.5px;color:var(--ink, #0f172a);margin-bottom:3px}.sdel-backend-notice-text p{margin:0;font-size:11.5px;color:var(--muted, #64748b);line-height:1.4}.sdel-backend-notice-text code{font-family:monospace;font-size:11px;background:var(--bg-2, #f1f5f9);padding:1px 4px;border-radius:4px}.sdel-confirm-form{background:var(--surface, #ffffff);border:1px solid rgba(16,185,129,.25);border-radius:var(--ptv-curve-md, 13px);padding:16px 18px;display:flex;flex-direction:column;gap:14px}.sdel-form-field{display:flex;flex-direction:column;gap:6px}.sdel-form-field label{font-size:12.5px;font-weight:600;color:var(--ink, #0f172a)}.sdel-form-field .req{color:var(--dang, #dc2626)}.sdel-select,.sdel-input,.sdel-textarea{width:100%;padding:10px 14px;border-radius:var(--ptv-curve-md, 13px);border:1px solid var(--line-2, #e2e8f0);background:var(--bg-2, #f8fafc);color:var(--ink, #0f172a);font-size:13.5px;font-family:inherit;transition:all .15s ease;box-sizing:border-box}.sdel-select:focus,.sdel-input:focus,.sdel-textarea:focus{outline:none;border-color:var(--b-500, #3b8ef7);background:var(--surface, #ffffff);box-shadow:0 0 0 3px #1273e626}.sdel-input.is-valid{border-color:var(--ok, #10b981);background:#10b9810a}.sdel-input.is-invalid{border-color:var(--dang, #dc2626);background:var(--dang-bg, rgba(220, 38, 38, .04))}.sdel-code-badge{font-family:monospace;font-weight:700;color:var(--b-600, #1273e6);background:#1273e61a;padding:2px 6px;border-radius:4px}.sdel-code-hint{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:2px}.sdel-code-hint.match{color:var(--ok, #10b981);font-weight:600}.sdel-code-hint.mismatch{color:var(--dang, #dc2626)}.sdel-danger-warning-banner{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--dang-bg, rgba(220, 38, 38, .08));border:1px solid var(--dang-border, rgba(220, 38, 38, .25));border-radius:var(--ptv-curve-sm, 9px);color:var(--dang, #dc2626)}.sdel-danger-warning-banner i{font-size:16px;margin-top:2px;flex-shrink:0}.sdel-danger-warning-banner strong{display:block;font-size:12.5px;margin-bottom:2px}.sdel-danger-warning-banner p{margin:0;font-size:12px;color:var(--ink, #0f172a);line-height:1.4}.sdel-error-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--dang-bg, rgba(220, 38, 38, .1));border:1px solid var(--dang-border, rgba(220, 38, 38, .3));border-radius:var(--ptv-curve-sm, 9px);color:var(--dang, #dc2626);font-size:12.5px}.sdel-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);flex-shrink:0}.sdel-btn-secondary{padding:10px 18px;min-height:42px;border-radius:var(--r-ref-full, 9999px);background:transparent;border:1px solid var(--line-2, #e2e8f0);color:var(--ink, #0f172a);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.sdel-btn-secondary:hover{background:var(--bg-2, #f8fafc)}.sdel-btn-action{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;min-height:42px;border-radius:var(--r-ref-full, 9999px);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit;border:none}.sdel-btn-action.is-blocked{background:var(--bg-2, #f1f5f9);color:var(--muted, #94a3b8);cursor:not-allowed;border:1px solid var(--line-2, #e2e8f0)}.sdel-btn-action.is-archive-disabled{background:#f59e0b1f;color:var(--warn, #d97706);border:1px solid rgba(245,158,11,.3);cursor:not-allowed}.sdel-btn-action.is-danger{background:var(--dang, #dc2626);color:#fff;box-shadow:0 4px 12px #dc262640}.sdel-btn-action.is-danger:hover:not(.is-disabled){background:#b91c1c;transform:translateY(-1px)}.sdel-btn-action.is-danger.is-disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}:root[data-theme=dark] .prod-danger-zone-card,[data-theme=dark] .prod-danger-zone-card{background:var(--surface-2, #1e293b);border-color:var(--line, #334155)}:root[data-theme=dark] .sdel-modal-card,[data-theme=dark] .sdel-modal-card{background:var(--surface-2, #1e293b);border-color:var(--line, #334155)}:root[data-theme=dark] .sdel-modal-header,[data-theme=dark] .sdel-modal-header{background:var(--surface-2, #1e293b);border-color:var(--line, #334155)}:root[data-theme=dark] .sdel-modal-close-btn,[data-theme=dark] .sdel-modal-close-btn{background:var(--surface, #0f172a);border-color:var(--line, #334155);color:var(--muted, #94a3b8)}:root[data-theme=dark] .sdel-asset-identity-card,[data-theme=dark] .sdel-asset-identity-card{background:var(--surface, #0f172a);border-color:var(--line, #334155)}:root[data-theme=dark] .sdel-asset-thumb,[data-theme=dark] .sdel-asset-thumb{background:var(--surface-2, #1e293b);border-color:var(--line, #334155)}:root[data-theme=dark] .sdel-loading-box,[data-theme=dark] .sdel-loading-box{background:var(--surface, #0f172a);border-color:var(--line, #334155)}:root[data-theme=dark] .sdel-matrix-item,[data-theme=dark] .sdel-matrix-item{background:var(--surface, #0f172a);border-color:var(--line, #334155)}:root[data-theme=dark] .sdel-blockers-list,[data-theme=dark] .sdel-blockers-list,:root[data-theme=dark] .sdel-archive-recommendation,[data-theme=dark] .sdel-archive-recommendation,:root[data-theme=dark] .sdel-backend-notice,[data-theme=dark] .sdel-backend-notice,:root[data-theme=dark] .sdel-confirm-form,[data-theme=dark] .sdel-confirm-form,:root[data-theme=dark] .sdel-guidance-box,[data-theme=dark] .sdel-guidance-box{background:var(--surface, #0f172a)}:root[data-theme=dark] .sdel-select,[data-theme=dark] .sdel-select,:root[data-theme=dark] .sdel-input,[data-theme=dark] .sdel-input,:root[data-theme=dark] .sdel-textarea,[data-theme=dark] .sdel-textarea{background:var(--surface-2, #1e293b);border-color:var(--line, #334155);color:var(--ink, #f8fafc)}:root[data-theme=dark] .sdel-modal-footer,[data-theme=dark] .sdel-modal-footer{background:var(--surface-2, #1e293b);border-color:var(--line, #334155)}:root[data-theme=dark] .sdel-btn-secondary,[data-theme=dark] .sdel-btn-secondary{border-color:var(--line, #334155);color:var(--ink, #f8fafc)}@media(max-width:640px){.sdel-modal-overlay{padding:0;align-items:flex-end}.sdel-modal-card{max-height:92vh;border-radius:24px 24px 0 0}.sdel-modal-footer{flex-direction:column-reverse}.sdel-modal-footer button{width:100%;justify-content:center}}.r03-kalender{width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box;overflow-x:hidden;padding-bottom:calc(var(--dock-h, 64px) + var(--sab, env(safe-area-inset-bottom, 0px)) + 28px);font-family:var(--font-sans, "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif)}.r03-kalender .kal-filter-bar-wrap{position:relative;width:100%;margin-bottom:20px}.r03-kalender .kal-filter-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 6px 8px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;max-width:100%;box-sizing:border-box}.r03-kalender .kal-filter-bar::-webkit-scrollbar{display:none}.r03-kalender .kal-filter-scroll-hint{display:none!important}@media(max-width:640px){.r03-kalender .kal-filter-bar-wrap{margin-bottom:16px}}.r03-kalender .kal-nav-pill-btn{padding:8px 18px;border-radius:var(--ptv-curve-pill, 9999px);font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--line-2, #e2e8f0);background:#fff;color:var(--ink, #1e293b);display:inline-flex;align-items:center;gap:8px;transition:all .15s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 2px #00000008}.r03-kalender .kal-nav-pill-btn:hover{background:var(--bg-2, #f8fafc)}:root[data-theme=dark] .r03-kalender .kal-nav-pill-btn{background:var(--surface, #1B1E21);border-color:var(--line, #34383D);color:var(--ink, #E8EAED);box-shadow:none}:root[data-theme=dark] .r03-kalender .kal-nav-pill-btn:hover{background:var(--surface-2, #24282C)}.r03-kalender .kal-nav-pill-btn.active-ptv{border-color:#1d6ee5;background:#1d6ee5;color:#fff;box-shadow:0 1px 4px #1d6ee540}.r03-kalender .kal-nav-pill-btn.active-pesantren{border-color:#059669;background:#059669;color:#fff;box-shadow:0 1px 4px #05966940}.r03-kalender .kal-nav-pill-btn.active-sekolah{border-color:#6d28d9;background:#6d28d9;color:#fff;box-shadow:0 1px 4px #6d28d940}.r03-kalender .kal-layout-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:24px;align-items:start;width:100%;max-width:100%;box-sizing:border-box}.r03-kalender .kal-col-left,.r03-kalender .kal-col-right{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0}.r03-kalender .kal-grid-calendar-area,.r03-kalender .kal-grid-agenda-area,.r03-kalender .kal-grid-momentum-area{width:100%;min-width:0}@media(max-width:1023px){.r03-kalender .kal-layout-grid{display:flex;flex-direction:column;gap:20px;width:100%}.r03-kalender .kal-col-left,.r03-kalender .kal-col-right{gap:20px;width:100%}}.r03-kalender .kal-surface-card{container-type:inline-size;background:#fff;border-radius:var(--ptv-curve-xl, 22px);border:1px solid var(--line, rgba(11, 42, 74, .08));padding:20px 22px;box-shadow:var(--shadow-s, 0 1px 3px rgba(0, 0, 0, .03));box-sizing:border-box;width:100%;max-width:100%}:root[data-theme=dark] .r03-kalender .kal-surface-card{background:var(--surface, #24282C);border-color:var(--line, #34383D);box-shadow:0 4px 20px -2px #0000004d}@media(max-width:640px){.r03-kalender .kal-surface-card{padding:14px 10px;border-radius:var(--ptv-curve-xl, 20px)}}@media(max-width:360px){.r03-kalender .kal-surface-card{padding:10px 4px;border-radius:var(--ptv-curve-lg)}}.r03-kalender .kal-selected-banner{background:#fff;border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-xl, 16px);padding:16px 20px;box-sizing:border-box;box-shadow:0 1px 2px #00000005}:root[data-theme=dark] .r03-kalender .kal-selected-banner{background:var(--surface-2, #24282C);border-color:var(--line, #34383D)}.r03-kalender .kal-selected-meta-label{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted, #64748b);text-transform:uppercase;margin-bottom:4px}.r03-kalender .kal-selected-title{font-size:17px;font-weight:600;color:var(--ink, #0f172a);letter-spacing:-.015em;line-height:1.25}:root[data-theme=dark] .r03-kalender .kal-selected-title{color:#f1f5f9}.r03-kalender .kal-selected-sub{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:500;color:var(--muted, #64748b);margin-top:4px}:root[data-theme=dark] .r03-kalender .kal-selected-sub{color:#94a3b8}.r03-kalender .kal-selected-bullet{color:var(--line-2, #cbd5e1);font-weight:400}.r03-kalender .kal-badge-pill{display:inline-flex;align-items:center;gap:5px;border-radius:var(--ptv-curve-pill);padding:3px 10px;font-size:11.5px;font-weight:700}.r03-kalender .cal-editorial-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0 12px;width:100%;box-sizing:border-box;background:transparent;border:none;gap:4px}.r03-kalender .cal-editorial-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.r03-kalender .cal-editorial-header-spacer{display:none}.r03-kalender .cal-editorial-title{font-size:clamp(17px,4vw,20px);font-weight:600;color:var(--ink, #0f172a);letter-spacing:-.02em;margin:0;line-height:1.25;text-align:center;flex:1;padding:0 8px}:root[data-theme=dark] .r03-kalender .cal-editorial-title{color:#f1f5f9}.r03-kalender .cal-editorial-nav-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2, #e2e8f0);background:#fff;color:var(--ink, #1e293b);display:inline-flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .15s ease;outline:none;padding:0;box-shadow:0 1px 2px #00000008;flex-shrink:0}.r03-kalender .cal-editorial-nav-btn:hover{background:var(--bg-2, #f8fafc);color:#2563eb;border-color:#cbd5e1}:root[data-theme=dark] .r03-kalender .cal-editorial-nav-btn{background:var(--surface-2, #24282C);border-color:var(--line, #34383D);color:#e2e8f0;box-shadow:none}:root[data-theme=dark] .r03-kalender .cal-editorial-nav-btn:hover{background:#2e3338;color:#60a5fa}.r03-kalender .cal-editorial-today-row{display:flex;justify-content:center;align-items:center;width:100%}.r03-kalender .cal-editorial-today-btn{height:28px;padding:0 16px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line-2, #e2e8f0);background:#fff;color:var(--ink, #1e293b);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease;outline:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 1px 2px #00000008}.r03-kalender .cal-editorial-today-btn:hover{background:var(--bg-2, #f8fafc);color:#2563eb;border-color:#cbd5e1}:root[data-theme=dark] .r03-kalender .cal-editorial-today-btn{background:var(--surface-2, #24282C);border-color:var(--line, #34383D);color:#e2e8f0;box-shadow:none}:root[data-theme=dark] .r03-kalender .cal-editorial-today-btn:hover{background:#2e3338;color:#60a5fa}.r03-kalender .cal-editorial-hijri-range{font-size:clamp(12px,3vw,13px);font-weight:500;color:var(--muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%;margin-top:-3px;margin-bottom:2px;letter-spacing:-.01em}:root[data-theme=dark] .r03-kalender .cal-editorial-hijri-range{color:#94a3b8}.r03-kalender .cal-editorial-divider{height:1px;background:var(--line-2, #e2e8f0);margin:0 0 16px;width:100%}:root[data-theme=dark] .r03-kalender .cal-editorial-divider{background:#ffffff17}.r03-kalender .cal-dow-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:8px;width:100%;box-sizing:border-box}.r03-kalender .cal-dow-col{text-align:center;font-size:11px;font-weight:600;color:var(--muted, #64748b);letter-spacing:.02em;padding:6px 2px;-webkit-user-select:none;user-select:none;text-transform:uppercase}.r03-kalender .cal-dow-col.cal-dow-sunday{color:#dc2626!important}:root[data-theme=dark] .r03-kalender .cal-dow-col.cal-dow-sunday{color:#ef4444!important}.r03-kalender .cal-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;background:transparent!important;border:none!important;border-radius:0!important;overflow:visible!important;box-sizing:border-box;width:100%}:root[data-theme=dark] .r03-kalender .cal-days-grid{background:transparent!important;border:none!important}.r03-kalender .cal-day-cell{aspect-ratio:1 / .65;min-height:52px;max-height:64px;width:100%;max-width:100%;box-sizing:border-box;background:var(--surface, #ffffff);padding:6px 8px 5px;display:flex;flex-direction:column;justify-content:space-between;position:relative;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;border:1px solid #e5e7eb!important;border-radius:6px!important;outline:none;-webkit-user-select:none;user-select:none}.r03-kalender .cal-day-cell:hover:not(.sel):not(.out){background:var(--bg, #f8fafc);border-color:#cbd5e1!important;z-index:1}.r03-kalender .cal-day-cell:focus-visible{outline:none;box-shadow:0 0 0 2px #2563eb!important;border-color:#2563eb!important;z-index:3}.r03-kalender .cal-day-cell.out{background:#fafbfc;border-color:#f1f5f9!important;opacity:1}.r03-kalender .cal-day-cell.out .cal-cell-masehi{color:#d1d5db!important}.r03-kalender .cal-day-cell.out .cal-cell-hijri,.r03-kalender .cal-day-cell.out .calendar-hijri-number,.r03-kalender .cal-day-cell.out .cal-cell-weton{color:#e2e8f0!important}:root[data-theme=dark] .r03-kalender .cal-day-cell{background:var(--surface, #24282C);border-color:#ffffff1a!important}:root[data-theme=dark] .r03-kalender .cal-day-cell:hover:not(.sel):not(.out){background:#2e3338;border-color:#ffffff38!important}:root[data-theme=dark] .r03-kalender .cal-day-cell.out{background:#ffffff05;border-color:#ffffff0f!important;opacity:1}:root[data-theme=dark] .r03-kalender .cal-day-cell.out .cal-cell-masehi,:root[data-theme=dark] .r03-kalender .cal-day-cell.out .cal-cell-hijri,:root[data-theme=dark] .r03-kalender .cal-day-cell.out .calendar-hijri-number,:root[data-theme=dark] .r03-kalender .cal-day-cell.out .cal-cell-weton{color:#4b5563!important}.r03-kalender .cal-day-cell.cal-cell-sunday:not(.out) .cal-cell-masehi{color:#dc2626!important}:root[data-theme=dark] .r03-kalender .cal-day-cell.cal-cell-sunday:not(.out) .cal-cell-masehi{color:#ef4444!important}.r03-kalender .cal-day-cell.sel{background:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 0 0 1px #2563eb!important;border-radius:6px!important;z-index:2}:root[data-theme=dark] .r03-kalender .cal-day-cell.sel{background:#2563eb2e!important;border-color:#60a5fa!important;box-shadow:0 0 0 1px #60a5fa!important}.r03-kalender .cal-day-cell.sel .cal-cell-masehi{color:#1d4ed8!important;font-weight:700}:root[data-theme=dark] .r03-kalender .cal-day-cell.sel .cal-cell-masehi{color:#93c5fd!important}.r03-kalender .cal-day-cell.sel .cal-cell-hijri,.r03-kalender .cal-day-cell.sel .calendar-hijri-number{color:#2563eb!important;font-weight:600}:root[data-theme=dark] .r03-kalender .cal-day-cell.sel .cal-cell-hijri,:root[data-theme=dark] .r03-kalender .cal-day-cell.sel .calendar-hijri-number{color:#60a5fa!important}.r03-kalender .cal-day-cell.sel .cal-cell-weton{color:#1e40af!important;font-weight:600}:root[data-theme=dark] .r03-kalender .cal-day-cell.sel .cal-cell-weton{color:#bfdbfe!important}.r03-kalender .cal-day-cell.today:not(.sel){background:#2563eb0a;border-color:#2563eb61!important;border-radius:6px!important}:root[data-theme=dark] .r03-kalender .cal-day-cell.today:not(.sel){background:#3b82f614;border-color:#60a5fa66!important}.r03-kalender .cal-day-cell.today:not(.sel) .cal-cell-masehi{font-weight:700;color:var(--b-700, #1d4ed8)}:root[data-theme=dark] .r03-kalender .cal-day-cell.today:not(.sel) .cal-cell-masehi{color:#93c5fd}.r03-kalender .cal-cell-header-row{display:flex;align-items:baseline;justify-content:space-between;width:100%}.r03-kalender .cal-cell-masehi{font-size:15px;font-weight:600;line-height:1;color:#1e293b;letter-spacing:-.015em}:root[data-theme=dark] .r03-kalender .cal-cell-masehi{color:#f1f5f9}.r03-kalender .cal-cell-hijri,.r03-kalender .calendar-hijri-number{font-family:Amiri,Noto Naskh Arabic,serif;font-size:13.5px;font-weight:700;color:var(--ok, #059669);line-height:1;-webkit-user-select:none;user-select:none;display:inline-block;vertical-align:baseline;font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased}:root[data-theme=dark] .r03-kalender .cal-cell-hijri,:root[data-theme=dark] .r03-kalender .calendar-hijri-number{color:var(--ok, #34d399)}.r03-kalender .cal-cell-sub-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;gap:2px}.r03-kalender .cal-cell-weton{font-size:10.5px;font-weight:600;color:var(--ink-2, #38587A);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=dark] .r03-kalender .cal-cell-weton{color:var(--ink-2, #cbd5e1)}.r03-kalender .cal-cell-dots{display:flex;align-items:center;gap:3.5px;flex-shrink:0}.r03-kalender .cal-dot{width:4.5px;height:4.5px;border-radius:50%;display:inline-block;flex-shrink:0}.r03-kalender .cal-dot-event{background:#059669}:root[data-theme=dark] .r03-kalender .cal-dot-event{background:#10b981}.r03-kalender .cal-dot-planner{background:#f59e0b}:root[data-theme=dark] .r03-kalender .cal-dot-planner{background:#fbbf24}.r03-kalender .cal-editorial-legend{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2, #e2e8f0);font-size:11.5px;color:var(--muted, #64748b);flex-wrap:wrap}:root[data-theme=dark] .r03-kalender .cal-editorial-legend{border-top-color:#ffffff14;color:#94a3b8}.r03-kalender .cal-legend-item{display:inline-flex;align-items:center;gap:6px}.r03-kalender .cal-legend-swatch-sel{width:12px;height:12px;border:1.5px solid #2563eb;border-radius:var(--ptv-curve-xs, 3px);background:#eff6ff;display:inline-block}:root[data-theme=dark] .r03-kalender .cal-legend-swatch-sel{border-color:#60a5fa;background:#2563eb33}:root[data-theme=dark] .r03-kalender .cal-nu-dot-event{background:#10b981}.r03-kalender .cal-nu-dot-planner{background:#f59e0b}:root[data-theme=dark] .r03-kalender .cal-nu-dot-planner{background:#fbbf24}.r03-kalender .cal-event-chip{display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:4px;background:var(--bg-2, #f1f5f9);font-size:11px;line-height:1.3;cursor:pointer;border-left:3px solid #2563eb;min-width:0;overflow:hidden;text-align:left;transition:background .12s ease;box-sizing:border-box}.r03-kalender .cal-event-chip:hover{background:#e2e8f0}:root[data-theme=dark] .r03-kalender .cal-event-chip{background:#ffffff12}:root[data-theme=dark] .r03-kalender .cal-event-chip:hover{background:#ffffff21}.r03-kalender .cal-event-chip.chip-internal{border-left-color:#2563eb}.r03-kalender .cal-event-chip.chip-liputan{border-left-color:#059669}.r03-kalender .cal-event-chip.chip-siaran{border-left-color:#d97706}.r03-kalender .cal-event-chip.chip-live{border-left-color:#dc2626}.r03-kalender .cal-chip-live-dot{color:#ef4444;font-size:7.5px;line-height:1;flex-shrink:0}.r03-kalender .cal-chip-time{font-weight:700;color:var(--ink, #0f172a);flex-shrink:0;font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:-.015em}:root[data-theme=dark] .r03-kalender .cal-chip-time{color:#e2e8f0}.r03-kalender .cal-chip-name{color:var(--ink-2, #334155);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10.5px}:root[data-theme=dark] .r03-kalender .cal-chip-name{color:#cbd5e1}.r03-kalender .cal-more-events-btn{font-size:10.5px;font-weight:700;color:#2563eb;padding:1px 2px;cursor:pointer;border:none;background:transparent;text-align:left;display:block;width:fit-content;margin-top:1px;transition:color .12s ease;line-height:1.2}.r03-kalender .cal-more-events-btn:hover{text-decoration:underline;color:#1d4ed8}:root[data-theme=dark] .r03-kalender .cal-more-events-btn{color:#60a5fa}@media(max-width:768px){.r03-kalender .cal-dow-row,.r03-kalender .cal-days-grid{gap:4px}.r03-kalender .cal-day-cell{min-height:48px;max-height:58px;padding:5px 6px 4px;border-radius:5px!important}.r03-kalender .cal-cell-masehi{font-size:13.5px}.r03-kalender .cal-cell-hijri,.r03-kalender .calendar-hijri-number{font-size:12.5px}.r03-kalender .cal-cell-weton{font-size:9.5px}.r03-kalender .cal-dot{width:4px;height:4px}}@container (max-width: 520px){.r03-kalender .cal-editorial-header{display:flex;flex-direction:column;align-items:center;gap:4px}.r03-kalender .cal-editorial-header-spacer{display:none}.r03-kalender .cal-editorial-header-center,.r03-kalender .cal-editorial-header-left{width:100%;align-items:center;text-align:center;padding:0}.r03-kalender .cal-editorial-title{text-align:center}.r03-kalender .cal-editorial-hijri-range{text-align:center;margin-top:-3px}.r03-kalender .cal-editorial-header-right{width:100%;justify-content:flex-end;min-width:0}}@media(max-width:520px){.r03-kalender .cal-editorial-header{display:flex;flex-direction:column;align-items:center;gap:4px}.r03-kalender .cal-editorial-header-spacer{display:none}.r03-kalender .cal-editorial-header-center,.r03-kalender .cal-editorial-header-left{width:100%;align-items:center;text-align:center;padding:0}.r03-kalender .cal-editorial-title{font-size:17px;text-align:center}.r03-kalender .cal-editorial-hijri-range{text-align:center;margin-top:-3px}.r03-kalender .cal-editorial-header-right{width:100%;justify-content:flex-end;min-width:0}}@media(max-width:480px){.r03-kalender .cal-dow-col{font-size:10px;padding:5px 1px;letter-spacing:.02em}.r03-kalender .cal-day-cell{min-height:54px;max-height:none;padding:5px 4px 4px;aspect-ratio:auto}.r03-kalender .cal-cell-masehi{font-size:14px;font-weight:700}.r03-kalender .cal-cell-hijri,.r03-kalender .calendar-hijri-number{font-size:13px;font-weight:700}.r03-kalender .cal-cell-weton{font-size:8.5px;font-weight:600;letter-spacing:-.02em}.r03-kalender .cal-dot{width:3.5px;height:3.5px}.r03-kalender .cal-cell-dots{gap:2px}}@media(max-width:360px){.r03-kalender .cal-dow-row,.r03-kalender .cal-days-grid{gap:2.5px}.r03-kalender .cal-dow-col{font-size:9px;padding:4px 1px}.r03-kalender .cal-day-cell{min-height:50px;max-height:none;padding:4px 3px 3px;aspect-ratio:auto;border-radius:6px!important}.r03-kalender .cal-cell-masehi{font-size:13px;font-weight:700}.r03-kalender .cal-cell-hijri,.r03-kalender .calendar-hijri-number{font-size:11.5px}.r03-kalender .cal-cell-weton{font-size:8.5px;font-weight:600;letter-spacing:-.01em}.r03-kalender .cal-dot{width:4px;height:4px}}.kal-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:9998;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:kalFadeIn .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes kalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kalZoomIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.kal-modal-card{position:relative;background:var(--surface);border-radius:var(--ptv-curve-2xl);width:100%;max-width:580px;max-height:min(90vh,760px);box-shadow:0 24px 60px -12px #0f172a47,0 8px 24px -4px #0f172a1f;border:1px solid var(--line-2);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;animation:kalZoomIn .22s cubic-bezier(.16,1,.3,1)}.kal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-2);background:var(--surface);flex-shrink:0}.kal-modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch}.kal-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line-2);background:var(--bg);flex-shrink:0}.kal-form-label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:5px}.kal-form-hint{font-size:11px;color:var(--muted);line-height:1.4;margin-top:4px}.kal-form-input{width:100%;padding:9px 12px;border-radius:var(--ptv-curve-md);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:13.5px;font-family:inherit;box-sizing:border-box}.kal-form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.kal-btn{padding:8px 16px;border-radius:var(--ptv-curve-md);font-size:13px;font-weight:700;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;font-family:inherit}.kal-btn-primary{background:#2563eb;color:#fff}.kal-btn-primary:hover{background:#1d4ed8}.kal-btn-success{background:#059669;color:#fff}.kal-btn-success:hover{background:#047857}.kal-btn-danger{background:#dc2626;color:#fff}.kal-btn-danger:hover{background:#b91c1c}.kal-btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.kal-btn-secondary:hover{background:var(--bg-2)}@media(max-width:640px){.kal-modal-backdrop{padding:10px;align-items:flex-end}.kal-modal-card{max-width:100%;max-height:90vh;border-radius:var(--ptv-curve-2xl) var(--ptv-curve-2xl) 0 0}.kal-modal-header{padding:14px 16px}.kal-modal-body{padding:16px}.kal-modal-footer{padding:12px 16px}}.r03-kalender .kal-planner-list{display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.r03-kalender .kal-planner-section{display:flex;flex-direction:column;gap:8px;width:100%}.r03-kalender .kal-planner-section-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.r03-kalender .kal-planner-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.r03-kalender .kal-planner-section-sub{font-size:11px;color:var(--muted);font-weight:500}.r03-kalender .kal-planner-items-wrap{display:flex;flex-direction:column;gap:8px;width:100%}.r03-kalender .kal-event-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-lg);cursor:pointer;transition:all .15s ease;box-sizing:border-box;text-align:left;width:100%;box-shadow:0 1px 2px #00000005}.r03-kalender .kal-event-item:hover{border-color:#10b98166;background:#f8fafc;transform:translateY(-1px);box-shadow:0 3px 10px -2px #0000000d}.r03-kalender .kal-grid-momentum-area .kal-event-item:hover{border-color:#2563eb59;background:#f8fafc}:root[data-theme=dark] .r03-kalender .kal-event-item{background:var(--surface-2, #24282C);border-color:var(--line, #34383D);box-shadow:none}:root[data-theme=dark] .r03-kalender .kal-event-item:hover{background:#2e3338}:root[data-theme=dark] .r03-kalender .kal-grid-momentum-area .kal-event-item:hover{border-color:#60a5fa59;background:#2e3338}.r03-kalender .kal-momentum-badge{transition:all .15s ease;line-height:1.3;white-space:nowrap}:root[data-theme=dark] .r03-kalender .kal-badge-pondok{background:#34d3991f!important;color:#6ee7b7!important;border-color:#34d39940!important}:root[data-theme=dark] .r03-kalender .kal-badge-hijriah{background:#fbbf241f!important;color:#fde68a!important;border-color:#fbbf2440!important}:root[data-theme=dark] .r03-kalender .kal-badge-masehi{background:#60a5fa1f!important;color:#93c5fd!important;border-color:#60a5fa40!important}:root[data-theme=dark] .r03-kalender .kal-badge-program{background:#a78bfa1f!important;color:#c4b5fd!important;border-color:#a78bfa40!important}@media(max-width:640px){.r03-kalender .kal-event-item{gap:8px;padding:9px 12px}}.catatan-page{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;box-sizing:border-box}.catatan-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.catatan-header-titles{display:flex;flex-direction:column;gap:4px}.catatan-page-title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0;line-height:1.25}.catatan-page-subtitle{font-size:13.5px;color:var(--muted);margin:0;font-weight:400;line-height:1.45}.catatan-btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(150deg,var(--b-500, #3B8EF7),var(--b-700, #0B5FBF));color:#fff;font-size:13.5px;font-weight:600;border-radius:var(--ptv-curve-pill, 999px);padding:9px 18px;border:none;cursor:pointer;box-shadow:var(--shadow-blue, 0 8px 22px rgba(18, 115, 230, .28));transition:all .2s cubic-bezier(.16,1,.3,1)}.catatan-btn-primary:hover{background:linear-gradient(150deg,var(--b-600, #1273E6),var(--b-800, #0A3C74));transform:translateY(-1px);box-shadow:0 6px 18px #1273e659}.note-type-segment{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--bg-2, #f1f5f9);border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-pill, 9999px);width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-sizing:border-box}:root[data-theme=dark] .note-type-segment{background:var(--bg-2, #1B1E21);border-color:var(--line, #34383D)}.note-type-segment::-webkit-scrollbar{display:none}.note-type-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 14px;border-radius:var(--ptv-curve-pill, 9999px);border:none;background:transparent;color:var(--ink-2, #38587A);font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.note-type-btn i{font-size:12.5px;opacity:.85}.note-type-btn:hover{color:var(--ink);background:#0b2a4a0a}:root[data-theme=dark] .note-type-btn{color:var(--ink-2, #BDC1C6)}:root[data-theme=dark] .note-type-btn:hover{color:var(--ink, #E8EAED);background:#ffffff0f}.note-type-btn.is-active,.note-type-btn.active{background:var(--surface, #ffffff);color:var(--b-700, #0B5FBF);font-weight:600;box-shadow:0 1px 3px #0b2a4a14}:root[data-theme=dark] .note-type-btn.is-active,:root[data-theme=dark] .note-type-btn.active{background:var(--surface-2, #2E3338);color:var(--b-500, #A8C7FA);box-shadow:0 1px 3px #00000059}.note-type-btn .badge-count{display:inline-flex;align-items:center;justify-content:center;padding:0 2px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;background:transparent;color:var(--muted);line-height:1}.note-type-btn.is-active .badge-count,.note-type-btn.active .badge-count{background:transparent;color:var(--b-700, #0B5FBF);opacity:.85}:root[data-theme=dark] .note-type-btn.is-active .badge-count,:root[data-theme=dark] .note-type-btn.active .badge-count{background:transparent;color:var(--b-500, #A8C7FA)}.catatan-search-row{display:flex;align-items:center;width:100%}.catatan-searchbar{display:flex;align-items:center;gap:10px;flex:1;min-height:44px;background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .12));border-radius:var(--ptv-curve-pill, 9999px);padding:8px 16px;box-shadow:var(--shadow-s, 0 2px 6px rgba(0, 0, 0, .03));transition:all .2s ease;box-sizing:border-box}:root[data-theme=dark] .catatan-searchbar{background:var(--surface);border-color:var(--line)}.catatan-searchbar:focus-within{border-color:var(--pri, #1273E6);box-shadow:0 0 0 3px #1273e626}.catatan-search-icon{color:var(--muted);font-size:14px}.catatan-search-input{flex:1;border:none;background:transparent;color:var(--ink);font-size:13.5px;font-weight:500;outline:none}@media(max-width:768px){.catatan-search-input{font-size:16px}}.catatan-search-input::placeholder{color:var(--muted);font-size:13.5px}.catatan-search-clear{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;font-size:13px;border-radius:var(--r-full, 999px);display:grid;place-items:center}.catatan-search-clear:hover{color:var(--ink);background:#0000000f}.notes-filter-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0;margin:0;background:transparent;border:none;box-shadow:none;width:100%;-webkit-overflow-scrolling:touch}.notes-filter-bar::-webkit-scrollbar{display:none}.notes-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;min-height:36px;border-radius:var(--ptv-curve-pill, 999px);border:1px solid var(--line, rgba(11, 42, 74, .12));background:var(--surface, #ffffff);color:var(--ink-2, #38587A);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all .18s ease}:root[data-theme=dark] .notes-filter-pill{background:var(--surface);border-color:var(--line);color:var(--ink-2)}.notes-filter-pill:hover{background:#0000000a}:root[data-theme=dark] .notes-filter-pill:hover{background:#ffffff14}.notes-filter-pill.on{background:var(--pri, #1273E6)!important;color:#fff!important;border-color:var(--pri, #1273E6)!important;font-weight:600;box-shadow:0 2px 6px #1273e640}.notes-filter-pill.on .notes-filter-dot{background:#fff!important}.notes-filter-pill.on i{color:#fff!important}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;width:100%;box-sizing:border-box}.note-card-docket{border-radius:var(--r-2xl, 24px);padding:22px 20px 18px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);text-align:left;cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:0 8px 24px -4px #00000014,0 2px 6px #0000000a;border:1px solid rgba(0,0,0,.04)}.note-pin-badge{width:28px;height:28px;border-radius:var(--r-full, 999px);display:grid;place-items:center;font-size:11px;flex-shrink:0;box-shadow:0 2px 8px #00000014}.note-type-badge-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-full, 999px);font-size:10.5px;font-weight:700;letter-spacing:.02em;background:#00000038;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.note-card-action-btn{width:32px;height:32px;border-radius:var(--r-full, 999px);display:grid;place-items:center;font-size:12px;transition:all .16s ease;border:none;cursor:pointer}.note-card-new-action{border-radius:var(--r-2xl, 24px);min-height:220px;border:2px dashed rgba(37,99,235,.35);background:linear-gradient(145deg,#eff6ffbf,#fffffff2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;text-align:center;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);gap:10px;box-sizing:border-box}.note-card-new-action.is-hero-stretched{grid-column:1 / -1;width:100%;min-height:180px}:root[data-theme=dark] .note-card-new-action{border-color:#a8c7fa40;background:var(--bg-2)}:root[data-theme=dark] .note-card-new-action:hover{border-color:var(--b-500, #A8C7FA);background:var(--surface)}.note-new-circle-icon{width:48px;height:48px;border-radius:var(--r-full, 999px);background:#2563eb;color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 6px 18px #2563eb52;transition:transform .25s ease}.catatan-legacy-detail-card{padding:26px 24px;border-radius:22px;box-shadow:0 10px 30px #0000000f;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;gap:16px;transition:all .2s ease}.catatan-legacy-detail-card .catatan-modal-prose{font-size:14.5px;line-height:1.7;word-break:break-word;text-align:left}.catatan-legacy-detail-card .catatan-modal-prose h1,.catatan-legacy-detail-card .catatan-modal-prose h2,.catatan-legacy-detail-card .catatan-modal-prose h3,.catatan-legacy-detail-card .catatan-modal-prose p,.catatan-legacy-detail-card .catatan-modal-prose li,.catatan-legacy-detail-card .catatan-modal-prose strong,.catatan-legacy-detail-card .catatan-modal-prose b{color:inherit!important}.note-spacing-popover{position:absolute;top:100%;left:0;margin-top:6px;background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-ref-m, 18px);box-shadow:0 10px 25px #0000001f;padding:12px;width:210px;z-index:100;display:flex;flex-direction:column;gap:8px}:root[data-theme=dark] .note-spacing-popover{background:#1e1e24;border-color:#2e2e38;box-shadow:0 10px 25px #00000059}.note-slider-group{display:flex;flex-direction:column;gap:4px}.note-slider-header{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--ink)}.note-slider-val{font-size:11px;font-weight:800;color:#2563eb;background:#2563eb14;padding:1px 6px;border-radius:4px}.note-range-input{width:100%;accent-color:#2563eb;cursor:pointer}.catatan-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box;overscroll-behavior:contain}.catatan-modal-card{--modal-theme-header-bg: var(--surface-2, #f8fafc);--modal-theme-header-text: var(--ink, #0f172a);--modal-theme-header-border: var(--line-2, #e2e8f0);--modal-theme-pill-bg: rgba(0, 0, 0, .06);--modal-theme-pill-text: var(--ink, #0f172a);--modal-theme-close-color: var(--muted);--modal-theme-close-hover: rgba(0, 0, 0, .06);--modal-theme-surface-tint: transparent;--modal-theme-meeting-bg: rgba(37, 99, 235, .05);--modal-theme-meeting-border: rgba(37, 99, 235, .15);--modal-theme-meeting-accent: var(--b-600, #1273E6);--modal-theme-tag-bg: rgba(0, 0, 0, .05);--modal-theme-tag-text: var(--ink, #0f172a);--modal-theme-action-bg: var(--b-600, #1273E6);--modal-theme-action-text: #ffffff;--modal-theme-action-hover: var(--b-700, #0B5FBF);--modal-theme-pin-text: #d97706;background:var(--surface, #ffffff);border-radius:var(--r-2xl, 24px);width:100%;max-width:780px;max-height:min(90vh,860px);max-height:min(90dvh,860px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000047;border:1px solid var(--line-2, #e2e8f0);background-image:var(--modal-theme-surface-tint);background-repeat:no-repeat;touch-action:pan-y;overscroll-behavior:contain;animation:catatanModalFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes catatanModalFadeIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}:root[data-theme=dark] .catatan-modal-card{background-color:var(--surface);border-color:var(--line)}.catatan-modal-card.color-orange{--modal-theme-header-bg: #F46E56;--modal-theme-header-text: #FFFFFF;--modal-theme-header-border: #ea580c;--modal-theme-pill-bg: rgba(255, 255, 255, .24);--modal-theme-pill-text: #FFFFFF;--modal-theme-close-color: #FFFFFF;--modal-theme-close-hover: rgba(255, 255, 255, .22);--modal-theme-surface-tint: linear-gradient(180deg, rgba(244, 110, 86, .07) 0%, transparent 160px);--modal-theme-meeting-bg: rgba(244, 110, 86, .08);--modal-theme-meeting-border: rgba(244, 110, 86, .25);--modal-theme-meeting-text: #9a2c16;--modal-theme-meeting-accent: #c2410c;--modal-theme-tag-bg: rgba(244, 110, 86, .12);--modal-theme-tag-text: #c2410c;--modal-theme-action-bg: #ea580c;--modal-theme-action-text: #ffffff;--modal-theme-action-hover: #c2410c;--modal-theme-pin-text: #fef08a}.catatan-modal-card.color-yellow{--modal-theme-header-bg: #FDE3BC;--modal-theme-header-text: #93530E;--modal-theme-header-border: #fbd38d;--modal-theme-pill-bg: rgba(147, 83, 14, .15);--modal-theme-pill-text: #93530E;--modal-theme-close-color: #93530E;--modal-theme-close-hover: rgba(147, 83, 14, .12);--modal-theme-surface-tint: linear-gradient(180deg, rgba(253, 227, 188, .22) 0%, transparent 160px);--modal-theme-meeting-bg: rgba(253, 227, 188, .35);--modal-theme-meeting-border: rgba(217, 119, 6, .28);--modal-theme-meeting-text: #78350f;--modal-theme-meeting-accent: #b45309;--modal-theme-tag-bg: rgba(253, 227, 188, .65);--modal-theme-tag-text: #92400e;--modal-theme-action-bg: #d97706;--modal-theme-action-text: #ffffff;--modal-theme-action-hover: #b45309;--modal-theme-pin-text: #b45309}.catatan-modal-card.color-green{--modal-theme-header-bg: #D4F1ED;--modal-theme-header-text: #0A635D;--modal-theme-header-border: #b2e7e0;--modal-theme-pill-bg: rgba(10, 99, 93, .14);--modal-theme-pill-text: #0A635D;--modal-theme-close-color: #0A635D;--modal-theme-close-hover: rgba(10, 99, 93, .12);--modal-theme-surface-tint: linear-gradient(180deg, rgba(212, 241, 237, .22) 0%, transparent 160px);--modal-theme-meeting-bg: rgba(212, 241, 237, .38);--modal-theme-meeting-border: rgba(13, 148, 136, .28);--modal-theme-meeting-text: #07433f;--modal-theme-meeting-accent: #0f766e;--modal-theme-tag-bg: rgba(212, 241, 237, .7);--modal-theme-tag-text: #0f766e;--modal-theme-action-bg: #0d9488;--modal-theme-action-text: #ffffff;--modal-theme-action-hover: #0f766e;--modal-theme-pin-text: #0f766e}.catatan-modal-card.color-purple{--modal-theme-header-bg: #9489BD;--modal-theme-header-text: #FFFFFF;--modal-theme-header-border: #8073ab;--modal-theme-pill-bg: rgba(255, 255, 255, .24);--modal-theme-pill-text: #FFFFFF;--modal-theme-close-color: #FFFFFF;--modal-theme-close-hover: rgba(255, 255, 255, .22);--modal-theme-surface-tint: linear-gradient(180deg, rgba(148, 137, 189, .08) 0%, transparent 160px);--modal-theme-meeting-bg: rgba(148, 137, 189, .12);--modal-theme-meeting-border: rgba(148, 137, 189, .3);--modal-theme-meeting-text: #4c3e74;--modal-theme-meeting-accent: #6b5c96;--modal-theme-tag-bg: rgba(148, 137, 189, .18);--modal-theme-tag-text: #5b4f85;--modal-theme-action-bg: #7c6ea7;--modal-theme-action-text: #ffffff;--modal-theme-action-hover: #685a93;--modal-theme-pin-text: #fed7aa}.catatan-modal-card.color-rose{--modal-theme-header-bg: #FCE0DC;--modal-theme-header-text: #A5372D;--modal-theme-header-border: #f8c8c1;--modal-theme-pill-bg: rgba(165, 55, 45, .14);--modal-theme-pill-text: #A5372D;--modal-theme-close-color: #A5372D;--modal-theme-close-hover: rgba(165, 55, 45, .12);--modal-theme-surface-tint: linear-gradient(180deg, rgba(252, 224, 220, .24) 0%, transparent 160px);--modal-theme-meeting-bg: rgba(252, 224, 220, .4);--modal-theme-meeting-border: rgba(225, 29, 72, .28);--modal-theme-meeting-text: #7f1d1d;--modal-theme-meeting-accent: #be123c;--modal-theme-tag-bg: rgba(252, 224, 220, .7);--modal-theme-tag-text: #be123c;--modal-theme-action-bg: #e11d48;--modal-theme-action-text: #ffffff;--modal-theme-action-hover: #be123c;--modal-theme-pin-text: #be123c}:root[data-theme=dark] .catatan-modal-card.color-orange{--modal-theme-header-bg: #431a12;--modal-theme-header-text: #ffedd5;--modal-theme-header-border: #7c2d12;--modal-theme-meeting-bg: rgba(244, 110, 86, .14);--modal-theme-meeting-border: rgba(244, 110, 86, .32);--modal-theme-meeting-text: #fdba74;--modal-theme-meeting-accent: #fb923c;--modal-theme-tag-bg: rgba(244, 110, 86, .22);--modal-theme-tag-text: #fdba74}:root[data-theme=dark] .catatan-modal-card.color-yellow{--modal-theme-header-bg: #3e2a0b;--modal-theme-header-text: #fef3c7;--modal-theme-header-border: #78350f;--modal-theme-meeting-bg: rgba(253, 227, 188, .14);--modal-theme-meeting-border: rgba(217, 119, 6, .35);--modal-theme-meeting-text: #fde68a;--modal-theme-meeting-accent: #f59e0b;--modal-theme-tag-bg: rgba(253, 227, 188, .22);--modal-theme-tag-text: #fde68a}:root[data-theme=dark] .catatan-modal-card.color-green{--modal-theme-header-bg: #0c3330;--modal-theme-header-text: #ccfbf1;--modal-theme-header-border: #134e48;--modal-theme-meeting-bg: rgba(212, 241, 237, .14);--modal-theme-meeting-border: rgba(13, 148, 136, .35);--modal-theme-meeting-text: #99f6e4;--modal-theme-meeting-accent: #2dd4bf;--modal-theme-tag-bg: rgba(212, 241, 237, .22);--modal-theme-tag-text: #99f6e4}:root[data-theme=dark] .catatan-modal-card.color-purple{--modal-theme-header-bg: #2d2442;--modal-theme-header-text: #ede9fe;--modal-theme-header-border: #4c3e74;--modal-theme-meeting-bg: rgba(148, 137, 189, .14);--modal-theme-meeting-border: rgba(148, 137, 189, .35);--modal-theme-meeting-text: #ddd6fe;--modal-theme-meeting-accent: #c4b5fd;--modal-theme-tag-bg: rgba(148, 137, 189, .22);--modal-theme-tag-text: #ddd6fe}:root[data-theme=dark] .catatan-modal-card.color-rose{--modal-theme-header-bg: #421620;--modal-theme-header-text: #ffe4e6;--modal-theme-header-border: #881337;--modal-theme-meeting-bg: rgba(252, 224, 220, .14);--modal-theme-meeting-border: rgba(225, 29, 72, .35);--modal-theme-meeting-text: #fecdd3;--modal-theme-meeting-accent: #fb7185;--modal-theme-tag-bg: rgba(252, 224, 220, .22);--modal-theme-tag-text: #fecdd3}.catatan-modal-header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--modal-theme-header-border, var(--line-2, #e2e8f0));background:var(--modal-theme-header-bg, var(--surface, #ffffff));color:var(--modal-theme-header-text, var(--ink));flex-shrink:0;position:sticky;top:0;z-index:10;transition:background-color .2s ease,border-color .2s ease}.catatan-modal-pill-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full, 999px);background:var(--modal-theme-pill-bg);color:var(--modal-theme-pill-text);font-size:12px;font-weight:700;letter-spacing:.02em}.catatan-modal-pin-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--modal-theme-pin-text, #d97706)}.catatan-modal-title{font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--modal-theme-header-text, var(--ink));margin:0}.catatan-modal-close-btn{background:transparent;border:none;color:var(--modal-theme-close-color, var(--muted));width:36px;height:36px;min-width:36px;min-height:36px;border-radius:var(--r-full, 999px);display:grid;place-items:center;cursor:pointer;font-size:16px;transition:all .16s ease;touch-action:manipulation}.catatan-modal-close-btn:hover{background:var(--modal-theme-close-hover, rgba(0, 0, 0, .06))}.catatan-modal-close-btn:focus-visible{outline:2px solid var(--pri, #1273E6);outline-offset:2px}.catatan-modal-body{padding:20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}.catatan-form-label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px;letter-spacing:-.005em}.catatan-form-sublabel{display:block;font-size:12px;font-weight:600;color:var(--ink-2, var(--muted));margin-bottom:5px}.catatan-form-input{width:100%;min-height:44px;padding:10px 14px;border-radius:var(--ptv-curve-md, 10px);border:1px solid var(--line, #cbd5e1);background:var(--surface, #ffffff);color:var(--ink);font-size:14px;font-weight:500;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.catatan-form-input.sm{min-height:40px;padding:8px 12px;font-size:13.5px}.catatan-form-input:focus{border-color:var(--pri, #1273E6);box-shadow:0 0 0 3px #1273e624}:root[data-theme=dark] .catatan-form-input{background:var(--bg-2, #1E1F20);border-color:var(--line, #444746);color:var(--ink, #E3E3E3)}@media(max-width:768px){.catatan-form-input,.catatan-form-input.sm,.note-tag-input-field,.note-editor-textarea{font-size:16px;min-height:44px}}.catatan-modal-footer{padding:14px 22px;padding-bottom:max(14px,env(safe-area-inset-bottom,14px));border-top:1px solid var(--line-2, #e2e8f0);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--surface, #ffffff);flex-shrink:0;position:sticky;bottom:0;z-index:10}:root[data-theme=dark] .catatan-modal-footer{border-color:var(--line, #27272a);background:var(--surface, #18181b)}.catatan-modal-btn-action{background:var(--modal-theme-action-bg, #2563eb)!important;color:var(--modal-theme-action-text, #ffffff)!important}.catatan-modal-btn-action:hover{background:var(--modal-theme-action-hover, #1d4ed8)!important}.catatan-modal-meeting-box{background:var(--modal-theme-meeting-bg);border:1px solid var(--modal-theme-meeting-border);border-radius:var(--r-ref-m, 18px);padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;font-size:12.5px;color:var(--modal-theme-meeting-text)}.catatan-modal-tag-chip{padding:4px 11px;border-radius:var(--r-full, 999px);background:var(--modal-theme-tag-bg);color:var(--modal-theme-tag-text);font-size:11.5px;font-weight:700}@media(max-width:640px){.catatan-modal-backdrop{padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}.catatan-modal-card{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 16px);height:auto;min-height:0;border-radius:20px 20px 0 0;width:100%;display:flex;flex-direction:column;touch-action:pan-y}.catatan-modal-header{padding:14px 18px;position:sticky;top:0;z-index:10;flex-shrink:0;background:var(--surface, #ffffff)!important;color:var(--ink)!important;border-bottom:1px solid var(--line-2, #e2e8f0)!important;border-left:4px solid var(--modal-theme-action-bg, var(--b-600, #2563eb))!important}:root[data-theme=dark] .catatan-modal-header{background:var(--surface, #18181b)!important;color:var(--ink)!important;border-bottom-color:var(--line, #27272a)!important}.catatan-modal-header .catatan-modal-close-btn{color:var(--muted)!important;background:var(--bg-2, #f1f5f9)!important}:root[data-theme=dark] .catatan-modal-header .catatan-modal-close-btn{background:#ffffff14!important;color:var(--ink)!important}.catatan-modal-body{padding:18px 18px 24px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.catatan-modal-footer{padding:12px 18px;padding-bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 12px))!important;background:var(--surface, #ffffff)!important;border-top:1px solid var(--line-2, #e2e8f0)!important;position:sticky;bottom:0;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px}:root[data-theme=dark] .catatan-modal-footer{background:var(--surface, #18181b)!important;border-top-color:var(--line, #27272a)!important}}.note-custom-dropdown{position:relative;width:100%}.note-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--r-ref-m, 18px);cursor:pointer;box-shadow:0 4px 14px #0000000f;transition:all .18s ease;width:100%;border:1px solid rgba(0,0,0,.08);font-family:inherit;font-size:inherit;box-sizing:border-box}button.note-dropdown-trigger{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}.note-dropdown-trigger:hover{box-shadow:0 6px 18px #0000001a;filter:brightness(.98)}.note-dropdown-trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.note-dropdown-trigger-icon{width:32px;height:32px;border-radius:var(--r-full, 999px);display:grid;place-items:center;font-size:13px;flex-shrink:0}.note-dropdown-portal-menu{border-radius:var(--r-ref-m, 18px);background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);box-shadow:0 16px 38px #0000002e,0 4px 12px #00000014;display:flex;flex-direction:column;gap:5px;padding:6px;max-height:min(320px,48vh);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;animation:noteDropdownIn .16s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .note-dropdown-portal-menu{background:#18181b;border-color:#27272a;box-shadow:0 20px 45px #00000080}@keyframes noteDropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.note-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;border-radius:var(--r-ref-m, 18px);background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);box-shadow:0 12px 30px #00000026;z-index:50;display:flex;flex-direction:column;gap:4px;padding:6px;max-height:260px;overflow-y:auto}:root[data-theme=dark] .note-dropdown-menu{background:#18181b;border-color:#27272a}.note-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--r-lg, 10px);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;border:1px solid rgba(0,0,0,.04)}.note-dropdown-item:hover,.note-dropdown-item.is-highlighted{filter:brightness(.96);transform:translate(2px)}.note-dropdown-item.is-selected{outline:2px solid #2563eb;outline-offset:-1px}.catatan-empty-state{grid-column:1 / -1;width:100%;border-radius:var(--r-2xl, 24px);padding:44px 20px;text-align:center;border:1.5px dashed var(--line-2, #e2e8f0);background:var(--surface, #ffffff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}:root[data-theme=dark] .catatan-empty-state{background:#18181b80;border-color:#27272a}.catatan-empty-icon{width:50px;height:50px;border-radius:var(--r-full, 999px);background:var(--surface-2, #f1f5f9);color:var(--muted, #64748b);display:grid;place-items:center;font-size:20px;margin-bottom:4px}:root[data-theme=dark] .catatan-empty-icon{background:#27272a;color:#a1a1aa}.catatan-empty-title{font-size:15.5px;font-weight:700;color:var(--ink, #0f172a)}.catatan-empty-desc{font-size:13px;color:var(--muted, #64748b);max-width:440px;line-height:1.5;margin:0}.note-tag-wrapper{display:flex;flex-direction:column;gap:6px}.note-tag-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r-ref-m, 18px);border:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);min-height:42px;cursor:text}:root[data-theme=dark] .note-tag-box{background:#18181b;border-color:#27272a}.note-tag-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-full, 999px);background:#2563eb1a;color:#2563eb;font-size:11.5px;font-weight:700}.note-tag-chip-remove{cursor:pointer;display:grid;place-items:center;font-size:10px;border-radius:var(--r-full, 999px);padding:2px}.note-tag-chip-remove:hover{background:#2563eb33}.note-tag-input-field{border:none;background:transparent;color:var(--ink);font-size:12.5px;outline:none;min-width:100px;flex:1}.note-editor-wrapper{display:flex;flex-direction:column;gap:8px;width:100%;position:relative}.note-editor-toolbar{display:flex;align-items:center;gap:4px;padding:6px;border-radius:var(--r-ref-m, 18px);background:var(--surface-2, #f8fafc);border:1px solid var(--line-2, #e2e8f0);flex-wrap:wrap;position:sticky;top:0;z-index:5}:root[data-theme=dark] .note-editor-toolbar{background:#202023;border-color:#27272a}.note-editor-btn{background:transparent;border:none;color:var(--ink);padding:6px 10px;border-radius:var(--r-md, 6px);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:4px;-webkit-user-select:none;user-select:none}.note-editor-btn:hover{background:#0000000f}:root[data-theme=dark] .note-editor-btn:hover{background:#ffffff14}.note-editor-btn.is-active{background:#2563eb;color:#fff}.note-editor-toolbar-separator{width:1px;height:18px;background:var(--line-2, #e2e8f0);margin:0 4px;align-self:center}:root[data-theme=dark] .note-editor-toolbar-separator{background:#ffffff1f}.note-editor-btn-image:hover{background:#2563eb14;color:#2563eb}.note-editor-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin:2px 0 6px;border-radius:var(--r-lg, 10px);background:#fef2f2;border:1px solid #fecaca;color:#991b1b;animation:catatanModalFadeIn .2s ease}:root[data-theme=dark] .note-editor-alert{background:#ef44441f;border-color:#ef444440;color:#fca5a5}.note-editor-alert-close{background:transparent;border:none;color:inherit;cursor:pointer;padding:2px 6px;border-radius:var(--r-md, 6px);font-size:13px;opacity:.7;transition:opacity .15s ease}.note-editor-alert-close:hover{opacity:1}.note-editor-content{width:100%;min-height:180px;max-height:clamp(220px,45vh,460px);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r-ref-m, 18px);border:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);color:var(--ink);padding:14px 16px;font-size:14.5px;line-height:1.6;font-family:inherit;box-sizing:border-box;outline:none;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;text-align:left}:root[data-theme=dark] .note-editor-content{background:#18181b;border-color:#27272a;color:#f1f5f9}.note-editor-content:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.note-editor-content.is-dragging{border-color:#2563eb!important;background:#2563eb0a!important;box-shadow:0 0 0 3px #2563eb2e!important}.note-editor-content:empty:before{content:attr(data-placeholder);color:var(--muted, #94a3b8);font-weight:450;pointer-events:none;display:block}.catatan-modal-prose{font-size:14.5px;line-height:1.6;color:var(--ink);width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;word-break:normal;text-align:left}:root[data-theme=dark] .catatan-modal-prose{color:#f1f5f9}.catatan-modal-prose img,.note-editor-content img,.catatan-editor-img{max-width:100%;height:auto;display:block;margin:10px 0;border-radius:var(--r-ref-m, 18px);border:1px solid var(--line-2, #e2e8f0);box-shadow:0 2px 10px #0000000d;object-fit:contain;-webkit-user-select:auto;user-select:auto}:root[data-theme=dark] .catatan-modal-prose img,:root[data-theme=dark] .note-editor-content img,:root[data-theme=dark] .catatan-editor-img{border-color:#ffffff1a;box-shadow:0 4px 16px #00000059}.catatan-modal-prose h1,.note-editor-content h1{font-size:20px;font-weight:700;margin:10px 0 4px;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}:root[data-theme=dark] .catatan-modal-prose h1,:root[data-theme=dark] .note-editor-content h1{color:#fff}.catatan-modal-prose h1:first-child,.note-editor-content h1:first-child{margin-top:0}.catatan-modal-prose h2,.note-editor-content h2{font-size:16px;font-weight:600;margin:8px 0 3px;line-height:1.35;letter-spacing:-.015em;color:var(--ink)}:root[data-theme=dark] .catatan-modal-prose h2,:root[data-theme=dark] .note-editor-content h2{color:#f8fafc}.catatan-modal-prose h2:first-child,.note-editor-content h2:first-child{margin-top:0}.catatan-modal-prose p,.note-editor-content p{margin:0 0 6px;line-height:1.6}.catatan-modal-prose p:last-child,.note-editor-content p:last-child{margin-bottom:0}.catatan-modal-prose ul,.note-editor-content ul,.catatan-modal-prose ol,.note-editor-content ol{margin:4px 0 6px 20px;padding:0}.catatan-modal-prose li,.note-editor-content li{margin-bottom:2px;line-height:1.55}.catatan-modal-prose blockquote,.note-editor-content blockquote{border-left:3.5px solid var(--modal-theme-accent, #2563eb);padding-left:12px;margin:8px 0;font-style:italic;color:var(--ink);opacity:.9}:root[data-theme=dark] .catatan-modal-prose blockquote,:root[data-theme=dark] .note-editor-content blockquote{color:#e2e8f0;border-left-color:#3b82f6}.catatan-modal-prose strong,.note-editor-content strong,.catatan-modal-prose b,.note-editor-content b{font-weight:700}.note-editor-textarea{width:100%;min-height:180px;border-radius:var(--r-ref-m, 18px);border:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);color:var(--ink);padding:12px;font-size:13.5px;line-height:1.6;font-family:inherit;resize:vertical;box-sizing:border-box;outline:none}.lf-page-container{display:flex;flex-direction:column;gap:14px;padding:0;margin:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:var(--font-body);color:var(--ink)}.lf-page-container .ptv-page-header,.lf-page-header{margin-bottom:2px}.lf-page-title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink, #0B2A4A);margin:0 0 6px;line-height:1.25}.lf-page-subtitle{font-size:13.5px;color:var(--ink-2, #38587A);margin:0;font-weight:400;line-height:1.45}.lf-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0}.lf-bento-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface, #FFFFFF);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);cursor:pointer;box-shadow:var(--shadow-s, 0 1px 2px rgba(11, 60, 116, .05), 0 3px 10px rgba(11, 60, 116, .05));transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;box-sizing:border-box}.lf-bento-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-m, 0 4px 12px rgba(11, 60, 116, .07), 0 18px 40px rgba(11, 60, 116, .1))}.lf-bento-lost:hover{border-color:#d9770659}.lf-bento-found:hover{border-color:#0d948859}.lf-bento-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:transform .16s ease}.lf-bento-card:hover .lf-bento-icon{transform:scale(1.03)}.lf-bento-icon-lost{background:var(--warn-bg, #F8EFE4);color:var(--warn, #C76A00);border:1px solid var(--warn-border, rgba(199, 106, 0, .14))}.lf-bento-icon-found{background:var(--ok-bg, #E2F4F0);color:var(--ok, #0B8374);border:1px solid var(--ok-border, rgba(11, 131, 116, .14))}.lf-bento-content{flex:1;min-width:0}.lf-bento-title{font-size:14.5px;font-weight:600;color:var(--ink, #0B2A4A);margin:0 0 2px;line-height:1.3}.lf-bento-desc{font-size:12.5px;color:var(--ink-2, #38587A);line-height:1.4;margin:0}.lf-toolbar,.lf-filter-container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface, #FFFFFF);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);padding:12px 14px;box-shadow:var(--shadow-s, 0 1px 2px rgba(11, 60, 116, .05), 0 3px 10px rgba(11, 60, 116, .05));margin:0;box-sizing:border-box}.lf-search-box{position:relative;flex:1 1 240px;min-width:200px}.lf-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted, #6E8CAE);pointer-events:none;z-index:2}.lf-search-input{width:100%;height:40px;padding:8px 34px 8px 38px;font-size:13.5px;font-family:inherit;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line, rgba(11, 42, 74, .09));background:var(--bg-2, #EDF4FF);color:var(--ink, #0B2A4A);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;box-sizing:border-box}.lf-search-input::placeholder{color:var(--muted, #6E8CAE);font-size:13px}.lf-search-input:focus{border-color:var(--pri, #1273E6);background:var(--surface, #FFFFFF);box-shadow:0 0 0 3px #1273e624}.lf-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--muted, #6E8CAE);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.lf-search-clear:hover{background:var(--line, rgba(11, 42, 74, .08));color:var(--ink, #0B2A4A)}.lf-segmented-nav{display:inline-flex;align-items:center;background:var(--bg-2, #EDF4FF);padding:4px;gap:4px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line, rgba(11, 42, 74, .08));max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.lf-segmented-nav::-webkit-scrollbar{display:none}.lf-segmented-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 13px;border:none;background:transparent;color:var(--ink-2, #38587A);font-size:12.5px;font-weight:500;border-radius:var(--ptv-curve-pill, 9999px);cursor:pointer;transition:all .16s ease;white-space:nowrap;flex-shrink:0;font-family:inherit}.lf-segmented-btn:hover:not(.active){color:var(--ink, #0B2A4A);background:#0b2a4a0a}.lf-segmented-btn.active{background:var(--pri, #1273E6);color:#fff;box-shadow:0 2px 6px #1273e63d;font-weight:600}.lf-count-pill{font-size:11px;padding:1px 6px;border-radius:var(--ptv-curve-pill, 9999px);background:#0b2a4a0f;color:var(--muted, #6E8CAE);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.lf-segmented-btn.active .lf-count-pill{background:#ffffff38;color:#fff}.lf-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.lf-card{display:flex;flex-direction:column;background:var(--surface, #FFFFFF);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-s, 0 1px 2px rgba(11, 60, 116, .05), 0 3px 10px rgba(11, 60, 116, .05));transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),border-color .18s ease;box-sizing:border-box}.lf-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-m, 0 4px 12px rgba(11, 60, 116, .07), 0 18px 40px rgba(11, 60, 116, .1));border-color:#1273e652}.lf-card-done{border-color:#10b98140;opacity:.92}.lf-card-thumb-wrapper{position:relative;width:100%;height:176px;background:var(--b-050, #EDF4FF);overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .06))}.lf-card-thumb{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.lf-card:hover .lf-card-thumb{transform:scale(1.03)}.lf-card-thumb-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lf-card-thumb-placeholder.lost{background:linear-gradient(135deg,#d9770614,#d9770608);color:#d97706}.lf-card-thumb-placeholder.found{background:linear-gradient(135deg,#0d948814,#0d948808);color:#0d9488}.lf-status-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--r-full, 9999px);box-shadow:0 2px 8px #00000029;letter-spacing:.01em}.lf-status-badge.lost{background:#f59e0b;color:#fff}.lf-status-badge.found{background:#0d9488;color:#fff}.lf-status-badge.done{background:#059669;color:#fff}.lf-card-body{padding:16px 18px;display:flex;flex-direction:column;flex:1}.lf-card-meta-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.lf-type-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--r-full, 9999px);background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF);border:1px solid rgba(11,95,191,.16)}.lf-category-text{font-size:11.5px;color:var(--muted, #6E8CAE);font-weight:500}.lf-card-title{font-size:15.5px;font-weight:600;color:var(--ink, #0B2A4A);margin:0 0 10px;line-height:1.35;letter-spacing:-.012em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lf-card-details{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding:10px 12px;background:#0b2a4a06;border-radius:var(--r-m, 12px);border:1px solid var(--line-2, rgba(11, 42, 74, .04));font-size:12px;color:var(--ink-2, #38587A)}.lf-card-detail-row{display:flex;align-items:center;gap:8px}.lf-icon-muted{color:var(--muted, #6E8CAE);flex-shrink:0}.lf-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-card-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2, rgba(11, 42, 74, .06));display:flex;align-items:center;justify-content:flex-end}.lf-view-detail{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--b-700, #0B5FBF);background:#0b5fbf14;border:1px solid rgba(11,95,191,.16);padding:5px 12px;border-radius:var(--r-full, 9999px);transition:all .16s ease}.lf-card:hover .lf-view-detail{background:var(--pri, #1273E6);color:#fff;border-color:var(--pri, #1273E6);transform:translate(2px);box-shadow:0 2px 8px #1273e647}:root[data-theme=dark] .lf-view-detail{color:var(--b-500, #A8C7FA);background:#a8c7fa29;border-color:#a8c7fa57}:root[data-theme=dark] .lf-card:hover .lf-view-detail{background:var(--pri, #1273E6);color:#fff;border-color:var(--pri, #1273E6)}.lf-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:var(--surface, #FFFFFF);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);box-shadow:var(--shadow-s, 0 1px 2px rgba(11, 60, 116, .05), 0 3px 10px rgba(11, 60, 116, .05))}.lf-empty-icon-wrap{width:48px;height:48px;border-radius:50%;background:var(--bg-2, #EDF4FF);color:var(--muted, #6E8CAE);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.lf-empty-icon{color:var(--muted, #6E8CAE)}.lf-empty-title{font-size:16px;font-weight:600;color:var(--ink, #0B2A4A);margin:0 0 6px}.lf-empty-desc{font-size:13.5px;font-weight:500;color:var(--ink-2, #38587A);max-width:380px;margin:0;line-height:1.45}.lf-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2a4a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;justify-content:flex-end;overflow-x:hidden;overscroll-behavior:contain}.lf-drawer-panel{background:var(--surface, #FFFFFF);width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 32px #0b2a4a29;border-left:1px solid var(--line, rgba(11, 42, 74, .09));animation:lfSlideIn .22s cubic-bezier(.16,1,.3,1)}@keyframes lfSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.lf-drawer-header{position:sticky;top:0;z-index:10;background:var(--surface, #FFFFFF);padding:18px 20px 16px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .08));box-shadow:0 1px 3px #0b2a4a08;display:flex;flex-direction:column;gap:12px;flex-shrink:0;box-sizing:border-box}.lf-drawer-header-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.lf-drawer-badge-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lf-drawer-badge-group .lf-status-badge{position:static;top:auto;right:auto;box-shadow:none;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-full, 9999px);display:inline-flex;align-items:center}.lf-type-pill{font-size:11.5px;font-weight:650;padding:4px 10px;border-radius:var(--r-full, 9999px);background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF);border:1px solid var(--line-2, rgba(11, 42, 74, .08));display:inline-flex;align-items:center}:root[data-theme=dark] .lf-type-pill{background:#3b8ef71f;color:#60a5fa;border-color:#3b8ef733}.lf-drawer-header-title-wrap{width:100%;min-width:0}.lf-drawer-title{font-size:19px;font-weight:750;color:var(--ink, #0B2A4A);margin:0;line-height:1.35;letter-spacing:-.015em;word-break:break-word;overflow-wrap:break-word}.lf-close-btn{border:1px solid var(--line-2, rgba(11, 42, 74, .1));background:#0b2a4a0a;color:var(--ink-2, #38587A);min-width:44px;min-height:44px;width:44px;height:44px;border-radius:var(--r-full, 9999px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .16s ease;touch-action:manipulation;padding:0}.lf-close-btn:hover{background:#0b2a4a14;color:var(--ink, #0B2A4A);transform:scale(1.04)}.lf-close-btn:focus-visible{outline:2px solid var(--b-500);outline-offset:2px}.lf-close-btn:active{transform:scale(.96);background:#0b2a4a1f}.lf-drawer-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;flex:1}.lf-drawer-media-box{width:100%;height:260px;border-radius:var(--ptv-curve-lg, 16px);overflow:hidden;background:var(--b-050, #EDF4FF);border:1px solid var(--line, rgba(11, 42, 74, .08));display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.lf-drawer-media-box:hover{transform:scale(1.008);box-shadow:0 4px 16px #0b3c741f}.lf-drawer-img{width:100%;height:100%;object-fit:contain;display:block}.lf-photo-zoom-hint{position:absolute;bottom:12px;right:12px;background:#0b2a4acc;color:#fff;font-size:11px;font-weight:650;padding:5px 12px;border-radius:var(--r-full, 9999px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;gap:5px;pointer-events:none;box-shadow:0 2px 8px #0003}.lf-drawer-empty-photo{width:100%;height:160px;border-radius:var(--ptv-curve-lg, 16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--line, rgba(11, 42, 74, .15));font-size:12.5px;font-weight:600;color:var(--ink-2, #38587A);background:var(--b-050, #EDF4FF)}.lf-drawer-empty-photo.lost{color:#d97706}.lf-drawer-empty-photo.found{color:#0d9488}.lf-drawer-section{display:flex;flex-direction:column;gap:8px}.lf-section-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--muted, #6E8CAE);margin:0}.lf-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lf-info-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--b-050, #EDF4FF);border-radius:var(--r-m, 12px);border:1px solid var(--line-2, rgba(11, 42, 74, .04))}.lf-info-icon{color:var(--b-600, #1273E6);flex-shrink:0;margin-top:2px}.lf-info-label{font-size:11.5px;color:var(--muted, #6E8CAE);font-weight:500}.lf-info-value{font-size:13px;font-weight:650;color:var(--ink, #0B2A4A);margin:2px 0 0;line-height:1.35}.lf-desc-box{background:var(--b-050, #EDF4FF);padding:14px 18px;border-radius:var(--r-m, 14px);font-size:13.5px;color:var(--ink-2, #38587A);line-height:1.5;border:1px solid var(--line-2, rgba(11, 42, 74, .06))}.lf-contact-card{padding:14px 16px;background:var(--surface, #FFFFFF);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-md, 12px);display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #0b2a4a08}.lf-contact-info{display:flex;align-items:center;gap:12px}.lf-avatar{width:40px;height:40px;border-radius:var(--r-full, 9999px);background:linear-gradient(135deg,#0b5fbf,#1273e6);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lf-contact-name{font-size:14px;font-weight:700;color:var(--ink, #0B2A4A);margin:0}.lf-contact-sub{font-size:12px;color:var(--muted, #6E8CAE);margin:2px 0 0}.lf-wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#25d366;color:#fff;font-size:13.5px;font-weight:700;border-radius:var(--r-full, 9999px);text-decoration:none;box-shadow:0 3px 10px #25d3664d;transition:all .16s ease}.lf-wa-btn:hover{background:#20bd5a;transform:translateY(-1px)}.lf-drawer-footer{padding:16px 24px;border-top:1px solid var(--line, rgba(11, 42, 74, .08));display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--surface, #FFFFFF);position:sticky;bottom:0;z-index:10}.lf-action-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--r-full, 9999px);font-size:13px;font-weight:650;cursor:pointer;border:none;transition:all .16s ease}.lf-action-done,.lf-btn-success{background:#059669;color:#fff;border:none}.lf-action-done:hover,.lf-btn-success:hover{background:#047857;transform:translateY(-1px)}.lf-action-delete,.lf-btn-danger{background:var(--dang-bg, #FDE8E6);color:var(--dang, #B02B23);border:1px solid var(--dang-border, rgba(176, 43, 35, .25))}.lf-action-delete:hover,.lf-btn-danger:hover{background:#b02b2326;transform:translateY(-1px)}.lf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2a4a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px 16px;animation:lfFadeInModal .2s ease-out;box-sizing:border-box;overflow-x:hidden;overscroll-behavior:contain}.lf-modal-surface{background:var(--surface, #FFFFFF);border-radius:var(--ptv-curve-2xl, 24px);width:100%;max-width:600px;max-height:86dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 48px #0b2a4a38,0 4px 14px #0b2a4a14;border:1px solid var(--line, rgba(11, 42, 74, .1));box-sizing:border-box;animation:lfSlideUpModal .24s cubic-bezier(.16,1,.3,1)}.lf-modal-header{padding:18px 24px 16px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .08));display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--surface, #FFFFFF);flex-shrink:0;position:sticky;top:0;z-index:10}.lf-modal-title{font-size:18px;font-weight:750;color:var(--ink, #0B2A4A);margin:0;letter-spacing:-.01em}.lf-modal-subtitle{font-size:13px;color:var(--ink-2, #38587A);margin:4px 0 0;line-height:1.4}.lf-modal-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.lf-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:var(--surface, #FFFFFF);flex:1;min-height:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.lf-type-switcher{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--b-050, #EDF4FF);padding:4px;border-radius:var(--r-full, 9999px);border:1px solid var(--line-2, rgba(11, 42, 74, .06))}.lf-switcher-btn,.lf-type-btn{padding:8px 16px;border-radius:var(--r-full, 9999px);border:none;background:transparent;color:var(--ink-2, #38587A);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s ease;text-align:center}.lf-switcher-btn.active.lost,.lf-type-btn.active.lost{background:#d97706;color:#fff;box-shadow:0 2px 6px #d9770647}.lf-switcher-btn.active.found,.lf-type-btn.active.found{background:#0d9488;color:#fff;box-shadow:0 2px 6px #0d948847}.lf-form-group{display:flex;flex-direction:column;gap:6px}.lf-label{font-size:13px;font-weight:650;color:var(--ink, #0B2A4A)}.lf-required{color:#dc2626}.lf-input,.lf-textarea{padding:10px 14px;border-radius:var(--ptv-curve-md, 12px);border:1px solid var(--line, rgba(11, 42, 74, .12));background:var(--surface, #FFFFFF);color:var(--ink, #0B2A4A);font-size:13.5px;outline:none;transition:border-color .16s ease,box-shadow .16s ease;box-sizing:border-box;font-family:inherit}.lf-input:focus,.lf-textarea:focus{border-color:#0b5fbf;box-shadow:0 0 0 3px #0b5fbf1f}.lf-category-pills{display:flex;flex-wrap:wrap;gap:8px}.lf-category-btn{padding:6px 12px;border-radius:var(--r-full, 9999px);border:1px solid var(--line, rgba(11, 42, 74, .12));background:var(--surface, #FFFFFF);color:var(--ink-2, #38587A);font-size:12px;font-weight:600;cursor:pointer;transition:all .16s ease}.lf-category-btn:hover{border-color:#0b5fbf;color:#0b5fbf}.lf-category-btn.active{background:#0b5fbf;color:#fff;border-color:#0b5fbf;box-shadow:0 2px 6px #0b5fbf40}.lf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;width:100%}.lf-form-row .lf-form-group{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.lf-form-row .lf-label{font-size:13px;font-weight:650;line-height:1.3;min-height:18px;display:flex;align-items:center;margin:0}.lf-form-row .ptv-select-wrapper{width:100%}.lf-form-row .ptv-select-trigger,.lf-form-row .lf-input{height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:var(--ptv-curve-md, 10px)!important;padding:0 14px!important;border:1px solid var(--line, rgba(11, 42, 74, .15))!important;background:var(--surface, #FFFFFF)!important;color:var(--ink, #0B2A4A)!important;font-size:13.5px!important;font-family:inherit!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;line-height:normal!important;transition:border-color .16s ease,box-shadow .16s ease!important}.lf-form-row .lf-input:focus,.lf-form-row .ptv-select-trigger.is-open,.lf-form-row .ptv-select-trigger:focus-visible{border-color:#0b5fbf!important;box-shadow:0 0 0 3px #0b5fbf1f!important}.lf-form-row .lf-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65;transition:opacity .15s ease;padding:0;margin-left:auto}.lf-form-row .lf-input::-webkit-calendar-picker-indicator:hover{opacity:1}:root[data-theme=dark] .lf-form-row .ptv-select-trigger,:root[data-theme=dark] .lf-form-row .lf-input{background:var(--bg-2, #1e293b)!important;border-color:var(--line, #334155)!important;color:var(--ink, #f1f5f9)!important}.lf-upload-zone{border:1.5px dashed var(--line, rgba(11, 42, 74, .16));border-radius:var(--ptv-curve-lg, 14px);padding:20px;display:flex;align-items:center;justify-content:center;background:var(--b-050, #EDF4FF);transition:border-color .16s ease}.lf-upload-zone:hover{border-color:#0b5fbf}.lf-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2, #38587A);cursor:pointer;text-align:center}.lf-file-input{display:none}.lf-preview-container{position:relative;width:100%;max-height:180px;border-radius:var(--ptv-curve-md, 12px);overflow:hidden}.lf-preview-img{width:100%;height:180px;object-fit:cover}.lf-remove-photo-btn{position:absolute;bottom:8px;right:8px;padding:4px 10px;background:#000000b3;color:#fff;border:none;border-radius:var(--r-full, 9999px);font-size:11px;cursor:pointer}.lf-modal-footer{padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-2, rgba(11, 42, 74, .08));display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--subtle, #F8FAFC);flex-shrink:0;position:sticky;bottom:0;z-index:10;box-sizing:border-box}.lf-btn{padding:9px 18px;border-radius:var(--r-full, 9999px);font-size:13px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:none;transition:all .16s ease}.lf-btn-primary{background:#0b5fbf;color:#fff}.lf-btn-primary:hover{background:#094b96}.lf-btn-secondary{background:var(--b-050, #EDF4FF);color:var(--ink, #0B2A4A);border:1px solid var(--line-2, rgba(11, 42, 74, .08))}.lf-btn-secondary:hover{background:#0b2a4a14}@keyframes lfFadeInModal{0%{opacity:0}to{opacity:1}}@keyframes lfSlideUpModal{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}:root[data-theme=dark] .lf-empty-state{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .lf-bento-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .lf-bento-icon-lost{background:#fdd6631f;color:var(--warn, #FDD663);border-color:#fdd66340}:root[data-theme=dark] .lf-bento-icon-found{background:#5eead41f;color:#5eead4;border-color:#5eead440}:root[data-theme=dark] .lf-toolbar,:root[data-theme=dark] .lf-filter-container{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .lf-search-input{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .lf-search-input:focus{border-color:var(--pri, #1273E6);background:var(--surface);box-shadow:0 0 0 3px #1273e63d}:root[data-theme=dark] .lf-segmented-nav{background:var(--bg-2);border-color:var(--line)}:root[data-theme=dark] .lf-segmented-btn{color:var(--ink-2)}:root[data-theme=dark] .lf-segmented-btn:hover:not(.active){color:var(--ink);background:#ffffff0f}:root[data-theme=dark] .lf-segmented-btn.active{background:var(--pri, #1273E6);color:#fff;box-shadow:0 2px 6px #1273e657}:root[data-theme=dark] .lf-count-pill{background:#ffffff14;color:var(--ink-2)}:root[data-theme=dark] .lf-segmented-btn.active .lf-count-pill{background:#ffffff3d;color:#fff}:root[data-theme=dark] .lf-card-details{background:#ffffff08;border-color:var(--line-2);color:var(--ink-2)}:root[data-theme=dark] .lf-card-thumb-wrapper{background:var(--bg-2);border-bottom-color:var(--line)}:root[data-theme=dark] .lf-modal-surface{background:var(--surface);border-color:var(--line);box-shadow:0 24px 60px #0000008c,0 4px 16px #00000059}:root[data-theme=dark] .lf-modal-header{background:var(--surface);border-bottom-color:var(--line)}:root[data-theme=dark] .lf-close-btn{background:#ffffff14;border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .lf-close-btn:hover{background:#ffffff26;color:#fff}:root[data-theme=dark] .lf-modal-body{background:var(--surface)}:root[data-theme=dark] .lf-modal-footer{background:var(--bg-2);border-top-color:var(--line)}:root[data-theme=dark] .lf-input,:root[data-theme=dark] .lf-textarea{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .lf-type-switcher{background:var(--bg-2);border-color:var(--line)}:root[data-theme=dark] .lf-switcher-btn,:root[data-theme=dark] .lf-type-btn{color:var(--ink-2)}:root[data-theme=dark] .lf-upload-zone{background:#ffffff08;border-color:var(--line)}:root[data-theme=dark] .lf-btn-secondary{background:#ffffff14;color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .lf-btn-secondary:hover{background:#ffffff1f}:root[data-theme=dark] .lf-drawer-footer{background:var(--surface);border-top-color:var(--line)}:root[data-theme=dark] .lf-btn-danger,:root[data-theme=dark] .lf-action-delete{background:var(--dang-bg, rgba(242, 139, 130, .12));color:var(--dang, #F28B82);border-color:var(--dang-border, rgba(242, 139, 130, .25))}:root[data-theme=dark] .lf-btn-danger:hover,:root[data-theme=dark] .lf-action-delete:hover{background:#f28b8238}:root[data-theme=dark] .lf-btn-success,:root[data-theme=dark] .lf-action-done{background:#059669;color:#fff}:root[data-theme=dark] .lf-btn-success:hover,:root[data-theme=dark] .lf-action-done:hover{background:#10b981}@media(max-width:640px){.lf-page-container{padding:0;gap:12px}.lf-bento-grid{grid-template-columns:1fr;gap:10px}.lf-toolbar,.lf-filter-container{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;border-radius:var(--ptv-curve-lg, 16px)}.lf-search-box{flex:1 1 100%;width:100%;min-width:0}.lf-search-input{height:44px;font-size:16px;padding-left:42px}.lf-segmented-nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.lf-segmented-nav::-webkit-scrollbar{display:none}.lf-items-grid{grid-template-columns:1fr;gap:14px}.lf-card-thumb-wrapper{height:164px}.lf-card-body{padding:14px 16px}.lf-form-row,.lf-info-grid{grid-template-columns:1fr}.lf-drawer-panel{max-width:100%;width:100%;height:100dvh;max-height:100dvh;border-left:none;display:flex;flex-direction:column;overflow:hidden}.lf-drawer-header{padding:max(14px,env(safe-area-inset-top,14px)) 16px 12px;flex-shrink:0}.lf-drawer-title{font-size:17px}.lf-drawer-body{padding:16px;gap:16px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lf-drawer-footer{padding:12px 18px max(14px,calc(14px + env(safe-area-inset-bottom,0px)));flex-shrink:0;position:sticky;bottom:0;z-index:10}.lf-drawer-footer .lf-action-btn,.lf-drawer-footer .lf-btn{width:100%;min-height:44px;justify-content:center}.lf-modal-backdrop{padding:0;align-items:flex-end;overflow-x:hidden;overscroll-behavior:contain}.lf-modal-surface{max-width:100%;width:100%;max-height:90dvh;height:auto;border-radius:var(--ptv-curve-2xl, 24px) var(--ptv-curve-2xl, 24px) 0 0;display:flex;flex-direction:column;overflow:hidden}.lf-modal-header{padding:14px 18px 12px;flex-shrink:0}.lf-modal-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.lf-modal-body{padding:14px 18px;gap:12px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lf-modal-footer{padding:12px 18px max(14px,calc(14px + env(safe-area-inset-bottom,0px)));position:sticky;bottom:0;z-index:10;flex-shrink:0;gap:8px}.lf-modal-footer .lf-btn{flex:1;min-height:44px;justify-content:center}}.damage-page-wrap{display:flex;flex-direction:column;gap:14px;padding:0;margin:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:var(--font-body);color:var(--ink)}.damage-page-wrap .ptv-page-header{margin-bottom:2px}@media(max-width:640px){.damage-page-wrap{padding:0;gap:12px}}.damage-toolbar{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);padding:12px 14px;margin:0;box-shadow:var(--shadow-s);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-sizing:border-box}.damage-search-box{position:relative;flex:1 1 200px;min-width:180px}.damage-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted, #6E8CAE);font-size:13.5px;pointer-events:none}.damage-search-input{padding-left:38px;padding-right:34px;border-radius:var(--ptv-curve-pill, 9999px);font-size:13.5px;font-family:var(--font-body);height:40px;min-height:40px;background:var(--bg-2, #F7FBFF);border:1px solid var(--line, rgba(11, 42, 74, .1));width:100%;box-sizing:border-box;color:var(--ink, #0B2A4A);outline:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.damage-search-input::placeholder{color:var(--muted, #6E8CAE);font-size:13px}.damage-search-input:focus{background:var(--surface, #ffffff);border-color:var(--b-500, #3B8EF7);box-shadow:0 0 0 3px #1273e624}.damage-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--muted, #6E8CAE);font-size:13px;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all .12s ease}.damage-search-clear:hover{background:var(--line-2);color:var(--ink, #0B2A4A)}.damage-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.damage-filter-tabs{display:inline-flex;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--ptv-curve-pill, 9999px);padding:4px;gap:4px;box-sizing:border-box;max-width:100%;overflow-x:auto;scrollbar-width:none}.damage-filter-tabs::-webkit-scrollbar{display:none}.damage-fchip{font-size:12.5px;min-height:32px;padding:5px 11px;border-radius:var(--ptv-curve-pill, 9999px);font-weight:500;display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;color:var(--ink-2, #38587A);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .16s ease}.damage-fchip:hover:not(.active){background:#0b2a4a0d;color:var(--ink, #0B2A4A)}.damage-fchip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--b-500)}.damage-fchip.active{background:var(--pri, #1273E6);color:#fff;font-weight:600;box-shadow:0 2px 6px #1273e63d}.damage-fchip .cnt{font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--ptv-curve-pill, 9999px);background:#0b2a4a12;color:var(--ink-2);font-variant-numeric:tabular-nums;line-height:1.25}.damage-fchip.active .cnt{background:#ffffff38;color:#fff}.damage-btn-cta{height:38px;min-height:38px;font-size:12.5px;padding:0 16px;border-radius:var(--ptv-curve-pill, 9999px);font-weight:600;background:var(--pri, #1273E6);color:#fff;border:none;box-shadow:var(--shadow-blue);display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:all .15s ease;flex-shrink:0;white-space:nowrap}.damage-btn-cta:hover{background:var(--b-700, #0B5FBF);transform:translateY(-1px);box-shadow:0 4px 14px #1273e652}.damage-btn-cta:active{transform:translateY(0)}.damage-btn-cta:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e659}.damage-summary-bar{display:flex;align-items:center;gap:12px;min-height:42px;font-size:12.5px;font-weight:500;color:var(--ink-2, #38587A);padding:9px 16px;margin:0;background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-lg, 16px);box-shadow:var(--shadow-s);flex-wrap:wrap;box-sizing:border-box}.damage-summary-item{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2, #38587A)}.damage-summary-item.is-active-warn{color:var(--warn, #9A6B08)}.damage-summary-num{font-weight:600;color:var(--ink, #0B2A4A);font-variant-numeric:tabular-nums}.damage-summary-item.is-active-warn .damage-summary-num{color:var(--warn, #9A6B08)}.damage-summary-bullet{color:var(--muted, #6E8CAE);opacity:.55;-webkit-user-select:none;user-select:none}.damage-summary-sync{margin-left:auto;font-size:12px;font-weight:500;color:var(--muted, #6E8CAE);display:inline-flex;align-items:center;gap:6px}.damage-shopee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;width:100%;box-sizing:border-box}.damage-shopee-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;box-shadow:var(--shadow-s);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),border-color .18s ease;position:relative;text-align:left;box-sizing:border-box;outline:none}.damage-shopee-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-m);border-color:#1273e652}.damage-shopee-card:focus-visible{box-shadow:0 0 0 2px var(--b-500, #3B8EF7)}.damage-shopee-img-wrap{position:relative;width:100%;height:176px;aspect-ratio:auto;background:var(--bg-2, #F7FBFF);border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .06));overflow:hidden;display:flex;align-items:center;justify-content:center}.damage-shopee-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease;display:block}.damage-shopee-card:hover .damage-shopee-img-wrap img{transform:scale(1.03)}.damage-shopee-fallback-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1273e60f,#1273e605);color:var(--muted, #6E8CAE);font-size:28px}.damage-shopee-meta-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 8px;margin-bottom:6px;min-width:0}.damage-shopee-badge-status{position:static;font-size:11.5px;font-weight:600;padding:3.5px 10px;border-radius:var(--ptv-curve-pill, 9999px);color:#fff;display:inline-flex;align-items:center;gap:5px;line-height:1.2;max-width:100%;box-sizing:border-box}.damage-shopee-badge-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-shopee-badge-status.status-baru{background:#d97706}.damage-shopee-badge-status.status-sedang-dicek{background:var(--pri, #1273E6)}.damage-shopee-badge-status.status-dalam-perbaikan{background:#7c3aed}.damage-shopee-badge-status.status-selesai{background:#059669}.damage-shopee-badge-status.status-rusak-total{background:#dc2626}.damage-shopee-badge-unit{position:static;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:var(--ptv-curve-xs, 6px);background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF);border:1px solid rgba(18,115,230,.18);font-family:var(--ptv-font-mono);letter-spacing:.01em;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.damage-shopee-badge-hist{font-size:10.5px;font-weight:600;background:var(--bg-2, rgba(100, 116, 139, .12));color:var(--muted, #64748b);padding:2px 7px;border-radius:var(--ptv-curve-xs, 6px);border:1px solid var(--line, rgba(100, 116, 139, .25));white-space:nowrap;flex-shrink:0}.damage-shopee-badge-photo{position:absolute;bottom:10px;right:10px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--ptv-curve-pill, 9999px);background:#0b1a2cb8;color:#fff;display:inline-flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.damage-shopee-body{padding:16px 18px;display:flex;flex-direction:column;flex:1;min-width:0}.damage-shopee-title{font-size:15.5px;font-weight:600;color:var(--ink, #0B2A4A);line-height:1.35;letter-spacing:-.01em;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.damage-shopee-issue{font-size:13px;font-weight:600;color:var(--dang, #B02B23);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35;margin-top:0;margin-bottom:6px}.damage-shopee-desc{font-size:12.5px;font-weight:400;color:var(--ink-2, #38587A);line-height:1.45;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.damage-shopee-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-2, rgba(11, 42, 74, .06));display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink-2, #38587A)}.damage-shopee-reporter{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.damage-shopee-avatar{width:22px;height:22px;border-radius:50%;background:var(--b-100, #DCEBFF);color:var(--b-700, #0B5FBF);font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.damage-shopee-reporter span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-shopee-qc{flex-shrink:0;font-weight:600;font-size:11.5px}.damage-qc-indicator{display:inline-flex;align-items:center;gap:4px;padding:2.5px 8px;border-radius:var(--ptv-curve-pill, 9999px)}.damage-qc-indicator.is-done,.damage-qc-indicator.is-ready{background:var(--ok-bg);color:var(--ok, #0F7A5A);border:1px solid var(--ok-border)}.damage-qc-indicator.is-pending{background:var(--warn-bg);color:var(--warn, #9A6B08);border:1px solid var(--warn-border)}@media(max-width:640px){.damage-shopee-grid{grid-template-columns:1fr;gap:14px}.damage-shopee-img-wrap{height:164px}.damage-shopee-body{padding:14px 16px}.damage-shopee-title{font-size:15px}.damage-shopee-issue{font-size:12.5px}}.damage-empty-box{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);box-shadow:var(--shadow-s);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.damage-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-2, #f1f5f9);border:1px solid var(--line);color:var(--muted, #6E8CAE);display:flex;align-items:center;justify-content:center}.damage-empty-text{font-size:13.5px;font-weight:500;color:var(--ink-2, #38587A);max-width:380px;line-height:1.45;margin:0}.damage-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.damage-modal-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(15, 23, 42, .1));border-radius:var(--ptv-curve-2xl, 24px);width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 44px -10px #0003;overflow:hidden;animation:dmgModalPop .2s cubic-bezier(.16,1,.3,1)}@keyframes dmgModalPop{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.damage-modal-header{padding:18px 22px;border-bottom:1px solid var(--line-2, rgba(15, 23, 42, .08));display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface, #ffffff);flex-shrink:0}.damage-modal-header-title{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink, #0f172a);margin:0;line-height:1.25}.damage-modal-close{width:34px;height:34px;background:var(--bg-2, #f1f5f9);border:1px solid var(--line-2, transparent);cursor:pointer;color:var(--ink-2, #475569);font-size:16px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.damage-modal-close:hover{background:var(--b-050, #edf4ff);color:var(--b-600, #1273e6)}.damage-modal-body{padding:20px 22px;overflow-y:auto;flex:1;box-sizing:border-box}.damage-modal-footer{padding:14px 22px;border-top:1px solid var(--line-2, rgba(15, 23, 42, .08));display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--surface, #ffffff);flex-shrink:0}.damage-modal-footer .btn{border-radius:var(--ptv-curve-pill, 9999px);min-height:42px;padding:0 18px;font-size:13.5px;font-weight:600}.damage-form-field{margin-bottom:16px}.damage-form-label{display:block;font-size:13px;font-weight:600;color:var(--ink, #0f172a);margin-bottom:6px}.damage-form-input,.damage-form-textarea,.damage-form-select{width:100%;box-sizing:border-box;min-height:44px;font-size:14px;border:1px solid var(--line, rgba(15, 23, 42, .14));border-radius:var(--ptv-curve-md, 12px);padding:10px 14px;background:var(--surface, #ffffff);color:var(--ink, #0f172a);outline:none;transition:border-color .15s ease,box-shadow .15s ease}@media(max-width:768px){.damage-form-input,.damage-form-textarea,.damage-form-select,.damage-live-form .damage-form-input,.damage-live-form .damage-form-textarea,.damage-search-input{font-size:16px}}.damage-form-input:focus,.damage-form-textarea:focus,.damage-form-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.damage-form-textarea{min-height:72px;resize:vertical}.damage-asset-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#eff6ff;border:1.5px solid #93c5fd;margin-bottom:12px}.damage-asset-banner-thumb{width:44px;height:44px;border-radius:8px;background:#fff;border:1px solid rgba(15,23,42,.08);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.damage-asset-banner-title{font-size:13px;font-weight:750;color:#0f172a}.damage-asset-banner-sub{font-size:11px;color:#475569;margin-top:2px}.damage-picker-box{max-height:170px;overflow-y:auto;border:1px solid var(--line-2, rgba(15, 23, 42, .1));border-radius:10px;padding:6px;background:var(--bg-2, #f8fafc);margin-bottom:10px}.damage-picker-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1.5px solid transparent;background:#fff;margin-bottom:5px;cursor:pointer;transition:all .15s ease}.damage-picker-item:hover{border-color:#93c5fd;background:#f8fafc}.damage-picker-item.selected{border-color:#2563eb;background:#eff6ff}.damage-picker-radio{width:18px;height:18px;border-radius:5px;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;color:#fff}.damage-picker-item.selected .damage-picker-radio{background:#2563eb;border-color:#2563eb}.damage-unit-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:6px;margin-top:8px}.damage-unit-selector-btn{padding:6px 8px;border-radius:8px;background:#fff;border:1.5px solid #cbd5e1;cursor:pointer;display:flex;flex-direction:column;gap:2px;text-align:left;transition:all .15s ease}.damage-unit-selector-btn:hover{border-color:#93c5fd}.damage-unit-selector-btn.selected{background:#eff6ff;border-color:#2563eb}.damage-detail-kv-card{background:var(--bg-2, #f8fafc);border:1px solid var(--line-2, rgba(15, 23, 42, .08));border-radius:12px;padding:12px 14px;margin-bottom:12px}.damage-kv-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:5px 0;border-bottom:1px dashed rgba(15,23,42,.06)}.damage-kv-row:last-child{border-bottom:none}.damage-kv-label{color:var(--ink2, #64748b)}.damage-kv-val{font-weight:650;color:var(--ink, #0f172a);text-align:right}.damage-qc-box-locked{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px 14px}.damage-qc-locked-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#15803d;background:#dcfce7;padding:3px 8px;border-radius:999px}@media(max-width:768px){.damage-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.damage-search-box{flex:1 1 100%;width:100%;min-width:100%;max-width:100%}.damage-search-input{height:44px;min-height:44px;font-size:16px}.damage-toolbar-actions{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px}.damage-filter-tabs{width:100%;max-width:100%;flex:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 18px 4px 4px;scroll-padding-inline:8px;mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%)}.damage-filter-tabs::-webkit-scrollbar{display:none}.damage-fchip{flex-shrink:0;white-space:nowrap;padding:6px 12px;font-size:12.5px;min-height:34px}.damage-btn-cta{width:100%;justify-content:center;min-height:42px}.damage-summary-bar{gap:8px 10px;padding:10px 14px}.damage-summary-bullet{display:none}.damage-summary-item{font-size:12px}.damage-summary-sync{width:100%;margin-left:0;justify-content:flex-end}}.damage-live-form{background:var(--surface);color:var(--ink);max-height:calc(100dvh - 32px);border-radius:var(--ptv-curve-xl, 20px);border:1px solid var(--line);box-shadow:0 20px 48px -12px #00000047;display:flex;flex-direction:column;min-height:0;overflow:hidden}.damage-modal-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;overflow:hidden}.damage-live-form .damage-modal-header{background:var(--surface);border-bottom:1px solid var(--line);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.damage-live-form .damage-modal-header-title{color:var(--ink);font-size:16px;font-weight:800;margin:0;line-height:1.25}.damage-live-form .damage-modal-header-sub{color:var(--muted);font-size:12px;margin:3px 0 0;font-weight:500}.damage-live-form .damage-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;box-sizing:border-box}.damage-alert-box{padding:10px 14px;border-radius:var(--radius-md, 10px);font-size:13px;display:flex;align-items:center;gap:8px}.damage-alert-box.info{background:var(--info-bg, rgba(59, 130, 246, .1));color:var(--info, #2563eb);border:1px solid var(--info-border, rgba(59, 130, 246, .2))}.damage-alert-box.error{background:var(--dang-bg, rgba(239, 68, 68, .1));color:var(--dang, #dc2626);border:1px solid var(--dang-border, rgba(239, 68, 68, .25))}.damage-live-form .damage-form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.damage-live-form .damage-form-label{color:var(--ink);font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.damage-form-sublabel{color:var(--muted);font-weight:400;font-size:11.5px}.damage-req-mark{color:var(--dang, #dc2626);font-weight:800}.damage-live-form .damage-form-input,.damage-live-form .damage-form-textarea{min-width:0;width:100%;min-height:44px;font-size:14px;border-radius:var(--radius-md, 10px);background:var(--surface-2);color:var(--ink);border:1px solid var(--line);padding:10px 14px;box-sizing:border-box;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.damage-live-form .damage-form-input:focus,.damage-live-form .damage-form-textarea:focus{border-color:var(--b-500);outline:none;box-shadow:0 0 0 3px #2563eb26}.damage-live-form .damage-form-textarea{min-height:84px;resize:vertical;line-height:1.45}.damage-selected-asset-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--b-300, #93c5fd);border-radius:var(--radius-md, 12px);box-sizing:border-box}.damage-selected-asset-info{display:flex;flex-direction:column;gap:3px;min-width:0}.damage-selected-asset-badge{font-size:11px;font-weight:700;color:var(--b-600);background:#1273e61a;padding:1px 7px;border-radius:999px;display:inline-block;width:fit-content}.damage-selected-asset-name{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.damage-selected-asset-cat{font-size:12px;color:var(--muted)}.damage-btn-change-asset{background:var(--surface);border:1px solid var(--line);color:var(--b-600);font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--ptv-curve-pill, 9999px);cursor:pointer;white-space:nowrap;transition:all .15s ease}.damage-btn-change-asset:hover{background:var(--b-050);border-color:var(--b-400)}.damage-live-search{display:flex;align-items:center;gap:8px;color:var(--muted);position:relative}.damage-live-search svg{position:absolute;left:14px;pointer-events:none}.damage-live-search input,.damage-live-search .damage-form-input{padding-left:42px!important}.damage-live-form .damage-picker-box{max-height:200px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md, 10px);display:flex;flex-direction:column;gap:4px;padding:6px}.damage-live-form .damage-picker-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 12px;border-radius:var(--radius-sm, 8px);text-align:left;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:all .12s ease;box-sizing:border-box}.damage-live-form .damage-picker-item:hover{background:var(--b-050);border-color:var(--b-300)}.damage-picker-item-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.damage-picker-item-name{font-size:13.5px;font-weight:700;color:var(--ink)}.damage-picker-item-code{font-size:11px;font-weight:600;color:var(--b-600)}.damage-picker-item-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.damage-picker-empty{padding:16px;text-align:center;font-size:12.5px;color:var(--muted)}.damage-photo-dropzone{border:2px dashed var(--line);border-radius:var(--radius-md, 12px);padding:20px;display:flex;align-items:center;justify-content:center;gap:14px;background:var(--surface-2);cursor:pointer;transition:all .16s ease}.damage-photo-dropzone:hover{border-color:var(--b-500);background:var(--b-050)}.damage-photo-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md, 10px);background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--b-600);flex-shrink:0}.damage-photo-text-wrap{display:flex;flex-direction:column;gap:2px}.damage-photo-cta{font-size:13px;font-weight:700;color:var(--ink)}.damage-photo-hint{font-size:11.5px;color:var(--muted)}.damage-photo-preview-box{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md, 12px);gap:12px}.damage-live-photo{max-width:120px;max-height:80px;border-radius:var(--radius-sm, 6px);object-fit:cover;border:1px solid var(--line)}.damage-btn-delete-photo{background:var(--dang-bg, rgba(239, 68, 68, .1));color:var(--dang, #dc2626);border:1px solid var(--dang-border, rgba(239, 68, 68, .2));font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--ptv-curve-pill, 9999px);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.damage-btn-delete-photo:hover{background:#ef444433}.damage-field-error{color:var(--dang, #dc2626);font-size:12px;margin:2px 0 0;font-weight:600}.damage-live-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.damage-live-contact-grid input:focus,.damage-form-input:focus{scroll-margin-bottom:96px}.damage-live-form.damage-modal-body,.damage-live-form .damage-modal-body{padding:20px 22px 16px;scroll-padding-bottom:90px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.damage-live-form .damage-modal-footer{padding:14px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--surface);flex-shrink:0;position:static;margin:0;box-shadow:0 -4px 16px #0000000d}@media(max-width:768px){.damage-modal-backdrop{padding:0;align-items:flex-end;overflow-x:hidden}.damage-modal-card.damage-live-form,.damage-modal-card.damage-live-modal{max-height:90dvh;border-radius:var(--ptv-curve-2xl, 24px) var(--ptv-curve-2xl, 24px) 0 0;overflow:hidden;display:flex;flex-direction:column;width:100%}.damage-live-form.damage-modal-body,.damage-live-form .damage-modal-body{padding:16px 18px;scroll-padding-bottom:110px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.damage-live-contact-grid{grid-template-columns:minmax(0,1fr);margin-bottom:16px}.damage-live-form .damage-modal-footer{justify-content:stretch;margin:0;position:sticky;bottom:0;z-index:10;background:var(--surface);border-top:1px solid var(--line-2);padding:14px 18px max(18px,calc(18px + env(safe-area-inset-bottom,0px)));box-shadow:0 -4px 16px #00000014}.damage-live-form .damage-modal-footer .btn{flex:1;justify-content:center;min-height:44px;font-size:14px;border-radius:var(--ptv-curve-pill, 9999px)}}:root[data-theme=dark] .damage-toolbar,[data-theme=dark] .damage-toolbar,:root[data-theme=dark] .damage-summary-bar,[data-theme=dark] .damage-summary-bar,:root[data-theme=dark] .damage-shopee-card,[data-theme=dark] .damage-shopee-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .damage-summary-bar,[data-theme=dark] .damage-summary-bar,:root[data-theme=dark] .damage-summary-item,[data-theme=dark] .damage-summary-item,:root[data-theme=dark] .damage-summary-sync,[data-theme=dark] .damage-summary-sync{color:var(--ink-2)}:root[data-theme=dark] .damage-summary-num,[data-theme=dark] .damage-summary-num{color:var(--ink)}:root[data-theme=dark] .damage-summary-item.is-active-warn,[data-theme=dark] .damage-summary-item.is-active-warn,:root[data-theme=dark] .damage-summary-item.is-active-warn .damage-summary-num,[data-theme=dark] .damage-summary-item.is-active-warn .damage-summary-num{color:var(--warn)}:root[data-theme=dark] .damage-shopee-title,[data-theme=dark] .damage-shopee-title{color:var(--ink)}:root[data-theme=dark] .damage-shopee-issue,[data-theme=dark] .damage-shopee-issue{color:var(--dang)}:root[data-theme=dark] .damage-shopee-desc,[data-theme=dark] .damage-shopee-desc,:root[data-theme=dark] .damage-shopee-footer,[data-theme=dark] .damage-shopee-footer{color:var(--ink-2)}:root[data-theme=dark] .damage-shopee-footer,[data-theme=dark] .damage-shopee-footer{border-top-color:var(--line)}:root[data-theme=dark] .damage-shopee-badge-unit,[data-theme=dark] .damage-shopee-badge-unit{background:#a8c7fa24;color:var(--b-500, #A8C7FA);border-color:#a8c7fa47}:root[data-theme=dark] .damage-shopee-avatar,[data-theme=dark] .damage-shopee-avatar{background:#a8c7fa2e;color:var(--b-500, #A8C7FA)}:root[data-theme=dark] .damage-qc-indicator.is-done,[data-theme=dark] .damage-qc-indicator.is-done,:root[data-theme=dark] .damage-qc-indicator.is-ready,[data-theme=dark] .damage-qc-indicator.is-ready{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}:root[data-theme=dark] .damage-qc-indicator.is-pending,[data-theme=dark] .damage-qc-indicator.is-pending{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}[data-theme=dark] .damage-page-wrap .damage-filter-tabs{background:var(--bg-2);border-color:var(--line)}[data-theme=dark] .damage-page-wrap .damage-fchip{background:transparent;border-color:transparent;color:var(--ink-2)}[data-theme=dark] .damage-page-wrap .damage-fchip:hover:not(.active){background:#ffffff0f;color:var(--ink)}[data-theme=dark] .damage-page-wrap .damage-fchip.active{background:var(--pri, #1273E6);color:#fff;box-shadow:0 2px 8px #00000059}[data-theme=dark] .damage-page-wrap .damage-fchip .cnt{background:#ffffff1a;color:var(--ink-2)}[data-theme=dark] .damage-page-wrap .damage-fchip.active .cnt{background:#ffffff38;color:#fff}[data-theme=dark] .damage-page-wrap .damage-search-input:focus{background:var(--surface-2)}[data-theme=dark] .damage-selected-asset-box{background:var(--surface-2);border-color:var(--b-600)}[data-theme=dark] .damage-btn-change-asset{background:var(--surface);border-color:var(--line);color:var(--b-400)}[data-theme=dark] .damage-photo-dropzone{background:var(--surface-2);border-color:var(--line)}[data-theme=dark] .damage-photo-dropzone:hover{border-color:var(--b-400);background:#a8c7fa14}:root[data-theme=dark] .damage-modal-card,[data-theme=dark] .damage-modal-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .damage-modal-header,[data-theme=dark] .damage-modal-header{background:var(--surface);border-bottom-color:var(--line)}:root[data-theme=dark] .damage-modal-header-title,[data-theme=dark] .damage-modal-header-title{color:var(--ink)}:root[data-theme=dark] .damage-modal-close,[data-theme=dark] .damage-modal-close{background:var(--surface-2);color:var(--muted);border-color:var(--line)}:root[data-theme=dark] .damage-modal-close:hover,[data-theme=dark] .damage-modal-close:hover{background:var(--surface);color:var(--ink)}:root[data-theme=dark] .damage-modal-body,[data-theme=dark] .damage-modal-body{background:var(--surface)}:root[data-theme=dark] .damage-modal-footer,[data-theme=dark] .damage-modal-footer{background:var(--surface);border-top-color:var(--line)}:root[data-theme=dark] .damage-asset-banner,[data-theme=dark] .damage-asset-banner{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .damage-asset-banner-thumb,[data-theme=dark] .damage-asset-banner-thumb{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .damage-asset-banner-title,[data-theme=dark] .damage-asset-banner-title{color:var(--ink)}:root[data-theme=dark] .damage-asset-banner-sub,[data-theme=dark] .damage-asset-banner-sub{color:var(--muted)}:root[data-theme=dark] .damage-detail-kv-card,[data-theme=dark] .damage-detail-kv-card{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .damage-kv-row,[data-theme=dark] .damage-kv-row{border-bottom-color:var(--line)}:root[data-theme=dark] .damage-kv-label,[data-theme=dark] .damage-kv-label{color:var(--muted)}:root[data-theme=dark] .damage-kv-val,[data-theme=dark] .damage-kv-val{color:var(--ink)}:root[data-theme=dark] .damage-qc-box-locked,[data-theme=dark] .damage-qc-box-locked{background:#22c55e1f;border-color:#22c55e47}:root[data-theme=dark] .damage-qc-locked-badge,[data-theme=dark] .damage-qc-locked-badge{background:#22c55e38;color:#86efac}:root[data-theme=dark] .damage-picker-box,[data-theme=dark] .damage-picker-box{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .damage-picker-item,[data-theme=dark] .damage-picker-item{background:var(--surface);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .damage-picker-item:hover,[data-theme=dark] .damage-picker-item:hover{background:var(--surface-2);border-color:var(--b-400)}:root[data-theme=dark] .damage-picker-item.selected,[data-theme=dark] .damage-picker-item.selected{background:#2563eb26;border-color:var(--b-500)}.damage-status-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.damage-status-badge.status-baru{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.damage-status-badge.status-sedang-dicek{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.damage-status-badge.status-dalam-perbaikan{background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe}.damage-status-badge.status-selesai{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.damage-status-badge.status-rusak-total{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}:root[data-theme=dark] .damage-status-badge.status-baru,[data-theme=dark] .damage-status-badge.status-baru{background:#f59e0b29;color:#fbbf24;border-color:#f59e0b4d}:root[data-theme=dark] .damage-status-badge.status-sedang-dicek,[data-theme=dark] .damage-status-badge.status-sedang-dicek{background:#2563eb29;color:#60a5fa;border-color:#2563eb4d}:root[data-theme=dark] .damage-status-badge.status-dalam-perbaikan,[data-theme=dark] .damage-status-badge.status-dalam-perbaikan{background:#7c3aed29;color:#c084fc;border-color:#7c3aed4d}:root[data-theme=dark] .damage-status-badge.status-selesai,[data-theme=dark] .damage-status-badge.status-selesai{background:#22c55e29;color:#86efac;border-color:#22c55e4d}:root[data-theme=dark] .damage-status-badge.status-rusak-total,[data-theme=dark] .damage-status-badge.status-rusak-total{background:#ef444429;color:#f87171;border-color:#ef44444d}.gen-surat-root{width:100%;max-width:1440px;margin:0 auto;padding:0 0 48px;box-sizing:border-box;font-family:var(--ptv-font-family, -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif);color:var(--ink, #0f172a)}@media(min-width:768px){.gen-surat-root{padding:0 0 64px}}.gen-header{padding-bottom:16px;border-bottom:1px solid var(--line-2, #e2e8f0);margin-bottom:20px}.gen-header-title{font-size:24px;font-weight:700;color:var(--ink, #0f172a);margin:0;letter-spacing:-.025em;line-height:1.2}.gen-header-subtitle{font-size:13.5px;color:var(--muted, #64748b);margin:4px 0 0;font-weight:500;line-height:1.4}.gen-panel-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-xl, 20px);padding:20px;margin-bottom:18px;box-shadow:var(--shadow-s, 0 1px 3px rgba(0, 0, 0, .04));transition:box-shadow .2s ease}@media(min-width:768px){.gen-panel-card{padding:24px}}.gen-panel-label{display:block;font-size:13px;font-weight:600;color:var(--ink-2, #38587A);letter-spacing:-.01em;margin-bottom:6px}.gen-input{width:100%;min-height:44px;padding:10px 14px;background:var(--bg-2, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-md, 12px);font-size:16px;font-weight:500;color:var(--ink, #1e293b);outline:none;transition:all .15s ease;box-sizing:border-box}.gen-input:focus{background:var(--surface, #ffffff);border-color:var(--b-600, #1273e6);box-shadow:0 0 0 3px #1273e626}.gen-preset-btn{min-height:36px;padding:6px 14px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .16s ease;white-space:nowrap;border:1px solid var(--line, #cbd5e1);background:var(--surface, #ffffff);color:var(--ink-2, #475569);display:inline-flex;align-items:center;justify-content:center;gap:6px}.gen-preset-btn:hover:not(.active){background:var(--b-050, #edf4ff);border-color:var(--b-300, #a7ceff);color:var(--b-700, #0b5fbf)}.gen-preset-btn.active{background:var(--pri, #1273E6);color:#fff;border-color:var(--pri, #1273E6);box-shadow:0 2px 8px #1273e647}.gen-col-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--ptv-curve-sm, 9px);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;border:1px solid var(--line, #e2e8f0);background:var(--surface, #ffffff);color:var(--ink-2, #475569)}.gen-col-pill.checked{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.gen-col-pill:hover{border-color:#94a3b8}.gen-angkatan-bar{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.gen-angkatan-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .16s ease;border:1px solid var(--line, #cbd5e1);background:var(--surface, #ffffff);color:var(--ink-2, #475569);flex-shrink:0}.gen-angkatan-chip:hover:not(.active){background:var(--b-050, #edf4ff);border-color:var(--b-300, #a7ceff);color:var(--b-700, #0b5fbf)}.gen-angkatan-chip.active{background:var(--pri, #1273E6);color:#fff;border-color:var(--pri, #1273E6);box-shadow:0 2px 8px #1273e647}.gen-table-wrap{width:100%;max-height:480px;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-md, 12px);background:var(--surface, #ffffff)}.gen-table{width:100%;min-width:1100px;border-collapse:collapse;text-align:left;font-size:13px}.gen-table th{position:sticky;top:0;z-index:2;background:var(--bg-2, #f8fafc);color:var(--ink-2, #475569);font-size:12px;letter-spacing:-.01em;font-weight:650;padding:10px 12px;border-bottom:1px solid var(--line, #e2e8f0);white-space:nowrap}.gen-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.gen-table tr.is-selected{background:#eff6ff!important}.gen-table tr:hover:not(.is-header){background:#f8fafc}.gen-pdf-box{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;margin-top:24px;box-shadow:0 4px 20px #0000000a}.gen-pdf-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.gen-pdf-viewport{position:relative;width:100%;height:600px;max-height:75vh;min-height:400px;overflow:auto;background:#f1f5f9;border-radius:0 0 18px 18px;display:flex;justify-content:center;padding:24px 0 60px;-webkit-overflow-scrolling:touch}@media(max-width:768px){.gen-pdf-viewport{height:480px}}.gen-access-restricted-card{max-width:520px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:48px 24px;text-align:center;box-shadow:0 4px 20px #0000000a}.gen-toast-box{position:fixed;top:24px;right:24px;background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px #00000026;z-index:9999}.gen-nomor-badge{font-size:13px;font-weight:600;color:var(--ink, #1e293b);background:var(--surface-2, #f8fafc);border:1px solid var(--line, #e2e8f0);padding:5px 12px;border-radius:var(--ptv-curve-xs, 6px);font-family:monospace;display:inline-flex;align-items:center;gap:6px}.gen-simulasi-tag{font-size:10px;background:#dbeafe;color:#1e40af;padding:2px 6px;border-radius:var(--r-ref-xs, 9px)}.gen-dikeluarkan-wrap{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-2, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-md, 12px);min-height:44px;flex-wrap:wrap}.gen-dikeluarkan-input{padding:6px 10px;min-height:36px;background:var(--surface, #fff);border:1px solid var(--line, #cbd5e1);border-radius:var(--ptv-curve-sm, 8px);font-size:16px;font-weight:500;color:var(--ink, #1e293b);width:190px;max-width:100%;box-sizing:border-box}.gen-refresh-btn{width:42px;height:42px;border-radius:var(--ptv-curve-md, 12px);background:var(--surface, #ffffff);border:1px solid var(--line, #cbd5e1);color:var(--ink-2, #475569);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.gen-sel-count-badge{padding:6px 14px;background:var(--b-050, #dbeafe);color:var(--b-700, #0B5FBF);border-radius:var(--ptv-curve-pill, 9999px);font-size:12px;font-weight:700}.gen-unit-badge{padding:2px 8px;border-radius:var(--r-ref-xs, 9px);font-size:11px;font-weight:700;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.gen-asrama-badge{padding:2px 8px;border-radius:var(--r-ref-xs, 9px);font-size:11px;background:#f1f5f9;color:#334155}.gen-catatan-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:var(--r-ref-xs, 9px);font-size:11px;font-weight:700;cursor:pointer;background:#fff;-webkit-user-select:none;user-select:none}.gen-catatan-input{width:145px;min-height:36px;padding:5px 8px;font-size:16px;border:1px solid var(--line, #cbd5e1);border-radius:var(--ptv-curve-xs, 6px);box-sizing:border-box}.gen-pdf-icon-wrap{width:36px;height:36px;border-radius:var(--r-ref-s, 13px);background:#ef44441a;color:#ef4444;display:inline-grid;place-items:center;font-size:16px;flex-shrink:0}.gen-zoom-group{display:inline-flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-ref-s, 13px);padding:3px}.gen-pdf-download-btn{border:none;background:#059669;color:#fff;padding:8px 18px;border-radius:var(--r-ref-s, 13px);font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #05966940;transition:background .15s ease}.gen-print-dialog{background:var(--surface, #ffffff);border-radius:20px;max-width:480px;width:100%;padding:24px;box-shadow:0 20px 40px #0003;box-sizing:border-box}.gen-print-confirm{background:linear-gradient(150deg,var(--b-500, #3B8EF7),var(--b-700, #0B5FBF));color:#fff;border:none;padding:10px 22px;border-radius:var(--ptv-curve-pill, 999px);font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-blue, 0 8px 22px rgba(18, 115, 230, .28))}.gen-empty-preview{width:794px;min-width:794px;max-width:794px;min-height:480px;padding:64px 36px;background:#fff;border:1.5px dashed #cbd5e1;border-radius:16px;box-shadow:0 10px 30px #0000000a;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.izin-pdf-page{width:794px;min-width:794px;max-width:794px;height:1122px;min-height:1122px;max-height:1122px;padding:34px 38px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000000f,0 2px 6px #00000008;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f172a;box-sizing:border-box;text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.gen-pdf-logo-box{width:46px;height:46px;border-radius:8px;background:#0e4f40;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;letter-spacing:-.02em}.gen-pdf-badge-sm{margin-left:8px;padding:1px 6px;background:#eff6ff;color:#1e40af;border-radius:var(--r-ref-xs, 9px);font-size:9px;font-weight:700;border:1px solid #bfdbfe}.gen-pdf-meta-table{width:100%;font-size:10px;color:#334155;margin:8px 0 12px;border-collapse:separate;border-spacing:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.gen-pdf-logo-mini{width:24px;height:24px;border-radius:var(--r-ref-xs, 9px);background:#0e4f40;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.gen-pdf-santri-table{width:100%;border-collapse:separate;border-spacing:0;font-size:10.5px;border:1px solid #0e4f40;border-radius:8px;overflow:hidden}.gen-pdf-qr-box{padding:5px;background:#fff;border:1.5px solid #0e4f40;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:78px;height:78px;flex-shrink:0}@media print{body *{visibility:hidden}.gen-print-area,.gen-print-area *{visibility:visible}.gen-print-area{position:absolute;left:0;top:0;width:100%!important;min-width:100%!important;gap:0!important}.izin-pdf-page{box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;width:100%!important;max-width:100%!important;height:100vh!important;page-break-after:always!important;break-after:page!important}@page{size:A4 portrait;margin:0}}:root[data-theme=dark] .gen-surat-root,[data-theme=dark] .gen-surat-root{color:var(--ink)}:root[data-theme=dark] .gen-header,[data-theme=dark] .gen-header{border-bottom-color:var(--line)}:root[data-theme=dark] .gen-header-title,[data-theme=dark] .gen-header-title{color:var(--ink)}:root[data-theme=dark] .gen-header-subtitle,[data-theme=dark] .gen-header-subtitle{color:var(--muted)}:root[data-theme=dark] .gen-panel-card,[data-theme=dark] .gen-panel-card{background:var(--surface);border-color:var(--line);box-shadow:0 4px 16px #00000040}:root[data-theme=dark] .gen-panel-label,[data-theme=dark] .gen-panel-label{color:var(--muted)}:root[data-theme=dark] .gen-input,[data-theme=dark] .gen-input{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .gen-input:focus,[data-theme=dark] .gen-input:focus{background:var(--surface-2);border-color:var(--b-500);box-shadow:0 0 0 3px #3b8ef733}:root[data-theme=dark] .gen-preset-btn,[data-theme=dark] .gen-preset-btn{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .gen-preset-btn:hover,[data-theme=dark] .gen-preset-btn:hover{background:var(--surface);border-color:var(--muted);color:var(--ink)}:root[data-theme=dark] .gen-preset-btn.active,[data-theme=dark] .gen-preset-btn.active{background:var(--pri, #1273E6);border-color:var(--pri, #1273E6);color:#fff;box-shadow:0 3px 10px #1273e659}:root[data-theme=dark] .gen-col-pill,[data-theme=dark] .gen-col-pill{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .gen-col-pill:hover,[data-theme=dark] .gen-col-pill:hover{border-color:var(--muted);color:var(--ink)}:root[data-theme=dark] .gen-col-pill.checked,[data-theme=dark] .gen-col-pill.checked{background:#10b98129;color:#34d399;border-color:#10b98159}:root[data-theme=dark] .gen-angkatan-chip,[data-theme=dark] .gen-angkatan-chip{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .gen-angkatan-chip:hover,[data-theme=dark] .gen-angkatan-chip:hover{border-color:var(--muted);color:var(--ink)}:root[data-theme=dark] .gen-angkatan-chip.active,[data-theme=dark] .gen-angkatan-chip.active{background:var(--pri, #1273E6);border-color:var(--pri, #1273E6);color:#fff;box-shadow:0 2px 8px #1273e64d}:root[data-theme=dark] .gen-table-wrap,[data-theme=dark] .gen-table-wrap{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .gen-table th,[data-theme=dark] .gen-table th{background:var(--surface-2);color:var(--muted);border-bottom-color:var(--line)}:root[data-theme=dark] .gen-table td,[data-theme=dark] .gen-table td{border-bottom-color:var(--line-2);color:var(--ink-2)}:root[data-theme=dark] .gen-table tr:hover:not(.is-header),[data-theme=dark] .gen-table tr:hover:not(.is-header){background:#ffffff08}:root[data-theme=dark] .gen-table tr.is-selected,[data-theme=dark] .gen-table tr.is-selected{background:#1e478f47!important}:root[data-theme=dark] .gen-pdf-box,[data-theme=dark] .gen-pdf-box{background:var(--surface);border-color:var(--line);box-shadow:0 8px 30px #00000059}:root[data-theme=dark] .gen-pdf-bar,[data-theme=dark] .gen-pdf-bar{background:var(--surface);border-bottom-color:var(--line)}:root[data-theme=dark] .gen-pdf-viewport,[data-theme=dark] .gen-pdf-viewport{background:var(--bg)}:root[data-theme=dark] .gen-access-restricted-card,[data-theme=dark] .gen-access-restricted-card{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 10px 30px #0006}:root[data-theme=dark] .gen-nomor-badge,[data-theme=dark] .gen-nomor-badge{background:#1e478f40;border-color:#93c5fd40;color:#93c5fd}:root[data-theme=dark] .gen-simulasi-tag,[data-theme=dark] .gen-simulasi-tag{background:#3b82f640;color:#bfdbfe}:root[data-theme=dark] .gen-dikeluarkan-wrap,[data-theme=dark] .gen-dikeluarkan-wrap{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .gen-dikeluarkan-input,[data-theme=dark] .gen-dikeluarkan-input{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .gen-refresh-btn,[data-theme=dark] .gen-refresh-btn{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .gen-refresh-btn:hover,[data-theme=dark] .gen-refresh-btn:hover{background:var(--surface);color:var(--ink)}:root[data-theme=dark] .gen-sel-count-badge,[data-theme=dark] .gen-sel-count-badge{background:#1e478f59;border:1px solid rgba(147,197,253,.2);color:#93c5fd}:root[data-theme=dark] .gen-unit-badge,[data-theme=dark] .gen-unit-badge{background:#0369a140;border-color:#7dd3fc40;color:#7dd3fc}:root[data-theme=dark] .gen-asrama-badge,[data-theme=dark] .gen-asrama-badge{background:var(--surface-2);color:var(--ink-2)}:root[data-theme=dark] .gen-catatan-toggle,[data-theme=dark] .gen-catatan-toggle{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .gen-catatan-input,[data-theme=dark] .gen-catatan-input{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .gen-zoom-group,[data-theme=dark] .gen-zoom-group{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .gen-zoom-group button,[data-theme=dark] .gen-zoom-group button{color:var(--ink-2)}:root[data-theme=dark] .gen-print-dialog,[data-theme=dark] .gen-print-dialog{background:var(--surface);border:1px solid var(--line);box-shadow:0 25px 60px #0009}.gen-col-toggles-box{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:14px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px}:root[data-theme=dark] .gen-col-toggles-box,[data-theme=dark] .gen-col-toggles-box{background:var(--surface-2);border-color:var(--line)}.gen-col-count-badge{padding:4px 12px;background:#f1f5f9;color:#475569;border-radius:9999px;font-size:12px;font-weight:700;border:1px solid #e2e8f0}:root[data-theme=dark] .gen-col-count-badge,[data-theme=dark] .gen-col-count-badge{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}.gen-checkbox-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700;color:var(--ink, #334155);-webkit-user-select:none;user-select:none}.gen-santri-nama{font-weight:700;color:var(--ink, #0f172a)}.gen-divider-row{border-top:1px solid var(--line-2, #f1f5f9)}@font-face{font-family:PTV Surat Plus Jakarta Sans;src:url(/assets/fonts/plus-jakarta-sans/PlusJakartaSans-Variable.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:block}.izin-pdf-page,.izin-pdf-page *{font-family:PTV Surat Plus Jakarta Sans,sans-serif!important;font-synthesis:none}.gen-print-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px}.gen-print-dialog h2{margin:0 0 8px;font-size:19px;color:var(--ink)}.gen-print-dialog p{margin:0 0 24px;color:var(--ink-2);font-size:14px}.gen-print-actions{display:flex;justify-content:flex-end;gap:10px}.gen-print-actions button{min-height:44px}@media(max-width:480px){.gen-print-actions{flex-direction:column-reverse}.gen-print-actions button{justify-content:center;width:100%}}:root{--lp-ink: #11121a;--lp-ink-secondary: #3c4052;--lp-muted: #6b6e82;--lp-paper: #f1f1f8;--lp-card: #ffffff;--lp-blue: #1749c0;--lp-blue-hover: #0c3396;--lp-blue-subtle: #eef2ff;--lp-line: #d8d9e2;--lp-line-subtle: #eaebee;--lp-green: #0f7a5a;--lp-green-bg: #e1f5ee;--lp-amber: #9a6b08;--lp-amber-bg: #fcf0d6;--lp-radius: 22px;--lp-font-display: "Manrope", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--lp-font-body: "DM Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif}html.living-portal-active{overflow-y:scroll!important;overflow-x:clip!important;height:auto!important;min-height:100%!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important}body.living-portal-active{margin:0!important;padding:0!important;background:var(--lp-paper)!important;color:var(--lp-ink)!important;font-family:var(--lp-font-body)!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;height:auto!important;min-height:100%!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.living-portal-root{position:relative;width:100%;min-height:100vh;background:var(--lp-paper);color:var(--lp-ink);overflow:visible!important;touch-action:pan-y!important;box-sizing:border-box}.living-portal-root *,.living-portal-root *:before,.living-portal-root *:after{box-sizing:border-box}.lp-top{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,4.5vw,72px);pointer-events:none;transition:padding .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.living-portal-root .lp-top{background:transparent}.lp-top.scrolled,.living-portal-root .lp-top.scrolled{background:#f1f1f8fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(216,217,226,.85);box-shadow:0 4px 20px #11121a0d;padding:16px clamp(20px,4.5vw,72px)}.lp-top>*{pointer-events:auto}.lp-brand-logo-wrap{display:inline-flex;align-items:center;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .2s ease}.lp-brand-logo-wrap:hover{transform:scale(1.02)}.lp-brand-logo{height:28px;width:auto;max-width:175px;object-fit:contain;display:block}.lp-brand-logo-header{filter:brightness(0) saturate(100%)}.lp-brand-logo-footer{filter:none;opacity:.95}.lp-brand{font-family:var(--lp-font-display);font-size:26px;letter-spacing:-.06em;font-weight:800;color:var(--lp-ink);text-decoration:none;display:inline-flex;align-items:baseline;transition:transform .2s ease}.lp-brand:hover{transform:scale(1.02)}.lp-brand span{color:var(--lp-blue)}.lp-top-actions{display:flex;align-items:center;gap:10px}.lp-pill-icon{display:none}.lp-pill-text{display:inline}.lp-pill{border:1px solid rgba(216,217,226,.7);border-radius:100px;padding:12px 20px;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#171823;font-size:12px;font-weight:800;letter-spacing:.04em;text-decoration:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),background .2s ease,box-shadow .22s ease,border-color .2s ease;box-shadow:0 4px 14px #11121a0a}.lp-pill:hover{transform:translateY(-2px);box-shadow:0 8px 24px #11121a17;background:#fff;border-color:#1749c04d}.lp-pill:active{transform:translateY(0) scale(.98)}.lp-pill.dark{background:#171923;color:#fff;border-color:#171923}.lp-pill.dark:hover{background:#252838;border-color:#252838}.lp-menu{position:fixed;top:86px;right:clamp(20px,4.5vw,72px);width:min(340px,calc(100vw - 40px));background:#fff;border:1px solid rgba(216,217,226,.8);border-radius:20px;padding:16px;box-shadow:0 24px 60px #11121a29;opacity:0;transform:translateY(-12px) scale(.97);pointer-events:none;transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1);z-index:45}.lp-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lp-menu-link{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;font-family:var(--lp-font-display);font-size:19px;font-weight:600;letter-spacing:-.04em;color:var(--lp-ink);text-decoration:none;border-radius:12px;border-bottom:1px solid #f0f1f5;transition:background .18s ease,color .18s ease,padding-left .18s ease}.lp-menu-link:last-child{border-bottom:none}.lp-menu-link span{font-size:13px;font-family:var(--lp-font-body);color:var(--lp-muted);font-weight:500}.lp-menu-link:hover{background:#f4f5fc;color:var(--lp-blue);padding-left:18px}.lp-menu-link.is-active{background:#eef2ff;color:var(--lp-blue);font-weight:700;padding-left:18px}.lp-menu-link.is-active span{color:var(--lp-blue);font-weight:700}.lp-announcement-strip{background:var(--lp-card, #ffffff);border-bottom:1px solid rgba(216,217,226,.7);padding:10px clamp(20px,4.5vw,72px);position:relative;z-index:35;margin-top:80px;box-shadow:0 2px 10px #11121a08}.lp-announcement-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.lp-announcement-content{display:flex;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lp-announcement-title{font-weight:700;color:var(--lp-ink);flex-shrink:0}.lp-announcement-body{color:var(--lp-ink-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-announcement-cta{padding:4px 14px;font-size:11px;white-space:nowrap;flex-shrink:0}@media(max-width:768px){.lp-announcement-strip{margin-top:56px;padding:8px clamp(16px,4vw,24px)}.lp-announcement-title{display:none}}.lp-eyebrow{display:inline-block;font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:#616575;margin-bottom:12px}.lp-section{padding:100px clamp(20px,4.5vw,72px);position:relative}.lp-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:48px}.lp-section-head h2{font-family:var(--lp-font-display);font-size:clamp(44px,6.2vw,96px);line-height:.98;letter-spacing:-.07em;font-weight:700;margin:12px 0 0;color:var(--lp-ink)}.lp-section-head p{max-width:380px;font-size:15.5px;line-height:1.6;color:var(--lp-muted);margin:0}.lp-scroll-reveal{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.lp-scroll-motion .lp-scroll-reveal:not(.is-visible){opacity:0;transform:translateY(28px)}.lp-scroll-motion .lp-scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.lp-title-line-mask{display:block;overflow:hidden;padding-bottom:.05em}.lp-title-line{display:inline-block;transform:none;transition:transform .75s cubic-bezier(.16,1,.3,1);will-change:transform}.lp-scroll-motion .lp-scroll-reveal:not(.is-visible) .lp-title-line{transform:translateY(110%)}.lp-scroll-motion .lp-scroll-reveal.is-visible .lp-title-line{transform:translateY(0)}.lp-line{height:1px;background:var(--lp-line);margin:0 clamp(20px,4.5vw,72px)}.lp-hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding:140px clamp(20px,4.5vw,72px) 64px;position:relative}.lp-hero-meta{display:flex;align-items:center;gap:14px;margin-bottom:12px}.lp-reveal-meta{animation:lpFadeSlideUp .75s cubic-bezier(.16,1,.3,1) .05s forwards}.lp-hero-title{font-family:var(--lp-font-display);font-size:clamp(56px,9.8vw,156px);font-weight:700;line-height:.94;letter-spacing:-.075em;max-width:1400px;margin:20px 0 32px;color:var(--lp-ink)}.lp-hero-line-mask{display:block;overflow:hidden;padding-bottom:.06em}.lp-hero-line{display:inline-block;transform:translateY(115%);opacity:0;animation:lpHeroLineReveal .95s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}.lp-line-1{animation-delay:.12s}.lp-line-2{animation-delay:.28s}@keyframes lpHeroLineReveal{0%{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}.lp-hero-title em{font-style:normal;color:var(--lp-blue);display:inline-block;background:linear-gradient(135deg,var(--lp-blue) 0%,#295be3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:8px}.lp-reveal-foot{animation:lpFadeSlideUp .85s cubic-bezier(.16,1,.3,1) .38s forwards}@keyframes lpFadeSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.lp-hero-foot p{font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--lp-ink-secondary);margin:0}.lp-hero-actions{display:flex;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}.lp-cta-primary{background:#171923;color:#fff;border-color:#171923;padding:13px 24px;font-size:12px}.lp-cta-primary:hover{background:#272a3a;border-color:#272a3a}.lp-cta-secondary{background:#fff;color:#171823;border-color:#d8d9e2d9;padding:13px 22px;font-size:12px}.lp-cta-secondary:hover{background:#fbfbfd;border-color:#1749c059}.lp-status-dot-ok{width:7px;height:7px;border-radius:50%;background:var(--lp-green);box-shadow:0 0 6px var(--lp-green)}.lp-scroll-indicator{border:1px solid #bfc2d1;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:22px;color:var(--lp-ink);text-decoration:none;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lpBob 2.2s infinite ease-in-out;transition:background .2s ease,border-color .2s ease,transform .2s ease;flex-shrink:0}.lp-scroll-indicator:hover{background:#fff;border-color:var(--lp-blue);color:var(--lp-blue);transform:scale(1.06)}@keyframes lpBob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.lp-directory-section{padding-top:80px}.lp-directory-controls{margin-bottom:36px;display:flex;flex-direction:column;gap:20px}.lp-search-box{position:relative;width:100%}.lp-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--lp-muted);pointer-events:none}.lp-search-input{width:100%;background:#fff;border:1px solid rgba(216,217,226,.8);border-radius:100px;padding:16px 48px 16px 52px;font-size:15.5px;font-family:var(--lp-font-body);color:var(--lp-ink);outline:none;box-shadow:0 4px 18px #11121a0a;transition:border-color .2s ease,box-shadow .2s ease}.lp-search-input:focus{border-color:var(--lp-blue);box-shadow:0 6px 24px #1749c01f}.lp-search-input::placeholder{color:#9ea2b5}.lp-search-clear{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:#f0f1f6;border:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--lp-muted);cursor:pointer;transition:background .15s ease}.lp-search-clear:hover{background:#e2e4ed;color:var(--lp-ink)}.lp-category-chips{display:flex;gap:10px;flex-wrap:wrap}.lp-chip{border:1px solid rgba(216,217,226,.7);background:#ffffffd9;border-radius:100px;padding:10px 18px;color:#3b3e4f;font-size:13px;font-weight:700;font-family:var(--lp-font-body);cursor:pointer;transition:all .2s ease}.lp-chip:hover{border-color:var(--lp-blue);color:var(--lp-blue);background:#fff}.lp-chip.active{background:var(--lp-blue);color:#fff;border-color:var(--lp-blue);box-shadow:0 4px 14px #1749c047}.lp-chip:active{transform:scale(.97)}.lp-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lp-scroll-motion .lp-services-grid.lp-scroll-reveal .lp-service-item{opacity:0;transform:translateY(32px);transition:opacity .65s cubic-bezier(.16,1,.3,1) calc(var(--card-index, 0) * .07s),transform .65s cubic-bezier(.16,1,.3,1) calc(var(--card-index, 0) * .07s),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .25s ease;will-change:transform,opacity}.lp-scroll-motion .lp-services-grid.lp-scroll-reveal.is-visible .lp-service-item{opacity:1;transform:translateY(0)}.lp-service-item{background:var(--lp-card);border:1px solid rgba(216,217,226,.75);border-radius:var(--lp-radius);padding:30px 26px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;text-decoration:none;color:var(--lp-ink);box-shadow:0 4px 20px #11121a08;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .25s ease}.lp-service-item:hover{transform:translateY(-5px);box-shadow:0 18px 40px #11121a14,0 0 0 1.5px #1749c066;border-color:#1749c080}.lp-service-item.is-soon{opacity:.92;cursor:pointer}.lp-service-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.lp-service-cat-pill{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}.lp-service-status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.lp-service-status-pill.status-ok{background:var(--lp-green-bg);color:var(--lp-green)}.lp-service-status-pill.status-soon{background:var(--lp-amber-bg);color:var(--lp-amber)}.lp-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.lp-service-name{font-family:var(--lp-font-display);font-size:21px;font-weight:700;letter-spacing:-.03em;margin:0 0 8px;color:var(--lp-ink)}.lp-service-description{font-size:14px;line-height:1.55;color:var(--lp-ink-secondary);margin:0}.lp-service-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:14px;border-top:1px solid #f2f3f7}.lp-access-badge{font-size:11.5px;color:var(--lp-muted);font-weight:500}.lp-service-action{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--lp-blue);transition:transform .22s cubic-bezier(.16,1,.3,1),color .2s ease}.lp-service-action span[aria-hidden=true]{display:inline-block;transition:transform .22s cubic-bezier(.16,1,.3,1)}.lp-service-item:hover .lp-service-action{color:var(--lp-blue-hover)}.lp-service-item:hover .lp-service-action span[aria-hidden=true]{transform:translate(3px,-3px)}.lp-empty-state{background:#fff;border:1px solid rgba(216,217,226,.7);border-radius:var(--lp-radius);padding:64px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.lp-empty-icon{font-size:40px;margin-bottom:4px}.lp-empty-state h3{font-family:var(--lp-font-display);font-size:22px;font-weight:700;margin:0}.lp-empty-state p{color:var(--lp-muted);font-size:15px;margin:0 0 16px}.lp-compact-footer{background:#0c0e15;color:#fff;padding:72px clamp(20px,4.5vw,72px) 36px;border-top:1px solid rgba(255,255,255,.08)}.lp-footer-container{max-width:1400px;margin:0 auto}.lp-footer-santri-signature{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:36px;margin-bottom:44px}.lp-santri-statement{font-family:var(--lp-font-display);font-size:clamp(26px,4vw,44px);font-weight:700;letter-spacing:-.04em;line-height:1.15;color:#fff;margin:0 0 10px}.lp-santri-statement em{font-style:normal;color:#3f79f2}.lp-santri-sub{font-size:15px;color:#8f93a7;margin:0;max-width:620px;line-height:1.55}.lp-footer-top-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:48px}.lp-footer-mobile-columns{display:contents}.lp-brand-footer{font-family:var(--lp-font-display);font-size:24px;font-weight:800;letter-spacing:-.05em;color:#fff;text-decoration:none}.lp-brand-footer span{color:var(--lp-blue)}.lp-footer-brand-desc{font-size:14px;line-height:1.6;color:#9295aa;max-width:360px;margin:12px 0 0}.lp-footer-links-title{font-size:11px;font-weight:800;letter-spacing:.14em;color:#6d7188;margin-bottom:16px;display:block}.lp-footer-links-list{display:flex;flex-direction:column;gap:10px}.lp-footer-link{color:#cfd2e3;text-decoration:none;font-size:13.5px;transition:color .15s ease,padding-left .15s ease}.lp-footer-link:hover{color:#fff;padding-left:4px}.lp-footer-btn-link{background:none;border:none;padding:0;color:#cfd2e3;font-size:13.5px;font-family:var(--lp-font-body);text-align:left;cursor:pointer;transition:color .15s ease,padding-left .15s ease}.lp-footer-btn-link:hover{color:#fff;padding-left:4px}.lp-footer-status-tag{font-size:12px;color:#4ade80;margin-top:4px}.lp-footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:28px;font-size:12.5px;color:#7b8098}.lp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11121a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;animation:lpFadeIn .2s ease-out}.lp-modal-card{background:#fff;border:1px solid rgba(216,217,226,.9);border-radius:var(--lp-radius);width:min(520px,calc(100vw - 32px));max-height:90vh;overflow-y:auto;padding:32px;box-shadow:0 24px 60px #11121a38}.lp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lp-modal-close{background:#f0f1f6;border:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:14px;cursor:pointer;transition:background .15s ease}.lp-modal-close:hover{background:#e2e4ed}.lp-modal-title{font-family:var(--lp-font-display);font-size:24px;font-weight:700;letter-spacing:-.03em;margin:0 0 8px;color:var(--lp-ink)}.lp-modal-desc{font-size:14.5px;line-height:1.55;color:var(--lp-ink-secondary);margin:0 0 18px}.lp-modal-badge{display:inline-flex;align-items:center;gap:6px;border-radius:100px;padding:4px 12px;font-size:11.5px;font-weight:700;margin-bottom:14px}.lp-modal-note{background:#f6f7fb;border-left:3px solid var(--lp-blue);padding:12px 14px;font-size:13px;color:#4b4e60;line-height:1.5;border-radius:0 8px 8px 0}.lp-help-topics-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.lp-help-topic-btn{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f7f7fc;border:1px solid rgba(216,217,226,.6);border-radius:12px;font-size:14px;font-weight:600;color:var(--lp-ink);cursor:pointer;transition:all .15s ease}.lp-help-topic-btn:hover{background:#eef1fc;border-color:var(--lp-blue)}.lp-help-topic-btn.active{background:var(--lp-blue);color:#fff;border-color:var(--lp-blue)}.lp-help-preview-box{background:#f8f9fd;border:1px dashed rgba(216,217,226,.9);border-radius:12px;padding:12px 16px;margin-top:10px}.lp-help-preview-box small{display:block;font-size:11px;font-weight:700;color:var(--lp-muted);margin-bottom:4px}.lp-help-preview-box pre{margin:0;font-family:var(--lp-font-body);font-size:12.5px;line-height:1.45;color:var(--lp-ink-secondary);white-space:pre-wrap}@keyframes lpFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.lp-featured-grid{grid-template-columns:1fr}.lp-services-grid{grid-template-columns:repeat(2,1fr)}.lp-footer-top-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.lp-top{padding:12px clamp(16px,4vw,24px)}.lp-brand-logo-header{height:22px;max-width:135px}.lp-hide-mobile{display:none!important}.lp-pill-text{display:none}.lp-pill-icon{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.lp-pill-help,.lp-pill-menu{width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:50%;justify-content:center;box-shadow:0 2px 10px #11121a0d}.lp-menu{top:66px;right:clamp(16px,4vw,24px);width:calc(100vw - 32px);max-width:320px}.lp-hero{min-height:auto;padding-top:100px;padding-bottom:48px}.lp-hero-title{font-size:clamp(44px,12.5vw,72px);margin:16px 0 22px;line-height:.96}.lp-hero-foot{flex-direction:column;align-items:flex-start;gap:20px}.lp-hero-actions{display:flex;flex-direction:row;gap:10px;width:100%;margin-top:22px}.lp-cta-primary,.lp-cta-secondary{flex:1;height:44px;padding:0 14px;font-size:12px;border-radius:100px;justify-content:center;white-space:nowrap;text-align:center}.lp-scroll-indicator{display:none}.lp-section{padding:56px clamp(16px,4vw,24px)}.lp-section-head{display:block;margin-bottom:32px}.lp-section-head h2{font-size:clamp(34px,8.5vw,56px)}.lp-section-head p{margin-top:12px;font-size:14.5px}.lp-services-grid{grid-template-columns:1fr;gap:16px}.lp-service-item{padding:24px 20px;min-height:220px}.lp-compact-footer{padding:48px clamp(16px,4vw,24px) 24px}.lp-footer-top-grid{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.lp-footer-mobile-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lp-footer-links-title{font-size:10.5px;margin-bottom:12px}.lp-footer-links-list{gap:10px}.lp-footer-link,.lp-footer-btn-link{font-size:13px;line-height:1.4}.lp-footer-status-tag{font-size:11px;line-height:1.4;padding:4px 10px}.lp-footer-bottom-bar{flex-direction:column;align-items:flex-start;gap:14px;padding-top:20px}.lp-footer-bottom-bar div{font-size:12px}}@media(max-width:360px){.lp-hero-actions{flex-direction:column;gap:8px}.lp-cta-primary,.lp-cta-secondary{width:100%;flex:none;height:44px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.lp-footer-mobile-columns{gap:12px}.lp-footer-link,.lp-footer-btn-link{font-size:12px}}.lp-init{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top,24px)) 20px max(24px,env(safe-area-inset-bottom,24px));background:var(--lp-paper);color:var(--lp-ink);font-family:var(--lp-font-body)}.lp-init-inner{display:flex;flex-direction:column;align-items:center;width:min(100%,340px);text-align:center}.lp-init-logo{width:168px;height:34px;background-color:var(--lp-ink);-webkit-mask:url(/assets/images/ptv-logo-white.webp) center / contain no-repeat;mask:url(/assets/images/ptv-logo-white.webp) center / contain no-repeat}.lp-init-track{position:relative;width:132px;height:2px;margin-top:28px;overflow:hidden;border-radius:999px;background:var(--lp-line)}.lp-init-bar{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:999px;background:var(--lp-blue);animation:lpInitSlide 1.3s cubic-bezier(.4,0,.2,1) infinite}.lp-init-text{max-width:300px;margin:14px 0 0;font-size:13px;line-height:1.55;color:var(--lp-muted)}.lp-init-error-title{margin:26px 0 0;font-family:var(--lp-font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--lp-ink)}.lp-init-error-title+.lp-init-text{margin-top:8px}.lp-init-retry{margin-top:22px;justify-content:center}@keyframes lpInitSlide{0%{left:-40%}to{left:100%}}.lp-portal-enter{animation:lpPortalEnter .26s cubic-bezier(.22,1,.36,1) backwards}@keyframes lpPortalEnter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.lp-hero-line,.lp-title-line{transform:none!important;opacity:1!important}.lp-scroll-reveal,.lp-scroll-motion .lp-scroll-reveal:not(.is-visible),.lp-scroll-motion .lp-services-grid.lp-scroll-reveal .lp-service-item{opacity:1!important;transform:none!important}}.pub-root{--bg: #f8fafd;--surface: #ffffff;--surface-2: #ffffff;--card-bg: #ffffff;--ink: #072a52;--ink-2: #38587a;--muted: #64748b;--line: rgba(11, 42, 74, .08);--line-2: #e2e8f0;min-height:100vh;background-color:var(--bg, #f8fafd);color:var(--ink, #0b2a4a);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", sans-serif);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.pub-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 50% -5%,rgba(216,233,254,.6) 0%,transparent 65%),radial-gradient(ellipse 55% 40% at 90% 90%,rgba(220,235,255,.5) 0%,transparent 60%),linear-gradient(180deg,#f8fafd,#f1f6fe,#edf4fd)}.pub-root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(0,55,138,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,55,138,.02) 1px,transparent 1px);background-size:28px 28px;opacity:.8}.pub-top-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line, rgba(11, 42, 74, .08));padding:0 20px;height:56px;display:flex;align-items:center}.pub-header-content{width:100%;max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%}.pub-brand-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;line-height:1;transition:opacity .2s ease}.pub-brand-link:hover{opacity:.85}.pub-brand-logo-img{height:26px;width:auto;max-width:170px;min-width:120px;object-fit:contain;filter:brightness(0) saturate(100%) invert(22%) sepia(45%) saturate(1400%) hue-rotate(125deg) brightness(90%) contrast(95%);display:block;flex-shrink:0;transition:opacity .2s ease,transform .2s ease}.pub-nav-tabs{display:flex;align-items:center;gap:8px}.pub-nav-pill{padding:6px 14px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12.5px;font-weight:700;text-decoration:none;color:#475569;background:#f1f5f9;border:1px solid transparent;transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center}.pub-nav-pill:hover{background:#e2e8f0;color:#0f172a}.pub-nav-pill.active{background:#0e4f40;color:#fff;box-shadow:0 2px 8px #0e4f4040}.pub-container-wide{width:100%;max-width:860px;margin:32px auto 48px;padding:0 16px;position:relative;z-index:1;flex:1}.pub-container-narrow{width:100%;max-width:520px;margin:32px auto 48px;padding:0 16px;position:relative;z-index:1;flex:1}.pub-hero{text-align:center;margin-bottom:24px}.pub-official-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#0e4f4014;border:1px solid rgba(14,79,64,.18);border-radius:var(--r-full, 9999px);color:#0e4f40;font-size:11.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-bottom:12px}.pub-hero-title{font-size:24px;font-weight:600;color:var(--ink, #072a52);letter-spacing:-.02em;line-height:1.25;margin:0 0 8px}.pub-hero-desc{font-size:13.5px;color:var(--muted, #475569);max-width:540px;margin:0 auto;line-height:1.55}.pub-search-card{background:var(--surface, #ffffff)!important;border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-xl, 22px);padding:20px 22px;box-shadow:0 4px 18px #0b3c740f;margin-bottom:24px}.pub-search-label{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-2, #38587a);margin-bottom:10px}.pub-search-input-row{display:flex;gap:10px;flex-direction:column}@media(min-width:580px){.pub-search-input-row{flex-direction:row}}.pub-search-input{flex:1;padding:12px 16px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:var(--ptv-curve-md, 12px);font-size:14.5px;font-weight:600;color:var(--ink, #0b2a4a);outline:none;transition:all .15s ease;font-family:inherit}.pub-search-input:focus{background:#fff;border-color:#0e4f40;box-shadow:0 0 0 3px #0e4f4026}.pub-search-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#0e4f40;color:#fff;border:none;border-radius:var(--ptv-curve-md, 12px);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0e4f4040;white-space:nowrap}.pub-search-btn:hover{background:#146c57;transform:translateY(-1px)}.pub-sample-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-2, rgba(11, 42, 74, .08))}.pub-sample-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase}.pub-sample-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--r-full, 9999px);padding:4px 10px;font-size:11px;font-weight:700;color:#334155;cursor:pointer;transition:all .15s ease}.pub-sample-btn:hover{background:#e2e8f0;color:#0f172a}.pub-cert-card{background:#fff!important;border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-xl, 22px);box-shadow:0 4px 18px #0b3c740f;overflow:hidden;margin-bottom:32px}.pub-cert-header{padding:24px 24px 20px;background:#fff!important;color:#072a52!important;position:relative;overflow:hidden;border-bottom:1px solid var(--line-2, #f1f5f9)}.pub-cert-header.valid,.pub-cert-header.revisi,.pub-cert-header.ditolak,.pub-cert-header.menunggu,.pub-cert-header.tidak_ditemukan{background:#fff!important;color:#072a52!important}.pub-cert-badge-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.pub-cert-status-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:var(--ok-bg, #e1f5ee);border:1px solid var(--ok-border, #a3dfcb);color:var(--ok, #0e4f40);border-radius:var(--ptv-curve-pill, 9999px);font-size:11.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.pub-cert-header.revisi .pub-cert-status-chip{background:var(--warn-bg, #fcf0d6);border-color:var(--warn-border, rgba(217, 119, 6, .25));color:var(--warn, #9a6b08)}.pub-cert-header.ditolak .pub-cert-status-chip{background:var(--dang-bg, #fde8e6);border-color:var(--dang-border, rgba(176, 43, 35, .25));color:var(--dang, #b02b23)}.pub-cert-header.menunggu .pub-cert-status-chip,.pub-cert-header.tidak_ditemukan .pub-cert-status-chip{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.pub-simulated-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;border-radius:var(--ptv-curve-pill, 9999px);font-size:10.5px;font-weight:700}.pub-cert-title{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--ink, #072a52);margin:0 0 4px}.pub-cert-desc{font-size:13.5px;color:var(--muted, #475569);line-height:1.55;max-width:680px;margin:0}.pub-doc-no-banner{padding:16px 24px;background:var(--bg-2, #f8fafc);border-bottom:1px solid var(--line, rgba(11, 42, 74, .08));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.pub-doc-no-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--muted, #64748b)}.pub-doc-no-value{font-family:inherit;font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:15px;font-weight:600;color:var(--ink, #072a52);background:var(--surface, #ffffff);border:1px solid var(--line, #cbd5e1);padding:6px 14px;border-radius:var(--ptv-curve-md, 12px);box-shadow:0 1px 3px #0b2a4a0f}.pub-cert-body{padding:24px;background:#fff!important}.pub-detail-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:24px}@media(min-width:640px){.pub-detail-grid{grid-template-columns:repeat(2,1fr)}}.pub-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--ptv-curve-md, 12px);padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.pub-detail-icon{width:34px;height:34px;border-radius:var(--r-sm, 8px);background:#e2e8f0;color:#334155;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.pub-detail-icon.green{background:#e1f5ee;color:#0e4f40}.pub-detail-icon.blue{background:#dcebff;color:#0b5fbf}.pub-detail-icon.amber{background:#fef3c7;color:#b45309}.pub-detail-content{flex:1;min-width:0}.pub-detail-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.pub-detail-value{font-size:13.5px;font-weight:750;color:#0f172a;line-height:1.4;word-break:break-word}.pub-personel-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-md, 10px);padding:16px;margin-bottom:20px}.pub-personel-header{font-size:12px;font-weight:800;text-transform:uppercase;color:#475569;letter-spacing:.05em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.pub-pill-wrap{display:flex;flex-wrap:wrap;gap:8px}.pub-person-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:var(--r-full, 9999px);font-size:12.5px;font-weight:700;color:#0f172a}.pub-seal-box{background:#f1f8f5;border:1px solid #c2e5d9;border-radius:var(--r-md, 10px);padding:16px;display:flex;align-items:center;gap:16px}.pub-seal-icon{width:44px;height:44px;background:#0e4f40;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 10px #0e4f4040}.pub-seal-text h4{font-size:13.5px;font-weight:800;color:#0e4f40;margin:0 0 2px}.pub-seal-text p{font-size:12px;color:#1e3a34;margin:0;line-height:1.45}.pub-id-card{background:var(--surface, #ffffff)!important;border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-xl, 22px);box-shadow:0 4px 18px #0b3c740f;overflow:hidden;margin-bottom:24px}.pub-id-card-hero{background:var(--surface, #ffffff)!important;padding:32px 20px 20px;text-align:center;color:var(--ink, #072a52)!important;position:relative;border-bottom:1px solid var(--line-2, #f1f5f9)}.pub-id-photo-frame{width:104px;height:104px;border-radius:var(--ptv-curve-pill, 9999px);margin:0 auto 16px;border:3px solid var(--surface, #ffffff);box-shadow:0 4px 14px #0b2a4a1f;overflow:hidden;background:var(--bg-2, #f1f5f9);display:flex;align-items:center;justify-content:center;position:relative}.pub-id-photo{width:100%;height:100%;object-fit:cover}.pub-id-photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-2, #e2e8f0);color:#0e4f40;font-size:32px;font-weight:700}.pub-id-name{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--ink, #072a52);margin:0 0 8px;line-height:1.25}.pub-id-number-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;background:var(--bg-2, #f8fafc);border:1px solid var(--line, #cbd5e1);color:var(--ink-2, #38587a);border-radius:var(--ptv-curve-pill, 9999px);font-size:13px;font-weight:600;letter-spacing:.02em;font-family:inherit}.pub-id-card-body{padding:24px 20px;background:var(--surface, #ffffff)!important}.pub-id-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line-2, #f1f5f9)}.pub-id-row:last-child{border-bottom:none}.pub-id-row-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase}.pub-id-row-val{font-size:13.5px;font-weight:800;color:var(--ink, #0f172a)}.pub-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;width:max-content;box-sizing:border-box}.pub-status-badge.aktif{background:var(--ok-bg, #e1f5ee);color:var(--ok, #0e4f40);border:1px solid var(--ok-border, #a3dfcb)}.pub-status-badge.purna{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.pub-status-badge.nonaktif{background:var(--dang-bg, #fde8e6);color:var(--dang, #991b1b);border:1px solid var(--dang-border, #f8b4af)}.pub-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;display:inline-block}.pub-task-card{background:#fff!important;border:1px solid var(--ok-border, #a3dfcb);border-radius:var(--ptv-curve-lg, 16px);padding:20px;box-shadow:0 4px 16px #0e4f400f;margin-bottom:24px}.pub-task-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.pub-task-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--ok-bg, #e1f5ee);color:var(--ok, #0e4f40);border-radius:var(--ptv-curve-pill, 9999px);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pub-task-title{font-size:15px;font-weight:800;color:var(--ink, #072a52);margin:0 0 6px;line-height:1.35}.pub-task-meta{font-size:12.5px;color:#475569;line-height:1.5;margin-bottom:14px}.pub-task-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 18px;background:#0e4f40;color:#fff;text-decoration:none;font-size:13px;font-weight:700;border-radius:var(--ptv-curve-md, 12px);transition:all .15s ease;box-shadow:0 2px 8px #0e4f4033}.pub-task-link-btn:hover{background:#146c57}.pub-empty-card{background:#fff!important;border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-xl, 22px);padding:36px 20px;text-align:center;margin-bottom:24px;box-shadow:0 4px 18px #0b3c740d}.pub-empty-icon{width:56px;height:56px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;color:#0e4f40;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}.pub-empty-title{font-size:17px;font-weight:800;color:var(--ink, #0f172a);margin:0 0 6px}.pub-empty-desc{font-size:13px;color:#64748b;max-width:420px;margin:0 auto 20px;line-height:1.5}.pub-footer{text-align:center;padding:24px 16px 36px;border-top:1px solid var(--line, rgba(11, 42, 74, .08));color:#64748b;font-size:12px;background:#fff9;position:relative;z-index:1}.pub-footer-brand{font-weight:800;color:#072a52;margin-bottom:4px}.pub-footer-sub{font-size:11px;color:#94a3b8}@media(max-width:430px){.pub-top-header{padding:0 14px;height:52px}.pub-brand-logo-img{height:20px;max-width:120px}.pub-hero-title{font-size:21px}.pub-cert-title{font-size:18px}.pub-doc-no-banner{padding:12px 16px}.pub-doc-no-value{font-size:14px;padding:5px 10px;width:100%;text-align:center}.pub-cert-body{padding:18px 16px}.pub-id-name{font-size:18px}.pub-nav-pill{padding:5px 10px;font-size:11px}}.pub-document-label{flex-basis:100%;text-align:start;font-weight:600;color:var(--ink)}.pub-document-number{overflow-wrap:anywhere;font-weight:700}.pub-search-form{display:flex;gap:10px;flex-wrap:wrap;min-width:0;max-width:640px;margin:20px auto 0}.pub-search-form .pub-search-input{min-width:0;font-size:16px}.pub-root .pub-empty-card{background:var(--surface);color:var(--ink)}.pub-document-page .pub-empty-card{background:var(--surface)!important;box-shadow:none}.pub-root .pub-hero{color:var(--ink)}@media(max-width:430px){.pub-search-form .pub-search-input{flex-basis:100%;width:100%}.pub-search-form .pub-search-btn{width:100%;min-height:44px}}.pub-root.pub-document-page:before{background:none}.pub-document-page .pub-search-input{background:var(--surface);border-color:var(--line-2);color:var(--ink)}.pub-document-page .pub-search-input:focus{background:var(--surface);border-color:var(--b-600)}.pub-document-page .pub-empty-card p{color:var(--ink-2)}[data-theme=dark] .pub-root,:root[data-theme=dark] .pub-root{--bg: #101923;--surface: #182636;--surface-2: #1e3146;--card-bg: #182636;--ink: #EDF4FF;--ink-2: #BDD0E5;--muted: #A7BCD2;--line: #344860;--line-2: #344860;color-scheme:dark}[data-theme=dark] .pub-top-header{background:#182636f2;border-bottom-color:var(--line)}[data-theme=dark] .pub-nav-pill{background:var(--surface-2);color:var(--ink-2)}[data-theme=dark] .pub-nav-pill:hover{background:var(--line);color:var(--ink)}[data-theme=dark] .pub-nav-pill.active{background:#0e4f40;color:#fff}[data-theme=dark] .pub-search-card,[data-theme=dark] .pub-cert-card,[data-theme=dark] .pub-id-card{background:var(--surface)!important;border-color:var(--line);box-shadow:0 4px 18px #0006}[data-theme=dark] .pub-cert-header,[data-theme=dark] .pub-id-card-hero,[data-theme=dark] .pub-id-card-body{background:var(--surface)!important;color:var(--ink)!important;border-bottom-color:var(--line)}[data-theme=dark] .pub-doc-no-banner{background:var(--surface-2);border-bottom-color:var(--line)}[data-theme=dark] .pub-doc-no-value{background:var(--surface);border-color:var(--line);color:var(--ink)}[data-theme=dark] .pub-search-input{background:var(--surface-2);border-color:var(--line);color:var(--ink)}[data-theme=dark] .pub-search-input:focus{background:var(--surface);border-color:var(--b-500)}[data-theme=dark] .pub-id-number-pill{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}.pub-living-wrapper{min-height:100vh;display:flex;flex-direction:column;background:var(--lp-bg, #f8fafd);color:var(--lp-ink-primary, #0B2A4A);position:relative;overflow-x:clip}.pub-living-main{width:100%;max-width:1080px;margin:0 auto;padding:96px 20px 48px;box-sizing:border-box;flex:1;display:flex;flex-direction:column;gap:24px;min-height:0}.pub-formal-hero{text-align:center;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.pub-formal-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b-600, #1273e6);background:var(--b-050, #eff6ff);padding:4px 12px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid rgba(18,115,230,.15)}.pub-formal-title{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-.025em;color:var(--lp-ink-primary, #0B2A4A);margin:0;line-height:1.25}.pub-formal-desc{font-size:14.5px;line-height:1.6;color:var(--lp-ink-secondary, #475569);margin:0}.pub-formal-search-card{background:#fff;border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-lg, 16px);padding:20px 24px;box-shadow:0 4px 20px #0b2a4a0d;display:flex;flex-direction:column;gap:12px}.pub-formal-search-form{display:flex;gap:10px;flex-wrap:wrap}.pub-formal-input{flex:1;min-width:260px;height:48px;min-height:48px;padding:0 16px;border:1.5px solid var(--line, #cbd5e1);border-radius:var(--ptv-curve-md, 12px);font-size:15px;color:#0f172a;background:#f8fafc;transition:all .2s ease;font-family:inherit}@media(max-width:768px){.pub-formal-input{font-size:16px!important}}.pub-formal-input:focus{outline:none;background:#fff;border-color:#1273e6;box-shadow:0 0 0 3px #1273e61f}.pub-formal-submit-btn{height:48px;min-height:48px;padding:0 24px;border-radius:var(--ptv-curve-md, 12px);background:#0b2a4a;color:#fff;border:none;font-weight:600;font-size:14.5px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s ease,transform .1s ease;white-space:nowrap}.pub-formal-submit-btn:hover:not(:disabled){background:#123d68}.pub-formal-submit-btn:active:not(:disabled){transform:scale(.98)}.pub-formal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.pub-doc-result-card{background:#fff;border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-xl, 20px);box-shadow:0 8px 30px #0b2a4a0f;overflow:hidden;display:flex;flex-direction:column}.pub-status-header{padding:32px 28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;border-bottom:1px solid #f1f5f9}.pub-status-header.valid{background:linear-gradient(180deg,#ecfdf5,#fff)}.pub-status-header.kedaluwarsa{background:linear-gradient(180deg,#fffbeb,#fff)}.pub-status-header.tidak_valid{background:linear-gradient(180deg,#fef2f2,#fff)}.pub-status-header.menunggu{background:linear-gradient(180deg,#eff6ff,#fff)}.pub-status-big-icon{width:68px;height:68px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:36px}.pub-status-header.valid .pub-status-big-icon{background:#d1fae5;color:#059669}.pub-status-header.kedaluwarsa .pub-status-big-icon{background:#fef3c7;color:#d97706}.pub-status-header.tidak_valid .pub-status-big-icon{background:#fee2e2;color:#dc2626}.pub-status-header.menunggu .pub-status-big-icon{background:#dbeafe;color:#2563eb}.pub-status-badge-title{font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0}.pub-status-header.valid .pub-status-badge-title{color:#065f46}.pub-status-header.kedaluwarsa .pub-status-badge-title{color:#92400e}.pub-status-header.tidak_valid .pub-status-badge-title{color:#991b1b}.pub-status-header.menunggu .pub-status-badge-title{color:#1e40af}.pub-status-subtitle{font-size:13.5px;color:#64748b;max-width:540px;line-height:1.5;margin:0}.pub-meta-details-wrap{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.pub-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pub-meta-item{display:flex;flex-direction:column;gap:4px;background:#f8fafc;padding:12px 16px;border-radius:10px;border:1px solid #f1f5f9}.pub-meta-label{font-size:11.5px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.pub-meta-val{font-size:14.5px;font-weight:700;color:#0f172a;word-break:break-word}.pub-santri-gate-box{margin-top:10px;background:#fafaf9;border:1.5px dashed #d6d3d1;border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:16px}.pub-gate-header{display:flex;align-items:flex-start;gap:14px}.pub-gate-icon{width:40px;height:40px;border-radius:10px;background:#e7e5e4;color:#44403c;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pub-gate-title{font-size:15px;font-weight:700;color:#1c1917;margin:0 0 4px}.pub-gate-desc{font-size:13px;color:#57534e;line-height:1.5;margin:0}.pub-gate-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:flex-end}@media(max-width:768px){.pub-gate-form{grid-template-columns:1fr}}.pub-unlocked-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 18px;display:flex;align-items:center;gap:10px;font-size:13px;color:#166534}.pub-santri-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.pub-santri-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.pub-santri-table th{background:#f8fafc;color:#475569;font-weight:700;padding:10px 14px;border-bottom:1px solid #e2e8f0;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.pub-santri-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#0f172a}.pub-santri-table tr:last-child td{border-bottom:none}.pub-santri-table tr:nth-child(2n){background:#fafaf9}.pub-crew-split-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start;width:100%;height:auto;min-height:0;box-sizing:border-box}@media(max-width:900px){.pub-crew-split-layout{display:flex;flex-direction:column;gap:20px;height:auto;min-height:0}}.pub-crew-left-col{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;padding-right:4px;box-sizing:border-box;min-height:0}@media(max-width:900px){.pub-crew-left-col{position:static;top:auto;height:auto;max-height:none;overflow-y:visible;overscroll-behavior:auto;padding-right:0}}.pub-crew-right-col{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;padding-right:8px;padding-bottom:24px;box-sizing:border-box}@media(max-width:900px){.pub-crew-right-col{height:auto;max-height:none;overflow-y:visible;overscroll-behavior:auto;padding-right:0;padding-bottom:0}}.pub-crew-left-col::-webkit-scrollbar,.pub-crew-right-col::-webkit-scrollbar{width:6px}.pub-crew-left-col::-webkit-scrollbar-track,.pub-crew-right-col::-webkit-scrollbar-track{background:transparent}.pub-crew-left-col::-webkit-scrollbar-thumb,.pub-crew-right-col::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.pub-crew-left-col::-webkit-scrollbar-thumb:hover,.pub-crew-right-col::-webkit-scrollbar-thumb:hover{background:#64748ba6}.pub-crew-card{background:#fff;border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-xl, 20px);padding:24px;box-shadow:0 4px 20px #0b2a4a0a;display:flex;flex-direction:column;gap:18px}.pub-crew-card-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.pub-crew-photo-frame{width:110px;height:110px;border-radius:50%;padding:4px;border:2px solid #0B2A4A;background:#fff;box-shadow:0 4px 16px #0b2a4a1a;overflow:hidden}.pub-crew-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.pub-crew-name{font-size:19px;font-weight:800;color:#0b2a4a;margin:0;line-height:1.3}.pub-crew-id-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono, monospace);font-size:13px;font-weight:700;color:#0b2a4a;background:#f1f5f9;padding:4px 14px;border-radius:9999px;border:1px solid #e2e8f0}.pub-crew-field-list{display:flex;flex-direction:column;gap:10px;border-top:1px solid #f1f5f9;padding-top:14px}.pub-crew-field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.pub-crew-field-label{color:#64748b;font-size:12.5px}.pub-crew-field-val{font-weight:700;color:#0f172a;text-align:right}.pub-crew-qr-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.pub-portfolio-header-card{background:#fff;border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-xl, 20px);padding:20px 24px;box-shadow:0 4px 20px #0b2a4a0a;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.pub-portfolio-header-title{font-size:18px;font-weight:800;color:#0b2a4a;margin:0}.pub-portfolio-header-desc{font-size:13px;color:#64748b;margin:2px 0 0}.pub-portfolio-filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.pub-portfolio-filter-row::-webkit-scrollbar{display:none}.pub-filter-pill{padding:6px 14px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center}.pub-filter-pill:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.pub-filter-pill.active{background:#0b2a4a;border-color:#0b2a4a;color:#fff;box-shadow:0 2px 6px #0b2a4a26}.pub-portfolio-unified-card{background:#fff;border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-xl, 20px);box-shadow:0 4px 20px #0b2a4a0a;overflow:clip;display:flex;flex-direction:column}.pub-portfolio-link-btn,.pub-filter-pill{cursor:pointer!important}.pub-portfolio-compact-row{padding:18px 22px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #f1f5f9;background:transparent;transition:background-color .15s ease}.pub-portfolio-compact-row:last-child{border-bottom:none}.pub-portfolio-compact-row:hover{background-color:#fafbfc}.pub-portfolio-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pub-portfolio-row-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pub-portfolio-row-date{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:#64748b;font-variant-numeric:tabular-nums;white-space:nowrap}.pub-portfolio-row-title{margin:0;font-size:15px;font-weight:700;color:#0f172a;line-height:1.4;letter-spacing:-.01em}.pub-portfolio-row-actions{display:flex;align-items:center;margin-top:2px}.pub-portfolio-link-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1273e6;text-decoration:none;padding:4px 10px;margin-left:-10px;border-radius:8px;transition:background-color .15s ease,color .15s ease}.pub-portfolio-link-btn:hover{color:#0b50a8;background-color:#eff6ff}@media(max-width:640px){.pub-portfolio-compact-row{padding:14px 16px;gap:8px}.pub-portfolio-row-header{flex-direction:column;align-items:flex-start;gap:6px}.pub-portfolio-row-title{font-size:14px}}[data-theme=dark] .pub-crew-card,[data-theme=dark] .pub-portfolio-header-card,[data-theme=dark] .pub-portfolio-unified-card{background:#111a2e;border-color:#ffffff1a;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .pub-crew-name,[data-theme=dark] .pub-portfolio-header-title,[data-theme=dark] .pub-portfolio-row-title{color:#f1f5f9}[data-theme=dark] .pub-portfolio-compact-row{border-bottom-color:#ffffff14}[data-theme=dark] .pub-portfolio-compact-row:hover{background-color:#ffffff08}[data-theme=dark] .pub-filter-pill{background:#1e293b;border-color:#ffffff1f;color:#94a3b8}[data-theme=dark] .pub-filter-pill:hover{background:#334155;color:#f8fafc}[data-theme=dark] .pub-filter-pill.active{background:#1273e6;border-color:#1273e6;color:#fff}.pub-inspection-history-box{margin-top:14px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px #00000005}.pub-history-header-row{display:flex;align-items:flex-start;gap:14px}.pub-history-icon-circle{width:40px;height:40px;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0;color:#0b2a4a;display:inline-flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.pub-history-box-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 4px}.pub-history-box-desc{font-size:13px;color:#64748b;line-height:1.5;margin:0}.pub-history-list{display:flex;flex-direction:column;gap:10px}.pub-history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;transition:all .15s ease}.pub-history-item:hover{background:#f1f5f9;border-color:#cbd5e1}.pub-history-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pub-history-examiner{display:flex;align-items:center;gap:8px}.pub-history-examiner-name{font-size:13.5px;font-weight:700;color:#0f172a}.pub-history-instansi-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:#e2e8f0;color:#334155;letter-spacing:.3px}.pub-history-meta{display:flex;align-items:center;gap:10px}.pub-history-status-badge{font-size:11.5px;font-weight:700;padding:2px 10px;border-radius:9999px;display:inline-flex;align-items:center}.pub-history-status-badge.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.pub-history-status-badge.failed{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.pub-history-time{font-size:11.5px;color:#64748b;font-weight:500}.pub-history-note{font-size:12px;color:#475569;display:flex;align-items:center;margin-top:2px}.pub-history-empty{text-align:center;padding:24px 16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;font-size:13px;color:#64748b}[data-theme=dark] .pub-inspection-history-box{background:#1e293b;border-color:#ffffff1a}[data-theme=dark] .pub-history-icon-circle{background:#0f172a;border-color:#ffffff1a;color:#93c5fd}[data-theme=dark] .pub-history-box-title{color:#f8fafc}[data-theme=dark] .pub-history-box-desc{color:#94a3b8}[data-theme=dark] .pub-history-item{background:#0f172a;border-color:#ffffff14}[data-theme=dark] .pub-history-examiner-name{color:#f1f5f9}[data-theme=dark] .pub-history-instansi-badge{background:#334155;color:#e2e8f0}[data-theme=dark] .pub-history-empty{background:#0f172a;border-color:#ffffff1f;color:#94a3b8}.ptv-pf-page-root{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1100px;margin:0 auto;padding:8px 0 64px;box-sizing:border-box}.ptv-pf-header-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ptv-pf-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.ptv-pf-stat-card{background:var(--surface, #ffffff);border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-md, 12px);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-xs, 0 1px 3px rgba(11, 42, 74, .04))}.ptv-pf-stat-icon{width:44px;height:44px;border-radius:12px;background:var(--b-050, #eff6ff);color:var(--b-600, #1273e6);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ptv-pf-stat-info{display:flex;flex-direction:column}.ptv-pf-stat-val{font-size:22px;font-weight:700;color:var(--ink, #0f172a);line-height:1.2}.ptv-pf-stat-label{font-size:12.5px;color:var(--ink-2, #64748b);margin-top:2px}.ptv-pf-list-wrap{display:flex;flex-direction:column;gap:14px}.ptv-pf-item-card{background:var(--surface, #ffffff);border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-lg, 16px);padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;box-shadow:var(--shadow-xs, 0 1px 3px rgba(11, 42, 74, .04));transition:border-color .15s ease,box-shadow .15s ease}.ptv-pf-item-card:hover{border-color:var(--b-200, rgba(18, 115, 230, .28));box-shadow:var(--shadow-sm, 0 2px 6px rgba(11, 42, 74, .06))}.ptv-pf-item-main{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.ptv-pf-badges-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ptv-pf-platform-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11.5px;font-weight:600;background:var(--bg-2, #f1f5f9);color:var(--ink, #1e293b);border:1px solid var(--line-2, #e2e8f0)}.ptv-pf-platform-badge.instagram{background:#e1306c14;color:#c13584;border-color:#e1306c33}.ptv-pf-platform-badge.tiktok{background:#0000000f;color:#111;border-color:#00000026}.ptv-pf-platform-badge.youtube{background:#ff000014;color:#c00;border-color:#f003}.ptv-pf-platform-badge.facebook{background:#1877f214;color:#1877f2;border-color:#1877f233}.ptv-pf-platform-badge.website{background:#0ea5e914;color:#0284c7;border-color:#0ea5e933}.ptv-pf-platform-badge.live-event{background:#9333ea14;color:#7e22ce;border-color:#9333ea33}.ptv-pf-role-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11px;font-weight:600;background:var(--b-050, #eff6ff);color:var(--b-600, #1273e6);border:1px solid rgba(18,115,230,.18)}.ptv-pf-date-pill{font-size:11.5px;color:var(--muted, #64748b);display:inline-flex;align-items:center;gap:4px}.ptv-pf-item-title{font-size:15px;font-weight:600;color:var(--ink, #0f172a);line-height:1.4;margin:0;word-break:break-word}.ptv-pf-item-link{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--b-600, #1273e6);text-decoration:none;width:fit-content;transition:color .15s ease}.ptv-pf-item-link:hover{text-decoration:underline;color:var(--b-700, #0c56b3)}.ptv-pf-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ptv-pf-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line, #e2e8f0);background:var(--surface, #ffffff);color:var(--ink-2, #64748b);display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .15s ease}.ptv-pf-icon-btn:hover{background:var(--bg-2, #f8fafc);color:var(--ink, #0f172a);border-color:var(--line-strong, #cbd5e1)}.ptv-pf-icon-btn.delete:hover{background:var(--dang-bg, #fef2f2);color:var(--dang, #ef4444);border-color:#ef44444d}.ptv-pf-empty-card{background:var(--surface, #ffffff);border:1px dashed var(--line-strong, #cbd5e1);border-radius:var(--ptv-curve-lg, 16px);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ptv-pf-empty-icon{width:56px;height:56px;border-radius:16px;background:var(--bg-2, #f1f5f9);color:var(--muted, #94a3b8);display:inline-flex;align-items:center;justify-content:center;font-size:24px}.ptv-pf-empty-title{font-size:16px;font-weight:700;color:var(--ink, #0f172a);margin:0}.ptv-pf-empty-desc{font-size:13.5px;color:var(--ink-2, #64748b);max-width:420px;line-height:1.5;margin:0}.ptv-pf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2a4a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.ptv-pf-modal-card{background:var(--surface, #ffffff);border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-lg, 16px);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg, 0 10px 25px rgba(11, 42, 74, .12));display:flex;flex-direction:column}.ptv-pf-modal-header{padding:18px 22px;border-bottom:1px solid var(--line, #e2e8f0);display:flex;align-items:center;justify-content:space-between}.ptv-pf-modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--ink, #0f172a)}.ptv-pf-modal-close{background:transparent;border:none;font-size:16px;color:var(--muted, #94a3b8);cursor:pointer;padding:4px;border-radius:6px;transition:color .15s ease}.ptv-pf-modal-close:hover{color:var(--ink, #0f172a)}.ptv-pf-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.ptv-pf-form-group{display:flex;flex-direction:column;gap:6px}.ptv-pf-form-label{font-size:13px;font-weight:600;color:var(--ink, #0f172a)}.ptv-pf-input,.ptv-pf-select{width:100%;height:40px;border:1px solid var(--line, #cbd5e1);border-radius:var(--ptv-curve-sm, 8px);padding:0 12px;font-size:13.5px;color:var(--ink, #0f172a);background:var(--surface, #ffffff);box-sizing:border-box;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.ptv-pf-input:focus,.ptv-pf-select:focus{outline:none;border-color:var(--b-500, #1273e6);box-shadow:0 0 0 3px var(--b-100, rgba(18, 115, 230, .15))}.ptv-pf-textarea{width:100%;border:1px solid var(--line, #cbd5e1);border-radius:var(--ptv-curve-sm, 8px);padding:10px 12px;font-size:13.5px;color:var(--ink, #0f172a);background:var(--surface, #ffffff);box-sizing:border-box;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .15s ease,box-shadow .15s ease}.ptv-pf-textarea:focus{outline:none;border-color:var(--b-500, #1273e6);box-shadow:0 0 0 3px var(--b-100, rgba(18, 115, 230, .15))}.ptv-pf-modal-footer{padding:16px 22px;border-top:1px solid var(--line, #e2e8f0);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--bg-1, #f8fafc);border-bottom-left-radius:var(--ptv-curve-lg, 16px);border-bottom-right-radius:var(--ptv-curve-lg, 16px)}.finance3-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1240px;min-width:0;overflow-x:hidden;margin:0 auto;padding:0 4px 40px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;color:var(--ink, #0b2a4a)}.finance3-container>*,.f3-pockets-shell>*{min-width:0;max-width:100%;box-sizing:border-box}.finance3-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 0 8px}.finance3-header-text h1{font-size:26px;font-weight:700;letter-spacing:-.025em;margin:0 0 4px;color:var(--ink, #0b2a4a)}.finance3-header-text p{font-size:13.5px;color:var(--muted, #6e8cae);margin:0;line-height:1.4}.finance3-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.finance3-tabs-wrapper{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-bottom:4px}.finance3-tabs-wrapper::-webkit-scrollbar{display:none}.finance3-tabs{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2, #f1f5f9);padding:4px;border-radius:9999px;border:1px solid var(--line-2, rgba(11, 42, 74, .06))}.finance3-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;border-radius:9999px;border:none;background:transparent;color:var(--muted, #6e8cae);cursor:pointer;transition:all .18s ease;white-space:nowrap}.finance3-tab-btn:hover{color:var(--ink, #0b2a4a)}.finance3-tab-btn.active{background:var(--surface, #ffffff);color:var(--b-700, #0b5fbf);box-shadow:0 2px 8px #0b2a4a14}.finance3-hero{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-lg, 16px);padding:24px 28px;box-shadow:0 1px 3px #0b2a4a0a;display:flex;flex-direction:column;gap:20px}.finance3-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.finance3-hero-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #6e8cae);margin-bottom:6px}.finance3-hero-balance{font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--ink, #0b2a4a);line-height:1.1;font-variant-numeric:tabular-nums}.finance3-hero-sub{font-size:12px;color:var(--muted, #6e8cae);margin-top:6px;display:flex;align-items:center;gap:6px}.finance3-hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding-top:18px;border-top:1px solid var(--line-2, rgba(11, 42, 74, .06))}.finance3-metric-pill{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--surface-2, #f8fafd);border:1px solid var(--line-2, rgba(11, 42, 74, .05));border-radius:var(--ptv-curve-md, 12px)}.finance3-metric-label{font-size:11.5px;font-weight:600;color:var(--muted, #6e8cae)}.finance3-metric-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.finance3-metric-value.income{color:#059669}.finance3-metric-value.expense{color:#dc2626}.finance3-metric-value.net{color:var(--b-700, #0b5fbf)}.finance3-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-lg, 16px);padding:20px 24px;box-shadow:0 1px 3px #0b2a4a0a}.finance3-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.finance3-card-title{font-size:16px;font-weight:700;color:var(--ink, #0b2a4a);margin:0;display:flex;align-items:center;gap:8px}.finance3-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.finance3-search-input{flex:1;min-width:220px;height:40px;padding:0 14px 0 36px;background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .15));border-radius:var(--ptv-curve-md, 12px);font-size:14px;color:var(--ink, #0b2a4a);box-sizing:border-box;transition:border-color .15s ease}.finance3-search-input:focus{outline:none;border-color:var(--b-600, #1273e6);box-shadow:0 0 0 3px #1273e626}.finance3-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.finance3-filter-chip{padding:6px 14px;font-size:12px;font-weight:600;border-radius:9999px;border:1px solid var(--line, rgba(11, 42, 74, .12));background:var(--surface, #ffffff);color:var(--muted, #6e8cae);cursor:pointer;transition:all .15s ease}.finance3-filter-chip:hover{border-color:var(--ink, #0b2a4a);color:var(--ink, #0b2a4a)}.finance3-filter-chip.active{background:var(--b-700, #0b5fbf);color:#fff;border-color:var(--b-700, #0b5fbf)}.finance3-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--ptv-curve-md, 12px);border:1px solid var(--line-2, rgba(11, 42, 74, .08))}.finance3-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.finance3-table th{background:var(--surface-2, #f8fafd);color:var(--muted, #6e8cae);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:12px 16px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .08));white-space:nowrap}.finance3-table td{padding:13px 16px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .05));vertical-align:middle}.finance3-table tr:last-child td{border-bottom:none}.finance3-table tr.clickable{cursor:pointer;transition:background-color .12s ease}.finance3-table tr.clickable:hover{background-color:var(--surface-2, #f8fafd)}.finance3-tx-amount{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.finance3-tx-amount.income{color:#059669}.finance3-tx-amount.expense{color:#dc2626}.finance3-tx-amount.reversed{color:var(--muted, #6e8cae);text-decoration:line-through}.finance3-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;border-radius:9999px;white-space:nowrap}.finance3-badge.posted{background:#e1f5ee;color:#0f7a5a}.finance3-badge.reversed{background:#fde8e6;color:#b02b23}.finance3-badge.legacy{background:#edf4ff;color:#0b5fbf;border:1px solid #dcebff}.finance3-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0b2a4a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;box-sizing:border-box}.finance3-modal-surface{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .12));border-radius:var(--ptv-curve-xl, 20px);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 48px #0b2a4a2e;display:flex;flex-direction:column}.finance3-modal-header{padding:18px 22px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .08));display:flex;align-items:center;justify-content:space-between}.finance3-modal-header h3{font-size:17px;font-weight:700;margin:0;color:var(--ink, #0b2a4a)}.finance3-modal-body{padding:22px;display:flex;flex-direction:column;gap:16px}.finance3-modal-footer{padding:16px 22px;border-top:1px solid var(--line-2, rgba(11, 42, 74, .08));display:flex;align-items:center;justify-content:flex-end;gap:10px}.finance3-form-field{display:flex;flex-direction:column;gap:6px}.finance3-form-label{font-size:12.5px;font-weight:600;color:var(--ink-2, #38587a)}.finance3-input,.finance3-select,.finance3-textarea{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid var(--line, rgba(11, 42, 74, .18));border-radius:var(--ptv-curve-md, 12px);font-size:14px;font-family:inherit;color:var(--ink, #0b2a4a);background:var(--surface, #ffffff);transition:border-color .15s ease}.finance3-input:focus,.finance3-select:focus,.finance3-textarea:focus{outline:none;border-color:var(--b-600, #1273e6);box-shadow:0 0 0 3px #1273e626}@media(max-width:768px){.finance3-input,.finance3-select,.finance3-textarea,.finance3-search-input{font-size:16px!important;min-height:44px}.finance3-hero-balance{font-size:28px}.finance3-hero{padding:18px 20px}.finance3-card{padding:16px 18px}}[data-theme=dark] .finance3-container{color:#f1f5f9}[data-theme=dark] .finance3-header-text h1{color:#f8fafc}[data-theme=dark] .finance3-tabs{background:#18191b;border-color:#ffffff14}[data-theme=dark] .finance3-tab-btn.active{background:#232528;color:#6fb0ff;box-shadow:0 2px 8px #0006}[data-theme=dark] .finance3-hero,[data-theme=dark] .finance3-card,[data-theme=dark] .finance3-modal-surface{background:#18191b;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .finance3-hero-balance{color:#f8fafc}[data-theme=dark] .finance3-metric-pill,[data-theme=dark] .finance3-table th{background:#1e2023;border-color:#ffffff14}[data-theme=dark] .finance3-table td{border-color:#ffffff0f}[data-theme=dark] .finance3-table tr.clickable:hover{background-color:#232528}[data-theme=dark] .finance3-input,[data-theme=dark] .finance3-select,[data-theme=dark] .finance3-textarea,[data-theme=dark] .finance3-search-input{background:#232528;border-color:#ffffff26;color:#f8fafc}[data-theme=dark] .finance3-filter-chip{background:#18191b;border-color:#ffffff26}[data-theme=dark] .finance3-filter-chip.active{background:#1273e6;border-color:#1273e6;color:#fff}.f3-pockets-shell{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.f3-pockets-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0;width:100%;min-width:0}.f3-pockets-title-group{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.f3-pockets-main-title{font-size:clamp(24px,3vw,30px);font-weight:800;letter-spacing:-.03em;color:var(--ink, #0b2a4a);margin:0;line-height:1.15}.f3-pockets-subtitle{font-size:12px;color:var(--muted, #6e8cae);margin:0;line-height:1.35}.f3-pockets-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.f3-icon-circle-btn{width:44px;height:44px;border-radius:9999px;border:1px solid var(--line-2, rgba(11, 42, 74, .08));background:var(--surface, #ffffff);color:var(--ink, #0b2a4a);display:inline-grid;place-items:center;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease;flex-shrink:0}.f3-icon-circle-btn:hover{background:var(--surface-2, #f1f5f9);border-color:var(--line, rgba(11, 42, 74, .18))}.f3-pocket-search-wrap{position:relative;width:100%}.f3-pocket-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted, #6e8cae);pointer-events:none}.f3-pocket-search-input{width:100%;height:46px;padding:0 40px 0 44px;border-radius:14px;border:1px solid transparent;background:var(--surface-2, #f1f3f6);color:var(--ink, #0b2a4a);font-size:14.5px;font-weight:500;font-family:inherit;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.f3-pocket-search-input::placeholder{color:var(--muted, #7a8fa6);font-weight:500}.f3-pocket-search-input:focus{outline:none;background:var(--surface, #ffffff);border-color:var(--b-600, #1273e6);box-shadow:0 0 0 3px #1273e61f}.f3-pocket-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:9999px;border:none;background:#0b2a4a14;color:var(--ink, #0b2a4a);display:inline-grid;place-items:center;cursor:pointer}.f3-pocket-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.f3-pocket-chips{display:flex;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;flex:1}.f3-pocket-chips::-webkit-scrollbar{display:none}.f3-pocket-chip{min-height:38px;padding:7px 16px;border-radius:9999px;border:none;background:transparent;color:var(--muted, #6e8cae);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.f3-pocket-chip:hover{color:var(--ink, #0b2a4a);background:#0b2a4a0a}.f3-pocket-chip.active{background:var(--surface-2, #ebeef2);color:var(--ink, #0b2a4a);font-weight:700}.f3-pocket-add-trigger{min-width:40px;height:40px;padding:0 12px;border-radius:9999px;border:1px solid var(--line, rgba(11, 42, 74, .12));background:var(--surface, #ffffff);color:var(--ink, #0b2a4a);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background-color .15s ease,transform .12s ease}.f3-pocket-add-trigger:hover{background:var(--surface-2, #f1f5f9)}.f3-pocket-asset-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-radius:16px;background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .07));box-shadow:0 4px 14px #0b2a4a0d}.f3-pocket-asset-left{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink, #0b2a4a)}.f3-pocket-asset-info-dot{width:20px;height:20px;border-radius:9999px;background:#f59e0b;color:#fff;font-size:11.5px;font-weight:800;display:inline-grid;place-items:center;flex-shrink:0}.f3-pocket-asset-right{display:flex;align-items:center;gap:10px}.f3-pocket-asset-amount{font-size:17px;font-weight:800;color:var(--ink, #0b2a4a);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.f3-pocket-eye-btn{width:34px;height:34px;border-radius:9999px;border:none;background:transparent;color:var(--ink, #0b2a4a);display:inline-grid;place-items:center;cursor:pointer;padding:0}.f3-pocket-eye-btn:hover{background:#0b2a4a0f}.f3-pocket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;box-sizing:border-box}@media(min-width:920px){.f3-pocket-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(max-width:340px){.f3-pocket-grid{grid-template-columns:1fr}}.f3-pocket-card{position:relative;min-width:0;width:100%;min-height:166px;padding:16px 14px 14px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;cursor:pointer;overflow:hidden;border:1px solid rgba(11,42,74,.06);box-shadow:0 4px 12px #0b2a4a0d;transition:transform .16s ease,box-shadow .16s ease;text-align:left;box-sizing:border-box}.f3-pocket-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0b2a4a1a}.f3-pocket-card:active{transform:scale(.985)}.f3-pocket-card.theme-ivory{background:#f8f6ef;color:#141923;border-color:#14192314}.f3-pocket-card.theme-obsidian{background:#1c2026;color:#fff;border-color:#ffffff14}.f3-pocket-card.theme-cerulean{background:linear-gradient(145deg,#00b4d8,#0096c7);color:#fff;border-color:#ffffff26}.f3-pocket-card.theme-lavender{background:#dcd6f7;color:#1e1b4b;border-color:#1e1b4b14}.f3-pocket-card.theme-sky{background:#d8eefe;color:#0c2d48;border-color:#0c2d4814}.f3-pocket-card.theme-emerald{background:#d4f5e4;color:#064e3b;border-color:#064e3b14}.f3-pocket-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.f3-pocket-emblem{width:48px;height:48px;border-radius:9999px;display:grid;place-items:center;flex-shrink:0}.f3-pocket-card.theme-ivory .f3-pocket-emblem{background:#fef3c7;color:#b45309;border:1px solid rgba(180,83,9,.18)}.f3-pocket-card.theme-obsidian .f3-pocket-emblem{background:linear-gradient(135deg,#fde68a,#d97706);color:#1c2026;border-radius:12px;width:52px;height:36px}.f3-pocket-card.theme-cerulean .f3-pocket-emblem{background:#fff;color:#0096c7}.f3-pocket-card.theme-lavender .f3-pocket-emblem{background:linear-gradient(135deg,#fef08a,#eab308);color:#1e1b4b;border-radius:12px;width:52px;height:36px}.f3-pocket-card.theme-sky .f3-pocket-emblem{background:#fff;color:#0284c7}.f3-pocket-card.theme-emerald .f3-pocket-emblem{background:#fff;color:#059669}.f3-pocket-card-tag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:9999px;background:#ffffff3d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.f3-pocket-card.theme-ivory .f3-pocket-card-tag,.f3-pocket-card.theme-lavender .f3-pocket-card-tag,.f3-pocket-card.theme-sky .f3-pocket-card-tag,.f3-pocket-card.theme-emerald .f3-pocket-card-tag{background:#0b2a4a14}.f3-pocket-card-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;padding-right:24px}.f3-pocket-card-name{font-size:15px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.f3-pocket-card-balance{font-size:clamp(16px,2.2vw,19px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.25}.f3-pocket-card-meta{font-size:11.5px;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.f3-pocket-card-watermark{position:absolute;right:12px;bottom:12px;opacity:.22;pointer-events:none}.f3-pocket-detail-view{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border-radius:24px;overflow:hidden;border:1px solid var(--line-2, rgba(11, 42, 74, .08));box-shadow:0 8px 28px #0b2a4a0f;background:var(--surface, #ffffff)}.f3-pocket-detail-hero{width:100%;min-width:0;box-sizing:border-box;padding:18px 16px 30px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:background .2s ease}.f3-pocket-detail-hero.theme-ivory{background:linear-gradient(180deg,#f5f2e6,#ede8d5);color:#141923}.f3-pocket-detail-hero.theme-obsidian{background:linear-gradient(180deg,#1c2026,#252b35);color:#fff}.f3-pocket-detail-hero.theme-cerulean{background:linear-gradient(180deg,#d0f0f8,#bce8f4);color:#0b2a4a}.f3-pocket-detail-hero.theme-lavender{background:linear-gradient(180deg,#dcd6f7,#d0c8f4);color:#1e1b4b}.f3-pocket-detail-hero.theme-sky{background:linear-gradient(180deg,#d8eefe,#c7e5fe);color:#0c2d48}.f3-pocket-detail-hero.theme-emerald{background:linear-gradient(180deg,#d4f5e4,#c1eed7);color:#064e3b}.f3-pocket-detail-topbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.f3-pocket-back-btn{min-height:44px;padding:6px 12px 6px 8px;border-radius:9999px;border:none;background:transparent;color:inherit;display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;cursor:pointer}.f3-pocket-back-btn:hover{background:#0000000f}.f3-pocket-detail-hero.theme-obsidian .f3-pocket-back-btn:hover{background:#ffffff1a}.f3-pocket-topbar-right{display:flex;align-items:center;gap:8px}.f3-pocket-pill-cta{min-height:38px;padding:6px 16px;border-radius:9999px;border:none;background:#f59e0b;color:#141923;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #f59e0b47}.f3-pocket-pill-cta:hover{background:#eab308}.f3-pocket-detail-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-top:4px}.f3-pocket-hero-emblem{width:68px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fef08a,#d97706);color:#141923;display:grid;place-items:center;box-shadow:0 6px 16px #0000001f;margin-bottom:4px}.f3-pocket-account-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;background:#ffffff8c;color:inherit;font-size:12px;font-weight:600;border:1px solid rgba(0,0,0,.06);cursor:pointer}.f3-pocket-detail-hero.theme-obsidian .f3-pocket-account-pill{background:#ffffff24;border-color:#ffffff1f}.f3-pocket-detail-name{font-size:20px;font-weight:800;margin:2px 0 0;letter-spacing:-.02em}.f3-pocket-detail-balance{font-size:clamp(28px,4.5vw,36px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.1;margin:0}.f3-pocket-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:380px;margin:4px auto;width:100%;box-sizing:border-box}.f3-pocket-quick-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;color:inherit;cursor:pointer;padding:4px;min-width:0}.f3-pocket-quick-circle{width:52px;height:52px;border-radius:9999px;background:#f59e0b;color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px #f59e0b4d;transition:transform .14s ease,background-color .14s ease}.f3-pocket-quick-item:hover .f3-pocket-quick-circle{transform:translateY(-2px);background:#d97706}.f3-pocket-quick-label{font-size:12.5px;font-weight:700;line-height:1.25;text-align:center}.f3-pocket-hero-cards{width:100%;max-width:680px;display:flex;flex-direction:column;gap:10px;margin-top:4px}.f3-pocket-hero-card{width:100%;padding:14px 18px;border-radius:16px;background:#fff;color:#141923;border:1px solid rgba(11,42,74,.06);box-shadow:0 4px 12px #0b2a4a0d;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;box-sizing:border-box;transition:transform .14s ease}.f3-pocket-hero-card:hover{transform:translateY(-1px)}.f3-pocket-hero-card-left{display:flex;align-items:center;gap:12px;min-width:0}.f3-pocket-hero-card-icon{width:38px;height:38px;border-radius:10px;background:#fef3c7;color:#b45309;display:grid;place-items:center;flex-shrink:0}.f3-pocket-detail-sheet{margin-top:-16px;border-radius:24px 24px 0 0;background:var(--surface, #ffffff);padding:22px 20px 28px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.f3-pocket-sheet-search-row{display:flex;align-items:center;gap:10px}.f3-pocket-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}.f3-pocket-sheet-period{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted, #6e8cae)}.f3-pocket-sheet-updated{font-size:12px;color:var(--muted, #7a8fa6)}.f3-pocket-tx-list{display:flex;flex-direction:column}.f3-pocket-tx-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 8px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .06));cursor:pointer;transition:background-color .12s ease;border-radius:12px}.f3-pocket-tx-item:hover{background-color:var(--surface-2, #f8fafd)}.f3-pocket-tx-item:last-child{border-bottom:none}.f3-pocket-tx-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.f3-pocket-tx-avatar{width:42px;height:42px;border-radius:9999px;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.f3-pocket-tx-avatar.in{background:#e0f7fa;color:#00838f}.f3-pocket-tx-avatar.out{background:#fef3c7;color:#b45309}.f3-pocket-tx-avatar.reversed{background:#fee2e2;color:#b91c1c}.f3-pocket-tx-info{display:flex;flex-direction:column;gap:3px;min-width:0}.f3-pocket-tx-title{font-size:14.5px;font-weight:700;color:var(--ink, #0b2a4a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f3-pocket-tx-sub{font-size:12px;color:var(--muted, #6e8cae);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.f3-pocket-tx-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;text-align:right}.f3-pocket-tx-nominal{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.f3-pocket-tx-nominal.in{color:#059669}.f3-pocket-tx-nominal.out{color:var(--ink, #141923)}.f3-pocket-tx-nominal.reversed{color:var(--muted, #6e8cae);text-decoration:line-through}.f3-pocket-tx-cat{font-size:12px;font-weight:500;color:var(--muted, #6e8cae)}[data-theme=dark] .f3-pockets-main-title,[data-theme=dark] .f3-pocket-asset-left,[data-theme=dark] .f3-pocket-asset-amount,[data-theme=dark] .f3-pocket-eye-btn,[data-theme=dark] .f3-pocket-tx-title,[data-theme=dark] .f3-pocket-tx-nominal.out{color:#f8fafc}[data-theme=dark] .f3-icon-circle-btn,[data-theme=dark] .f3-pocket-add-trigger,[data-theme=dark] .f3-pocket-asset-bar,[data-theme=dark] .f3-pocket-detail-view,[data-theme=dark] .f3-pocket-detail-sheet{background:#18191b;border-color:#ffffff1a;color:#f8fafc}[data-theme=dark] .f3-pocket-search-input{background:#232528;color:#f8fafc}[data-theme=dark] .f3-pocket-chip.active{background:#282b30;color:#fff}[data-theme=dark] .f3-pocket-card.theme-ivory{background:#28261f;color:#f8fafc;border-color:#ffffff1a}[data-theme=dark] .f3-pocket-card.theme-lavender{background:#2e294e;color:#f5f3ff;border-color:#ffffff1a}[data-theme=dark] .f3-pocket-card.theme-sky{background:#1a324a;color:#f0f9ff;border-color:#ffffff1a}[data-theme=dark] .f3-pocket-card.theme-emerald{background:#143628;color:#ecfdf5;border-color:#ffffff1a}[data-theme=dark] .f3-pocket-detail-hero.theme-ivory{background:linear-gradient(180deg,#28261f,#1f1e18);color:#f8fafc}[data-theme=dark] .f3-pocket-detail-hero.theme-lavender{background:linear-gradient(180deg,#312c54,#24203f);color:#f5f3ff}[data-theme=dark] .f3-pocket-detail-hero.theme-cerulean{background:linear-gradient(180deg,#0d3b4c,#092c3a);color:#e0f2fe}[data-theme=dark] .f3-pocket-detail-hero.theme-sky{background:linear-gradient(180deg,#1a324a,#132538);color:#e0f2fe}[data-theme=dark] .f3-pocket-detail-hero.theme-emerald{background:linear-gradient(180deg,#143628,#0f291e);color:#ecfdf5}[data-theme=dark] .f3-pocket-hero-card{background:#232528;color:#f8fafc;border-color:#ffffff1a}[data-theme=dark] .f3-pocket-tx-item:hover{background:#232528}:root{--hh-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--hh-bg: #f8faf9;--hh-surface: #ffffff;--hh-surface-subtle: #f4f6f5;--hh-surface-hover: #f1f4f2;--hh-border: #e2e8e4;--hh-border-subtle: #edf1ee;--hh-text: #16241f;--hh-muted: #697871;--hh-muted-light: #94a39b;--hh-primary: #12382e;--hh-primary-hover: #1b4f41;--hh-primary-light: #e8f2ee;--hh-radius: 10px;--hh-radius-sm: 6px;--hh-radius-lg: 14px;--hh-shadow-sm: 0 1px 3px rgba(18, 38, 28, .04);--hh-shadow-md: 0 8px 24px rgba(18, 38, 28, .08);--hh-st-selesai-bg: #dcfce7;--hh-st-selesai-text: #166534;--hh-st-dikerjakan-bg: #dbeafe;--hh-st-dikerjakan-text: #1e40af;--hh-st-review-bg: #fef3c7;--hh-st-review-text: #92400e;--hh-st-rencana-bg: #f3f4f6;--hh-st-rencana-text: #4b5563;--hh-tag-story-bg: #e8f4ec;--hh-tag-story-text: #175432;--hh-tag-story-border: #c8e6d2;--hh-tag-reels-bg: #eaf1fb;--hh-tag-reels-text: #1e4273;--hh-tag-reels-border: #cfe0f8;--hh-tag-feed-bg: #fdf2e4;--hh-tag-feed-text: #7c4415;--hh-tag-feed-border: #f8dfbf;--hh-tag-event-bg: #f2edf9;--hh-tag-event-text: #532c79;--hh-tag-event-border: #dfd0f4}[data-theme=dark]{--hh-bg: #121614;--hh-surface: #1a211d;--hh-surface-subtle: #212925;--hh-surface-hover: #27312c;--hh-border: #2c3832;--hh-border-subtle: #242e29;--hh-text: #edf2ee;--hh-muted: #8e9e96;--hh-muted-light: #64756c;--hh-primary: #34a880;--hh-primary-hover: #44bf94;--hh-primary-light: #16362b;--hh-shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--hh-shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--hh-st-selesai-bg: #14532d55;--hh-st-selesai-text: #86efac;--hh-st-dikerjakan-bg: #1e3a8a55;--hh-st-dikerjakan-text: #93c5fd;--hh-st-review-bg: #78350f55;--hh-st-review-text: #fcd34d;--hh-st-rencana-bg: #37415155;--hh-st-rencana-text: #d1d5db;--hh-tag-story-bg: #163b28;--hh-tag-story-text: #a3e6be;--hh-tag-story-border: #23593d;--hh-tag-reels-bg: #183354;--hh-tag-reels-text: #b6d4fe;--hh-tag-reels-border: #264b77;--hh-tag-feed-bg: #4a2d14;--hh-tag-feed-text: #fcd0a1;--hh-tag-feed-border: #6d421d;--hh-tag-event-bg: #38214f;--hh-tag-event-text: #debffc;--hh-tag-event-border: #523173}.hh-workspace{max-width:1440px;margin:0 auto;padding:24px 32px 80px;color:var(--hh-text);font-family:var(--hh-font);line-height:1.5;box-sizing:border-box}.hh-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.hh-header-left{flex:1;min-width:280px}.hh-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--hh-muted);margin-bottom:6px}.hh-breadcrumb strong{color:var(--hh-text);font-weight:600}.hh-title-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.hh-title-row h1{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0;color:var(--hh-text)}.hh-period-subtitle{font-size:14px;color:var(--hh-muted);font-weight:500}.hh-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hh-edition-select-wrap{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--hh-muted)}.hh-edition-select-wrap select{font-family:inherit;font-size:13px;padding:6px 12px;border-radius:var(--hh-radius-sm);border:1px solid var(--hh-border);background:var(--hh-surface);color:var(--hh-text);cursor:pointer;outline:none}.hh-btn{font-family:inherit;font-size:13px;font-weight:500;padding:7px 14px;border-radius:var(--hh-radius-sm);border:1px solid var(--hh-border);background:var(--hh-surface);color:var(--hh-text);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.hh-btn:hover{background:var(--hh-surface-hover);border-color:var(--hh-border)}.hh-btn-primary{background:var(--hh-primary);color:#fff;border-color:var(--hh-primary)}.hh-btn-primary:hover{background:var(--hh-primary-hover);border-color:var(--hh-primary-hover)}.hh-simulasi-badge{display:inline-block;font-size:11px;color:var(--hh-muted);background:var(--hh-surface-subtle);border:1px solid var(--hh-border-subtle);padding:4px 10px;border-radius:999px;margin-bottom:20px}.hh-events-section{margin-bottom:28px}.hh-section-title-wrap{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.hh-section-title{font-size:14px;font-weight:600;color:var(--hh-muted);text-transform:uppercase;letter-spacing:.8px;margin:0}.hh-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.hh-event-card{background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius);padding:16px;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--hh-shadow-sm)}.hh-event-card:hover{transform:translateY(-2px);box-shadow:var(--hh-shadow-md);border-color:var(--hh-primary)}.hh-event-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.hh-event-card-date{font-size:11px;font-weight:600;color:var(--hh-muted);background:var(--hh-surface-subtle);padding:3px 8px;border-radius:4px}.hh-event-card h3{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--hh-text);line-height:1.3}.hh-event-card p{font-size:12px;color:var(--hh-muted);margin:0 0 14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hh-event-card-meta{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--hh-border-subtle);padding-top:10px;margin-top:auto}.hh-event-badge{font-size:11px;color:var(--hh-muted);background:var(--hh-surface-subtle);padding:3px 7px;border-radius:4px}.hh-event-full-page{background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-lg);padding:28px 32px 40px;margin-bottom:30px;box-shadow:var(--hh-shadow-sm)}.hh-event-page-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--hh-border-subtle)}.hh-back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--hh-muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.hh-back-link:hover{color:var(--hh-text);background:var(--hh-surface-subtle)}.hh-event-page-header{margin-bottom:28px}.hh-event-page-header h1{font-size:30px;font-weight:700;letter-spacing:-.8px;margin:0 0 12px}.hh-event-properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;background:var(--hh-surface-subtle);border:1px solid var(--hh-border-subtle);border-radius:var(--hh-radius);padding:14px 18px;margin-bottom:20px;font-size:13px}.hh-prop-item span:first-child{display:block;font-size:11px;color:var(--hh-muted);text-transform:uppercase;font-weight:600;margin-bottom:2px}.hh-prop-item strong{font-weight:600;color:var(--hh-text)}.hh-workspace-surface{background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-lg);overflow:hidden;box-shadow:var(--hh-shadow-sm)}.hh-views-tabbar{display:flex;align-items:center;gap:4px;padding:12px 20px 0;border-bottom:1px solid var(--hh-border);background:var(--hh-surface);overflow-x:auto;scrollbar-width:none}.hh-views-tabbar::-webkit-scrollbar{display:none}.hh-view-tab{font-family:inherit;font-size:13px;font-weight:500;color:var(--hh-muted);background:none;border:none;padding:10px 16px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease}.hh-view-tab:hover{color:var(--hh-text)}.hh-view-tab[aria-pressed=true]{color:var(--hh-primary);font-weight:600;border-bottom-color:var(--hh-primary)}.hh-toolbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--hh-border-subtle);background:var(--hh-surface)}.hh-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.hh-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hh-chip-group{display:flex;align-items:center;gap:6px}.hh-chip{font-family:inherit;font-size:12px;font-weight:500;padding:5px 11px;border-radius:999px;border:1px solid var(--hh-border);background:var(--hh-surface);color:var(--hh-muted);cursor:pointer;transition:all .15s ease}.hh-chip:hover{background:var(--hh-surface-hover);color:var(--hh-text)}.hh-chip.active{background:var(--hh-primary-light);color:var(--hh-primary);border-color:var(--hh-primary-light);font-weight:600}.hh-search-label{display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--hh-muted);position:relative}.hh-search-input{font-family:inherit;font-size:13px;padding:6px 12px;border-radius:var(--hh-radius-sm);border:1px solid var(--hh-border);background:var(--hh-surface);color:var(--hh-text);outline:none;min-width:190px}.hh-search-input:focus{border-color:var(--hh-primary)}.hh-control-select{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--hh-muted)}.hh-control-select select{font-family:inherit;font-size:12px;padding:5px 10px;border-radius:var(--hh-radius-sm);border:1px solid var(--hh-border);background:var(--hh-surface);color:var(--hh-text);cursor:pointer;outline:none}.hh-secondary-bar{padding:10px 20px;background:var(--hh-surface-subtle);border-bottom:1px solid var(--hh-border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--hh-muted);flex-wrap:wrap;gap:12px}.hh-secondary-bar-left,.hh-secondary-bar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hh-groups-container{padding:20px}.hh-db-group{margin-bottom:28px;border:1px solid var(--hh-border);border-radius:var(--hh-radius);overflow:hidden;background:var(--hh-surface)}.hh-db-group-header{padding:12px 18px;background:var(--hh-surface-subtle);border-bottom:1px solid var(--hh-border);display:flex;align-items:center;justify-content:space-between}.hh-db-group-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--hh-text)}.hh-count-badge{font-size:11px;color:var(--hh-muted);background:var(--hh-border-subtle);padding:2px 7px;border-radius:999px;font-weight:600}.hh-table-wrap{width:100%;overflow-x:auto}.hh-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.hh-table th{padding:9px 16px;background:var(--hh-surface);color:var(--hh-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--hh-border);white-space:nowrap}.hh-table td{padding:11px 16px;border-bottom:1px solid var(--hh-border-subtle);color:var(--hh-text);vertical-align:middle}.hh-table tr:last-child td{border-bottom:none}.hh-table tr.hh-row{cursor:pointer;transition:background .1s ease}.hh-table tr.hh-row:hover{background:var(--hh-surface-hover)}.hh-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.hh-status.hh-selesai{background:var(--hh-st-selesai-bg);color:var(--hh-st-selesai-text)}.hh-status.hh-dikerjakan{background:var(--hh-st-dikerjakan-bg);color:var(--hh-st-dikerjakan-text)}.hh-status.hh-review{background:var(--hh-st-review-bg);color:var(--hh-st-review-text)}.hh-status.hh-rencana{background:var(--hh-st-rencana-bg);color:var(--hh-st-rencana-text)}.hh-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.hh-task-title{font-weight:600;color:var(--hh-text);display:flex;align-items:center;gap:6px}.hh-pin-indicator{font-size:11px;color:#d97706}.hh-person-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--hh-text)}.hh-avatar-circle{width:22px;height:22px;border-radius:50%;background:var(--hh-primary-light);color:var(--hh-primary);font-size:10px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.hh-add-row-btn{display:flex;align-items:center;gap:6px;width:100%;padding:10px 16px;background:var(--hh-surface);border:none;border-top:1px solid var(--hh-border-subtle);font-family:inherit;font-size:12px;font-weight:500;color:var(--hh-muted);cursor:pointer;text-align:left;transition:all .1s ease}.hh-add-row-btn:hover{background:var(--hh-surface-subtle);color:var(--hh-text)}.hh-session-time{font-family:monospace;font-size:12px;color:var(--hh-muted);white-space:nowrap}.hh-session-pos{font-weight:600;color:var(--hh-primary)}.hh-cal-wrapper{padding:20px}.hh-cal-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.hh-cal-nav{display:flex;align-items:center;gap:10px}.hh-cal-nav h3{font-size:18px;font-weight:700;margin:0;color:var(--hh-text);min-width:170px}.hh-cal-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--hh-muted)}.hh-cal-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.hh-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--hh-border);border-radius:var(--hh-radius);overflow:hidden;background:var(--hh-border);gap:1px}.hh-cal-dayhead{background:var(--hh-surface-subtle);padding:8px 6px;text-align:center;font-size:11px;font-weight:600;color:var(--hh-muted);text-transform:uppercase}.hh-day{background:var(--hh-surface);min-height:120px;padding:8px 6px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.hh-day.hh-day-outside{background:var(--hh-surface-subtle);opacity:.55}.hh-day-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.hh-day-num{font-size:12px;font-weight:600;color:var(--hh-muted);width:24px;height:24px;display:grid;place-items:center;border-radius:50%}.hh-day-num.active-today{background:#dc2626;color:#fff;font-weight:700}.hh-cal-item{width:100%;text-align:left;border:1px solid transparent;border-radius:5px;padding:4px 6px;font-size:11px;cursor:pointer;transition:all .1s ease;line-height:1.3;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-cal-item:hover{filter:brightness(.96)}.hh-tag-story{background:var(--hh-tag-story-bg)!important;color:var(--hh-tag-story-text)!important;border-color:var(--hh-tag-story-border)!important}.hh-tag-reels{background:var(--hh-tag-reels-bg)!important;color:var(--hh-tag-reels-text)!important;border-color:var(--hh-tag-reels-border)!important}.hh-tag-feed{background:var(--hh-tag-feed-bg)!important;color:var(--hh-tag-feed-text)!important;border-color:var(--hh-tag-feed-border)!important}.hh-tag-event{background:var(--hh-tag-event-bg)!important;color:var(--hh-tag-event-text)!important;border-color:var(--hh-tag-event-border)!important}.hh-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e191473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000}.hh-dialog{background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-lg);box-shadow:var(--hh-shadow-md);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;color:var(--hh-text)}.hh-dialog form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.hh-dialog header{flex-shrink:0;padding:18px 24px;border-bottom:1px solid var(--hh-border);display:flex;justify-content:space-between;align-items:center}.hh-dialog header h2{font-size:18px;font-weight:700;margin:0}.hh-dialog-body{flex:1 1 auto;min-height:0;max-height:calc(90vh - 140px);padding:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:16px}.hh-dialog footer{flex-shrink:0;position:sticky;bottom:0;z-index:10;padding:16px 24px;border-top:1px solid var(--hh-border);display:flex;justify-content:space-between;align-items:center;background:var(--hh-surface-subtle)}.hh-field{display:flex;flex-direction:column;gap:6px}.hh-field label{font-size:12px;font-weight:600;color:var(--hh-muted)}.hh-field input,.hh-field select,.hh-field textarea{font-family:inherit;font-size:16px;padding:8px 12px;border-radius:var(--hh-radius-sm);border:1px solid var(--hh-border);background:var(--hh-surface);color:var(--hh-text);outline:none}.hh-field input:focus,.hh-field select:focus,.hh-field textarea:focus{border-color:var(--hh-primary)}.hh-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hh-preview-section{border-bottom:1px solid var(--hh-border-subtle);padding-bottom:16px;margin-bottom:16px}.hh-preview-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.hh-preview-section h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--hh-muted);margin:0 0 8px}.hh-preview-pill-grid{display:flex;flex-wrap:wrap;gap:8px}.hh-preview-item{border:1px solid var(--hh-border);border-radius:var(--hh-radius-sm);padding:8px 12px;font-size:12px;background:var(--hh-surface-subtle)}@media(max-width:768px){.hh-workspace{padding:16px 14px 60px}.hh-header{flex-direction:column;align-items:stretch;gap:14px}.hh-header-actions{justify-content:flex-start}.hh-events-grid{grid-template-columns:1fr}.hh-toolbar,.hh-toolbar-left,.hh-toolbar-right{flex-direction:column;align-items:stretch}.hh-search-input{width:100%}.hh-cal-grid{gap:1px}.hh-day{min-height:80px;padding:4px 2px}.hh-cal-item{font-size:9px;padding:2px 3px}.hh-table th,.hh-table td{padding:8px 10px;font-size:12px}.hh-field-row{grid-template-columns:1fr}.hh-event-full-page{padding:18px 16px}}.hh-summary-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:24px}.hh-summary-card{background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius);padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--hh-shadow-sm);transition:all .15s ease}.hh-summary-card:hover{border-color:var(--hh-primary);box-shadow:var(--hh-shadow-md)}.hh-summary-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.hh-summary-meta{flex:1;min-width:0}.hh-summary-val{font-size:17px;font-weight:700;color:var(--hh-text);line-height:1.2}.hh-summary-lbl{font-size:12px;color:var(--hh-muted);margin-top:2px}.hh-summary-prog-track{width:100%;height:6px;background:var(--hh-surface-subtle);border-radius:999px;margin-top:6px;overflow:hidden}.hh-summary-prog-fill{height:100%;border-radius:999px;transition:width .3s ease}.hh-event-card.theme-emerald{border-left:5px solid #10b981}.hh-event-card.theme-emerald:hover{border-color:#10b981;box-shadow:0 10px 25px #10b98124}.hh-event-card.theme-emerald .hh-event-card-date{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.hh-event-card.theme-emerald .hh-event-open-btn{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.hh-event-card.theme-emerald .hh-event-open-btn:hover{background:#10b981;color:#fff}.hh-event-card.theme-amber{border-left:5px solid #f59e0b}.hh-event-card.theme-amber:hover{border-color:#f59e0b;box-shadow:0 10px 25px #f59e0b24}.hh-event-card.theme-amber .hh-event-card-date{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.hh-event-card.theme-amber .hh-event-open-btn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.hh-event-card.theme-amber .hh-event-open-btn:hover{background:#f59e0b;color:#fff}.hh-event-card.theme-indigo{border-left:5px solid #6366f1}.hh-event-card.theme-indigo:hover{border-color:#6366f1;box-shadow:0 10px 25px #6366f124}.hh-event-card.theme-indigo .hh-event-card-date{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe}.hh-event-card.theme-indigo .hh-event-open-btn{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}.hh-event-card.theme-indigo .hh-event-open-btn:hover{background:#6366f1;color:#fff}.hh-event-card.theme-teal{border-left:5px solid #06b6d4}.hh-event-card.theme-teal:hover{border-color:#06b6d4;box-shadow:0 10px 25px #06b6d424}.hh-event-card.theme-teal .hh-event-card-date{color:#155e75;background:#ecfeff;border:1px solid #a5f3fc}.hh-event-card.theme-teal .hh-event-open-btn{background:#ecfeff;color:#155e75;border:1px solid #a5f3fc}.hh-event-card.theme-teal .hh-event-open-btn:hover{background:#06b6d4;color:#fff}.hh-event-card.theme-rose{border-left:5px solid #f43f5e}.hh-event-card.theme-rose:hover{border-color:#f43f5e;box-shadow:0 10px 25px #f43f5e24}.hh-event-card.theme-rose .hh-event-card-date{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.hh-event-card.theme-rose .hh-event-open-btn{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.hh-event-card.theme-rose .hh-event-open-btn:hover{background:#f43f5e;color:#fff}.hh-card-prog-wrap{margin:10px 0 14px}.hh-card-prog-lbl{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:var(--hh-muted);margin-bottom:4px}.hh-card-prog-track{height:5px;background:var(--hh-surface-subtle);border-radius:999px;overflow:hidden}.hh-card-prog-fill{height:100%;border-radius:999px;background:var(--hh-primary);transition:width .3s ease}.hh-event-open-btn{font-family:inherit;font-size:11px;font-weight:600;padding:5px 10px;border-radius:var(--hh-radius-sm);margin-left:auto;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.hh-status-picker-wrap{position:relative;display:inline-block}.hh-status-btn{font-family:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;line-height:1.2}.hh-status-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.hh-status-btn.hh-selesai{background:var(--hh-st-selesai-bg);color:var(--hh-st-selesai-text)}.hh-status-btn.hh-dikerjakan{background:var(--hh-st-dikerjakan-bg);color:var(--hh-st-dikerjakan-text)}.hh-status-btn.hh-review{background:var(--hh-st-review-bg);color:var(--hh-st-review-text)}.hh-status-btn.hh-rencana{background:var(--hh-st-rencana-bg);color:var(--hh-st-rencana-text)}.hh-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.hh-status-popover{position:absolute;top:calc(100% + 4px);left:0;background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius);box-shadow:0 10px 25px #00000026;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:100;min-width:150px;animation:hhFadeIn .12s ease-out}.hh-status-opt{font-family:inherit;font-size:12px;font-weight:500;padding:6px 10px;border-radius:var(--hh-radius-sm);border:none;background:transparent;color:var(--hh-text);cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;transition:background .12s ease}.hh-status-opt:hover{background:var(--hh-surface-subtle)}.hh-status-opt.active{font-weight:700;background:var(--hh-surface-hover)}.hh-file-cell{display:flex;align-items:center;gap:6px}.hh-file-pill{font-size:11px;font-weight:600;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;padding:3px 8px;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-file-pill:hover{background:#dbeafe;color:#1e40af}.hh-file-text{font-size:12px;color:var(--hh-muted);max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:5px}.hh-file-btn-add{font-size:11px;color:var(--hh-muted);background:none;border:1px dashed var(--hh-border);padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.hh-file-btn-add:hover{border-color:var(--hh-primary);color:var(--hh-primary);background:var(--hh-surface-subtle)}.hh-file-edit-btn{font-size:10px;color:var(--hh-muted);background:none;border:none;padding:2px 4px;cursor:pointer;border-radius:4px;opacity:.6;transition:all .15s ease}.hh-file-edit-btn:hover{opacity:1;background:var(--hh-surface-subtle);color:var(--hh-text)}.hh-side-peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e191459;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;justify-content:flex-end;animation:hhFadeIn .15s ease-out}.hh-side-peek{background:var(--hh-surface);border-left:1px solid var(--hh-border);box-shadow:-8px 0 32px #0000001f;width:580px;max-width:92vw;height:100vh;display:flex;flex-direction:column;color:var(--hh-text);animation:hhSlideInRight .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes hhSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.hh-peek-header{padding:16px 20px;border-bottom:1px solid var(--hh-border);display:flex;align-items:center;justify-content:space-between;background:var(--hh-surface);gap:12px}.hh-peek-header-left{display:flex;align-items:center;gap:8px}.hh-peek-kind-tag{font-size:11px;font-weight:600;color:var(--hh-muted);text-transform:uppercase;background:var(--hh-surface-subtle);padding:3px 8px;border-radius:4px}.hh-peek-header-actions{display:flex;align-items:center;gap:8px}.hh-peek-close-btn{background:none;border:none;font-size:16px;color:var(--hh-muted);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.hh-peek-close-btn:hover{background:var(--hh-surface-subtle);color:var(--hh-text)}.hh-peek-body{padding:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:20px}.hh-peek-title-input{font-size:20px;font-weight:700;color:var(--hh-text);border:1px solid transparent;background:transparent;width:100%;padding:6px 8px;border-radius:var(--hh-radius-sm);outline:none;font-family:inherit;transition:all .15s ease}.hh-peek-title-input:hover{background:var(--hh-surface-subtle)}.hh-peek-title-input:focus{background:var(--hh-surface);border-color:var(--hh-primary);box-shadow:0 0 0 2px var(--hh-primary-light)}.hh-peek-title-static{font-size:20px;font-weight:700;margin:0;color:var(--hh-text)}.hh-peek-props-table{display:flex;flex-direction:column;gap:10px;background:var(--hh-surface-subtle);border:1px solid var(--hh-border-subtle);border-radius:var(--hh-radius);padding:14px 16px}.hh-peek-prop-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px;font-size:13px}.hh-peek-prop-label{display:flex;align-items:center;gap:8px;color:var(--hh-muted);font-size:12px;font-weight:500}.hh-peek-prop-val{min-width:0}.hh-peek-select,.hh-peek-input{width:100%;padding:6px 10px;font-size:13px;font-family:inherit;border:1px solid var(--hh-border);border-radius:var(--hh-radius-sm);background:var(--hh-surface);color:var(--hh-text);outline:none}.hh-peek-select:focus,.hh-peek-input:focus{border-color:var(--hh-primary)}.hh-peek-static-val{font-size:13px;font-weight:500;color:var(--hh-text)}.hh-peek-hint{display:block;font-size:11px;color:var(--hh-muted);margin-top:4px}.hh-peek-section{display:flex;flex-direction:column;gap:6px}.hh-peek-section-lbl{font-size:12px;font-weight:600;color:var(--hh-muted)}.hh-peek-textarea{width:100%;padding:8px 12px;font-size:13px;font-family:inherit;border:1px solid var(--hh-border);border-radius:var(--hh-radius-sm);background:var(--hh-surface);color:var(--hh-text);outline:none;resize:vertical}.hh-peek-textarea:focus{border-color:var(--hh-primary)}.hh-peek-footer{padding:16px 20px;border-top:1px solid var(--hh-border);background:var(--hh-surface-subtle);display:flex;justify-content:space-between;align-items:center;gap:12px}.hh-save-feedback{font-size:12px;font-weight:600;color:#16a34a}.hh-btn-danger{color:#dc2626;border-color:#fecaca;background:#fef2f2}.hh-btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.hh-btn-sm{font-size:11px;padding:4px 8px}@media(max-width:640px){.hh-side-peek{top:auto;bottom:0;left:0;right:0;width:100%;max-height:85vh;border-radius:16px 16px 0 0;border-left:none;border-top:1px solid var(--hh-border);animation:hhSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes hhSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hh-peek-prop-row{grid-template-columns:1fr;gap:4px}}.hh-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}@media(max-width:900px){.hh-home-grid{grid-template-columns:1fr}}.hh-home-col{background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-lg);padding:20px;box-shadow:var(--hh-shadow-sm);display:flex;flex-direction:column}.hh-home-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hh-border-subtle)}.hh-home-col-title{font-size:15px;font-weight:700;color:var(--hh-text);display:flex;align-items:center;gap:8px}.hh-urgent-list{display:flex;flex-direction:column;gap:8px}.hh-urgent-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--hh-radius);background:var(--hh-surface-subtle);border:1px solid var(--hh-border-subtle);transition:all .15s ease}.hh-urgent-item:hover{background:var(--hh-surface-hover);border-color:var(--hh-border)}.hh-urgent-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.hh-urgent-title{font-size:13px;font-weight:600;color:var(--hh-text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-urgent-title:hover{color:var(--hh-primary);text-decoration:underline}.hh-urgent-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hh-muted);flex-shrink:0}.hh-upcoming-list{display:flex;flex-direction:column;gap:10px}.hh-upcoming-card{padding:12px 14px;border-radius:var(--hh-radius);background:var(--hh-surface-subtle);border:1px solid var(--hh-border-subtle);display:flex;flex-direction:column;gap:6px}.hh-upcoming-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hh-upcoming-time{font-size:12px;font-weight:600;color:var(--hh-primary)}.hh-upcoming-title{font-size:13px;font-weight:700;color:var(--hh-text)}.hh-upcoming-loc{font-size:11px;color:var(--hh-muted)}.hh-rundown-roster{display:flex;flex-wrap:wrap;gap:6px}.hh-roster-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--hh-surface-subtle);border:1px solid var(--hh-border);font-size:12px}.hh-roster-pos{font-weight:600;color:var(--hh-muted);font-size:11px}.hh-roster-name{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--hh-text)}.hh-avatar-circle.mini{width:18px;height:18px;font-size:9px}.hh-inline-add-row{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--hh-surface-subtle);border-top:1px dashed var(--hh-border);flex-wrap:wrap}.hh-inline-input{font-family:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--hh-border);border-radius:6px;background:var(--hh-surface);color:var(--hh-text)}.hh-inline-btn-save{padding:6px 14px;font-size:12px;font-weight:600;color:#fff;background:var(--hh-primary);border:none;border-radius:6px;cursor:pointer}.hh-inline-btn-cancel{padding:6px 10px;font-size:12px;color:var(--hh-muted);background:none;border:none;cursor:pointer}@media(max-width:640px){.hh-field input,.hh-field select,.hh-field textarea,.hh-peek-input,.hh-peek-select,.hh-peek-textarea,.hh-inline-input,.hh-crew-search-input{font-size:16px!important}}.hh-form-section{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--hh-border-subtle)}.hh-form-section:first-child{padding-top:0;border-top:none}.hh-form-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--hh-muted);margin:0}.hh-collapsible-section{border:1px solid var(--hh-border);border-radius:var(--hh-radius-sm);background:var(--hh-surface-subtle);overflow:hidden}.hh-collapsible-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--hh-muted);text-align:left}.hh-collapsible-toggle:hover{color:var(--hh-text);background:var(--hh-surface-hover)}.hh-collapsible-content{padding:14px;border-top:1px solid var(--hh-border-subtle);display:flex;flex-direction:column;gap:12px;background:var(--hh-surface)}.hh-crew-multiselect{position:relative;display:flex;flex-direction:column;gap:6px;width:100%}.hh-crew-chips-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px 10px;border:1px solid var(--hh-border);border-radius:var(--hh-radius-sm);background:var(--hh-surface);cursor:pointer;transition:border-color .15s ease}.hh-crew-chips-box:focus-within,.hh-crew-chips-box.is-open{border-color:var(--hh-primary);box-shadow:0 0 0 1px var(--hh-primary)}.hh-crew-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:var(--hh-surface-subtle);border:1px solid var(--hh-border);font-size:12px;font-weight:500;color:var(--hh-text)}.hh-crew-chip-remove{background:none;border:none;padding:0;margin:0;color:var(--hh-muted);font-size:11px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hh-crew-chip-remove:hover{color:#dc2626}.hh-crew-placeholder{font-size:12px;color:var(--hh-muted);-webkit-user-select:none;user-select:none}.hh-crew-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-sm);box-shadow:var(--hh-shadow-md);z-index:1050;display:flex;flex-direction:column;overflow:hidden}.hh-crew-search-input{padding:8px 12px;border:none;border-bottom:1px solid var(--hh-border);background:var(--hh-surface-subtle);color:var(--hh-text);font-size:13px;outline:none;font-family:inherit}.hh-crew-options-list{overflow-y:auto;max-height:180px;padding:4px 0;margin:0;list-style:none}.hh-crew-option-item{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:13px;cursor:pointer;transition:background .1s ease;-webkit-user-select:none;user-select:none}.hh-crew-option-item:hover{background:var(--hh-surface-hover)}.hh-crew-option-item input[type=checkbox]{width:15px;height:15px;cursor:pointer}.hh-crew-inactive-tag{font-size:10px;padding:1px 5px;border-radius:4px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;font-weight:600}.hh-rundown-roster-stack{display:flex;flex-direction:column;gap:8px}.hh-roster-group{display:flex;flex-direction:column;gap:4px;background:var(--hh-surface-subtle);border:1px solid var(--hh-border-subtle);border-radius:6px;padding:6px 8px}.hh-roster-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hh-roster-pos-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--hh-text);display:inline-flex;align-items:center;gap:4px}.hh-roster-notes-tag{font-size:11px;color:var(--hh-muted);font-style:italic;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-roster-crew-pills{display:flex;flex-wrap:wrap;gap:4px}.hh-roster-crew-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;background:var(--hh-surface);border:1px solid var(--hh-border);font-size:11px;font-weight:500;color:var(--hh-text)}.haul-page{padding:16px 20px 48px;max-width:var(--maxw, 1160px);margin:0 auto;box-sizing:border-box;width:100%}.haul-coming-wrap{max-width:640px;margin:36px auto;text-align:center;padding:0 16px;box-sizing:border-box;width:100%}.haul-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12px;font-weight:700;background:#0e4f4014;color:var(--ptv-green, #0e4f40);margin-bottom:24px;border:1px solid rgba(14,79,64,.15);box-shadow:0 1px 3px #0e4f400f}[data-theme=dark] .haul-badge{background:#34d3991f;color:#34d399;border-color:#34d39940}.haul-badge i{font-size:11px}.haul-title{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 8px;line-height:1.2}.haul-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12px;font-weight:600}.haul-status-pill.coming-soon{background:var(--b-050, #edf4ff);color:var(--b-700, #0b5fbf);border:1px solid rgba(11,95,191,.2)}.haul-status-pill.ongoing{background:var(--ok-bg, #e1f5ee);color:var(--ok, #0f7a5a);border:1px solid var(--ok-border, rgba(15, 122, 90, .25))}.haul-status-pill.past{background:var(--neutral-bg, #e9f0f9);color:var(--neutral-fg, #5a7793);border:1px solid rgba(90,119,147,.2)}.haul-countdown{display:flex;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap;box-sizing:border-box;width:100%}.haul-cd-box{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);padding:18px 22px;min-width:84px;box-shadow:var(--shadow-s);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.haul-cd-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}.haul-cd-box .cd-num{display:block;font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--ptv-green, #0e4f40);line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}[data-theme=dark] .haul-cd-box .cd-num{color:#34d399}.haul-cd-box .cd-lbl{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);margin-top:8px}.haul-info-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);padding:16px;text-align:left;margin-top:20px;box-shadow:var(--shadow-s)}.haul-info-card p{margin:0 0 12px;font-size:13.5px;color:var(--ink);line-height:1.6;display:flex;align-items:flex-start;gap:10px}.haul-info-card p i{margin-top:3px;font-size:14px;flex-shrink:0}.haul-info-card .hint{color:var(--muted);font-size:12.5px;font-style:italic;border-top:1px dashed var(--line);padding-top:12px;margin-top:12px}.haul-event-banner{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);padding:22px 24px;margin-bottom:28px;text-align:center;box-shadow:var(--shadow-s)}.haul-event-banner.ongoing{border-color:var(--ok-border, rgba(15, 122, 90, .3));background:linear-gradient(180deg,var(--surface, #ffffff) 0%,rgba(15,122,90,.04) 100%)}.haul-event-banner.past{border-color:var(--line, rgba(11, 42, 74, .15));background:linear-gradient(180deg,var(--surface, #ffffff) 0%,var(--neutral-bg, #edf4ff) 100%)}.haul-event-banner-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:8px}.haul-event-banner-desc{font-size:13.5px;color:var(--muted);line-height:1.5;margin:0}.haul-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}.haul-meta-item{background:var(--bg, #f8fafd);border:1px solid var(--line-2, rgba(11, 42, 74, .055));border-radius:var(--ptv-curve-md, 12px);padding:12px 14px;text-align:left}[data-theme=dark] .haul-meta-item{background:var(--surface-2, #122238)}.haul-meta-lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}.haul-meta-val{font-size:13px;font-weight:700;color:var(--ink)}@media(max-width:520px){.haul-page{padding:12px 8px 36px;overflow-x:hidden}.haul-coming-wrap{margin:20px auto;padding:0 4px;overflow-x:hidden}.haul-title{font-size:20px;letter-spacing:-.02em;line-height:1.25;word-break:break-word}.haul-subtitle{font-size:13px;margin-bottom:20px}.haul-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;margin-bottom:24px;box-sizing:border-box}.haul-cd-box{min-width:0!important;padding:10px 0;border-radius:var(--ptv-curve-md, 12px);overflow:hidden}.haul-cd-box .cd-num{font-size:19px}.haul-cd-box .cd-lbl{font-size:9px;letter-spacing:.02em}.haul-info-card{padding:18px 16px;border-radius:var(--ptv-curve-lg, 16px)}.haul-meta-grid{grid-template-columns:1fr}}.seo-page{padding:16px 20px 48px;max-width:var(--maxw, 1160px);margin:0 auto}.seo-header{margin-bottom:24px}.seo-title{font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--ink);margin:0 0 6px}.seo-subtitle{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.seo-notice-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-lg, 16px);margin-bottom:24px;box-shadow:var(--shadow-s)}.seo-notice-icon{width:36px;height:36px;border-radius:var(--ptv-curve-circle, 50%);background:var(--b-050, #edf4ff);color:var(--b-700, #0b5fbf);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}[data-theme=dark] .seo-notice-icon{background:#3b8ef726;color:var(--b-400, #6fb0ff)}.seo-notice-text{font-size:12.5px;color:var(--ink-2, #38587a);line-height:1.5;margin:0}[data-theme=dark] .seo-notice-text{color:var(--ink, #e6f0fc)}.seo-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:28px}.seo-kpi-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);padding:20px;box-shadow:var(--shadow-s);display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease,box-shadow .15s ease}.seo-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}.seo-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.seo-kpi-label{font-size:13px;font-weight:600;color:var(--muted)}.seo-kpi-icon{width:34px;height:34px;border-radius:var(--ptv-curve-md, 12px);background:var(--b-050, #edf4ff);color:var(--b-700, #0b5fbf);display:flex;align-items:center;justify-content:center;font-size:13px}[data-theme=dark] .seo-kpi-icon{background:#3b8ef726;color:var(--b-400, #6fb0ff)}.seo-kpi-value{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.1;margin-bottom:8px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.seo-kpi-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ok, #0f7a5a)}.seo-kpi-badge.neutral{color:var(--muted)}[data-theme=dark] .seo-kpi-badge{color:#34d399}[data-theme=dark] .seo-kpi-badge.neutral{color:var(--muted)}.seo-section{margin-bottom:28px}.seo-section-header{margin-bottom:14px}.seo-section-title{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.015em;margin:0 0 4px}.seo-section-desc{font-size:12.5px;color:var(--muted);margin:0}.seo-chart-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);padding:24px;box-shadow:var(--shadow-s)}.seo-bars-wrap{display:flex;align-items:flex-end;gap:12px;height:160px;padding-top:24px}.seo-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end;position:relative}.seo-bar-pill{width:100%;max-width:44px;background:linear-gradient(180deg,var(--b-500, #3b8ef7) 0%,var(--b-700, #0b5fbf) 100%);border-radius:var(--ptv-curve-sm, 9px) var(--ptv-curve-sm, 9px) 4px 4px;transition:height .4s cubic-bezier(.16,1,.3,1),opacity .15s ease;position:relative}.seo-bar-col:hover .seo-bar-pill{opacity:.88}.seo-bar-val-pop{font-size:11px;font-weight:700;color:var(--b-700, #0b5fbf);margin-bottom:2px;font-variant-numeric:tabular-nums;opacity:.9}[data-theme=dark] .seo-bar-val-pop{color:var(--b-400, #6fb0ff)}.seo-bar-label{font-size:12px;font-weight:600;color:var(--muted);text-align:center}.seo-bar-col.peak .seo-bar-label{color:var(--ink);font-weight:700}.seo-keywords-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .1));border-radius:var(--ptv-curve-xl, 22px);overflow:hidden;box-shadow:var(--shadow-s)}.seo-kw-list{display:flex;flex-direction:column}.seo-kw-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .055));transition:background-color .15s ease}.seo-kw-item:last-child{border-bottom:none}.seo-kw-item:hover{background-color:var(--b-050, #edf4ff)}[data-theme=dark] .seo-kw-item:hover{background-color:var(--surface-2, #122238)}.seo-kw-rank{width:32px;height:32px;border-radius:var(--ptv-curve-md, 12px);background:var(--bg, #f8fafd);border:1px solid var(--line, rgba(11, 42, 74, .1));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--b-700, #0b5fbf);flex-shrink:0}[data-theme=dark] .seo-kw-rank{background:var(--surface-2, #122238);color:var(--b-400, #6fb0ff)}.seo-kw-rank.top{background:var(--b-600, #1273e6);color:#fff;border-color:var(--b-600, #1273e6)}.seo-kw-body{flex:1;min-width:0}.seo-kw-title{font-size:14px;font-weight:700;color:var(--ink);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-kw-sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.seo-kw-stats{display:flex;align-items:center;gap:12px}.seo-kw-clicks{text-align:right}.seo-kw-clicks-val{font-size:15px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.seo-kw-clicks-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}@media(max-width:580px){.seo-page{padding:12px 14px 36px}.seo-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.seo-kpi-card{padding:14px 12px;border-radius:var(--ptv-curve-lg, 16px)}.seo-kpi-value{font-size:22px}.seo-chart-card{padding:16px 12px;border-radius:var(--ptv-curve-lg, 16px)}.seo-bars-wrap{gap:6px;height:130px}.seo-kw-item{padding:12px 14px;gap:12px}}@media(max-width:360px){.seo-kpi-grid{grid-template-columns:1fr}}.set-page-container{max-width:1040px;margin:0 auto;padding:24px 20px 56px;display:flex;flex-direction:column;gap:24px}.set-header{display:flex;flex-direction:column;gap:6px}.set-institution-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full, 999px);background:#1e58961a;border:1px solid rgba(30,88,150,.25);color:var(--ptv-navy-light, #3b82f6);font-size:11.5px;font-weight:600;letter-spacing:.02em;width:fit-content}[data-theme=dark] .set-institution-badge{background:#3b82f626;border-color:#3b82f659;color:#93c5fd}.set-title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink, #0f172a);margin:0;line-height:1.25}.set-subtitle{font-size:13.5px;color:var(--muted, #64748b);margin:0;line-height:1.5}.set-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:flex-start}.set-col-main,.set-col-side{display:flex;flex-direction:column;gap:24px}.set-sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.set-sec-title{font-size:14.5px;font-weight:700;color:var(--ink, #0f172a);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.set-sec-title i{color:var(--ptv-navy-light, #3b82f6);font-size:13px}.set-card{background:var(--surface, #ffffff);border:1px solid var(--line, #e2e8f0);border-radius:var(--r-lg, 16px);padding:18px 20px;box-shadow:0 1px 3px #0000000a}.set-profile-card{display:flex;align-items:center;gap:16px}.set-avatar{width:54px;height:54px;border-radius:var(--r-full, 999px);background:linear-gradient(135deg,var(--ptv-navy, #0B2A4A),#1e5896);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #0b2a4a33}.set-profile-info{flex:1;min-width:0}.set-profile-name{font-size:17px;font-weight:750;color:var(--ink, #0f172a);margin:0 0 3px;word-break:break-word;line-height:1.3}.set-profile-sub{font-size:12.5px;color:var(--muted, #64748b);margin:0}.set-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.set-field{display:flex;flex-direction:column;gap:6px}.set-lbl{font-size:12px;font-weight:600;color:var(--muted, #64748b)}.set-input{width:100%;padding:10px 14px;border-radius:var(--r-md, 10px);border:1px solid var(--line, #e2e8f0);background:var(--bg-2, #f8fafc);color:var(--ink, #0f172a);font-size:13.5px;font-family:inherit;transition:all .18s ease;outline:none}.set-input:disabled{opacity:.8;cursor:not-allowed;background:var(--bg-2, #f1f5f9)}.set-input-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;letter-spacing:.04em}.set-pass-wrap{position:relative;display:flex;align-items:center;width:100%}.set-pass-input{width:100%;padding-right:42px!important;box-sizing:border-box}.set-eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted, #64748b);cursor:pointer;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;border-radius:var(--r-full, 999px);transition:color .15s ease,background .15s ease;z-index:2}.set-eye-btn:hover{color:var(--ink, #0f172a);background:#0000000d}:root[data-theme=dark] .set-eye-btn:hover{background:#ffffff14}.set-hint{font-size:11.5px;color:var(--muted, #64748b);margin:8px 0 0;line-height:1.5}.set-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-full, 999px);font-size:11.5px;font-weight:700}.set-chip-ok{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.set-chip-gold{background:#f59e0b24;color:#d97706;border:1px solid rgba(245,158,11,.3);text-transform:uppercase}[data-theme=dark] .set-chip-gold{color:#fbbf24}.set-chip-muted{background:var(--bg-2, #f1f5f9);color:var(--muted, #64748b);border:1px solid var(--line, #e2e8f0)}.set-btn,.set-btn-pri,.set-btn-primary,.set-btn-sec,.set-btn-secondary,.set-btn-dang,.set-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--ptv-curve-pill, 9999px);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s ease;border:1px solid transparent;outline:none;text-decoration:none;box-sizing:border-box}.set-btn-pri,.set-btn-primary{background:var(--b-600, #1273e6);color:#fff!important;border-color:transparent;box-shadow:0 2px 8px #1273e647}.set-btn-pri:hover,.set-btn-primary:hover{background:var(--b-700, #0f5cba);box-shadow:0 4px 12px #1273e661}.set-btn-pri:disabled,.set-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}:root[data-theme=dark] .set-btn-pri,:root[data-theme=dark] .set-btn-primary{background:#1d6ee5;color:#fff!important;box-shadow:0 4px 12px #1d6ee559}.set-btn-sec,.set-btn-secondary{background:var(--surface, #ffffff);color:var(--ink, #0f172a);border-color:var(--line, #cbd5e1);box-shadow:0 1px 3px #0000000d}.set-btn-sec:hover,.set-btn-secondary:hover{background:var(--b-050, rgba(18, 115, 230, .08));color:var(--b-700, #0f5cba);border-color:var(--b-300, #93c5fd)}:root[data-theme=dark] .set-btn-sec,:root[data-theme=dark] .set-btn-secondary{background:var(--surface-2, #23272d);color:var(--ink, #f1f5f9);border-color:#ffffff1f}:root[data-theme=dark] .set-btn-sec:hover,:root[data-theme=dark] .set-btn-secondary:hover{background:#a8c7fa24;color:#bfdbfe;border-color:#a8c7fa4d}.set-btn-dang,.set-btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef444440}.set-btn-dang:hover,.set-btn-danger:hover{background:#ef4444;color:#fff!important}.set-toggle{position:relative;width:48px;height:28px;border-radius:9999px;background:var(--line, #cbd5e1);border:none;cursor:pointer;padding:2px;transition:background .24s cubic-bezier(.16,1,.3,1);outline:none;display:inline-flex;align-items:center;box-sizing:border-box;flex-shrink:0}.set-toggle.active{background:var(--b-600, #1273e6)}:root[data-theme=dark] .set-toggle{background:#ffffff2e}:root[data-theme=dark] .set-toggle.active{background:#1d6ee5}.set-toggle-thumb{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #00000038;transition:transform .24s cubic-bezier(.16,1,.3,1);transform:translate(0)}.set-toggle.active .set-toggle-thumb{transform:translate(20px)}.set-alert-box{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--r-md, 10px);font-size:12px;line-height:1.5;margin-bottom:14px}.set-alert-box.info{background:#1e589614;border:1px solid rgba(30,88,150,.22);color:var(--ptv-navy-light, #2563eb)}.set-alert-box.success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981}.set-alert-box.warn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#d97706}.set-qr-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px}.set-qr-surface{background:#fff;padding:14px;border-radius:var(--r-lg, 16px);box-shadow:0 4px 18px #00000014;border:1px solid rgba(0,0,0,.06);display:inline-flex;align-items:center;justify-content:center}.set-qr-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;font-size:15px;color:var(--ink, #0f172a);margin:14px 0 2px;letter-spacing:.02em}.set-qr-sub{font-size:12px;color:var(--muted, #64748b);margin:0 0 16px}.set-qr-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.set-list{display:flex;flex-direction:column;background:var(--surface, #ffffff);border:1px solid var(--line, #e2e8f0);border-radius:var(--r-lg, 16px);overflow:hidden}.set-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:none;background:transparent;color:var(--ink, #0f172a);cursor:pointer;transition:background .15s ease;width:100%;text-align:left;border-bottom:1px solid var(--line-light, rgba(226, 232, 240, .6))}.set-list-item:last-child{border-bottom:none}.set-list-item:hover{background:var(--bg-2, #f8fafc)}.set-li-left{display:flex;align-items:center;gap:12px}.set-li-ic{width:34px;height:34px;border-radius:var(--r-full, 999px);background:var(--bg-2, #f1f5f9);color:var(--ptv-navy-light, #3b82f6);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.set-li-ic.danger{background:#ef44441a;color:#ef4444}.set-li-body{display:flex;flex-direction:column}.set-li-title{font-size:13.5px;font-weight:650;color:var(--ink, #0f172a)}.set-li-sub{font-size:11.5px;color:var(--muted, #64748b);margin-top:1px}.set-li-chev{color:var(--muted, #94a3b8);font-size:12px}.set-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07203e73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:setFadeIn .2s ease}.set-modal-card{background:var(--surface, #ffffff);border-radius:var(--ptv-curve-2xl, 24px);border:1px solid var(--line-2, #e2e8f0);width:100%;max-width:540px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 48px -12px #0b2a4a40;overflow:hidden;animation:setZoomIn .22s cubic-bezier(.16,1,.3,1)}.set-modal-header{padding:18px 22px;border-bottom:1px solid var(--line, #e2e8f0);display:flex;align-items:center;justify-content:space-between;gap:12px}.set-modal-title-wrap{display:flex;align-items:center;gap:12px}.set-modal-icon{width:38px;height:38px;border-radius:var(--r-full, 999px);background:#1e58961a;color:var(--ptv-navy-light, #3b82f6);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.set-modal-title{font-size:17px;font-weight:700;color:var(--ink, #0f172a);margin:0}.set-modal-desc{font-size:12px;color:var(--muted, #64748b);margin:2px 0 0}.set-modal-close-btn{width:32px;height:32px;border-radius:var(--r-full, 999px);background:var(--bg-2, #f1f5f9);border:none;color:var(--muted, #64748b);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.set-modal-close-btn:hover{background:var(--bg-3, #e2e8f0);color:var(--ink, #0f172a)}.set-modal-body{padding:20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.set-diag-list{display:flex;flex-direction:column;gap:10px}.set-diag-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-2, #f8fafc);border-radius:var(--r-md, 10px);border:1px solid var(--line, #e2e8f0)}.set-diag-info{display:flex;flex-direction:column}.set-diag-label{font-size:13px;font-weight:650;color:var(--ink, #0f172a)}.set-diag-sub{font-size:11px;color:var(--muted, #64748b);margin-top:1px}.set-diag-badge{padding:3px 10px;border-radius:var(--r-full, 999px);font-size:11.5px;font-weight:700}.set-diag-badge.ok{background:#10b9811f;color:#10b981}.set-diag-badge.warn{background:#f59e0b1f;color:#d97706}.set-diag-badge.err{background:#ef44441f;color:#ef4444}.set-diag-badge.info{background:#3b82f61f;color:#3b82f6}.set-diag-action-box{padding:14px;background:#1e58960f;border:1px solid rgba(30,88,150,.18);border-radius:var(--r-md, 10px);display:flex;flex-direction:column;gap:10px}.set-diag-action-text{font-size:12px;color:var(--ink-2, #334155);margin:0;line-height:1.5}.set-modal-footer{padding:16px 22px;border-top:1px solid var(--line, #e2e8f0);display:flex;justify-content:flex-end;background:var(--bg-1, #f8fafc)}.set-confirm-card{max-width:420px;text-align:center;padding:24px}.set-confirm-icon-wrap{display:flex;justify-content:center;margin-bottom:14px}.set-confirm-icon.danger{width:52px;height:52px;border-radius:var(--r-full, 999px);background:#ef44441f;color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:22px}.set-confirm-title{font-size:18px;font-weight:750;color:var(--ink, #0f172a);margin:0 0 8px}.set-confirm-desc{font-size:13px;color:var(--muted, #64748b);line-height:1.5;margin:0 0 20px}.set-confirm-footer{background:transparent;padding:0;border:none;justify-content:center;gap:12px}.set-footer-note{font-size:11.5px;color:var(--muted, #94a3b8);text-align:center;margin:8px 0 0}@keyframes setFadeIn{0%{opacity:0}to{opacity:1}}@keyframes setZoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:820px){.set-cols{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.set-page-container{padding:16px 14px calc(var(--dock-h, 64px) + var(--sab, 0px) + 32px);gap:18px}.set-profile-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.set-avatar{width:48px;height:48px;font-size:18px}.set-profile-info{flex:1 1 180px;min-width:0}.set-profile-name{font-size:15.5px;word-break:break-word}.set-profile-sub{font-size:12px;word-break:break-word}.set-profile-card .set-chip{flex-shrink:0;align-self:center}.set-grid-2{grid-template-columns:1fr;gap:10px}.set-input{font-size:16px!important}.ptv-page-container,.profile-page-container{padding:8px 0 80px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0 auto!important}.profile-layout-grid{grid-template-columns:100%!important;width:100%!important;margin:0 auto!important;gap:20px!important;box-sizing:border-box!important}.set-card{padding:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0 auto!important}.idcard-holder-wrap{max-width:360px!important;width:100%!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}.set-modal-overlay{padding:0!important;align-items:flex-end!important}.set-modal-card{max-height:90dvh!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:var(--ptv-curve-2xl, 24px)!important;border-top-right-radius:var(--ptv-curve-2xl, 24px)!important;margin-top:auto!important;width:100%!important;max-width:100%!important}}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236E8CAE' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}@media(min-width:1024px){:root{--header-h:66px}.bnav{display:none}.side{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-w);z-index:70;padding-top:calc(var(--sat) + 14px);padding-bottom:16px;background:var(--glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:1px solid var(--line-2);transition:width .24s cubic-bezier(.2,0,0,1);box-sizing:border-box}.side-brand{display:flex;align-items:center;padding:16px 18px;height:64px;width:100%;box-sizing:border-box;overflow:hidden;position:relative;transition:padding .24s cubic-bezier(.2,0,0,1)}.side-collapse-btn{position:absolute;right:-12px;top:21px;width:24px;height:24px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--surface);border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease;box-shadow:0 2px 6px #0000001a;z-index:85;flex-shrink:0}.side-collapse-btn:hover{color:var(--b-600);border-color:var(--b-400);background:var(--b-050);transform:scale(1.08)}:root[data-theme=dark] .side-collapse-btn{background:var(--surface-2);border-color:var(--line);color:var(--muted);box-shadow:0 2px 6px #00000059}:root[data-theme=dark] .side-collapse-btn:hover{background:#a8c7fa29;border-color:var(--b-500);color:#fff}.snav.snav-portal{background:#1273e614;color:var(--b-700,#0B5FBF);border:1px solid rgba(18,115,230,.2);font-weight:600;margin-bottom:4px}.snav.snav-portal:hover{background:#1273e626;color:var(--b-800,#00439A);border-color:var(--b-400)}:root[data-theme=dark] .snav.snav-portal{background:#a8c7fa1f;color:#93c5fd;border-color:#a8c7fa3d}:root[data-theme=dark] .snav.snav-portal:hover{background:#a8c7fa38;color:#bfdbfe;border-color:#a8c7fa66}:root[data-sidebar-collapsed=true] .side-brand,.side.collapsed .side-brand{padding:14px 0;height:64px;width:72px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.side-brand .brand-logo-link{display:flex;align-items:center;position:relative;padding:0;margin:0;background:none;border:none;box-shadow:none;width:100%;height:36px;max-width:100%;min-height:auto;line-height:0;text-decoration:none;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s;touch-action:manipulation}:root[data-sidebar-collapsed=true] .side-brand .brand-logo-link,.side.collapsed .side-brand .brand-logo-link{width:40px;height:40px;margin:0 auto;justify-content:center}.side-brand .brand-logo-expanded{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:168px;height:22px;background:#000;-webkit-mask-image:var(--logo-url);mask-image:var(--logo-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left center;mask-position:left center;flex-shrink:0;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1),visibility .24s}:root[data-theme=dark] .side-brand .brand-logo-expanded{background:#fff}:root[data-sidebar-collapsed=true] .side-brand .brand-logo-expanded,.side.collapsed .side-brand .brand-logo-expanded{opacity:0;transform:translateY(-50%) translate(-10px);visibility:hidden;pointer-events:none}.side-brand .brand-logo-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);display:block;width:25px;height:25px;max-width:32px;max-height:32px;flex-shrink:0;background-color:var(--ink-2);-webkit-mask-image:var(--symbol-url, url(/assets/images/ptv-symbol.png));mask-image:var(--symbol-url, url(/assets/images/ptv-symbol.png));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1),visibility .24s,background-color .16s ease}.side-brand .brand-logo-link:hover .brand-logo-symbol{background-color:var(--b-700)}:root[data-theme=dark] .side-brand .brand-logo-link:hover .brand-logo-symbol{background-color:var(--ink)}:root[data-sidebar-collapsed=true] .side-brand .brand-logo-symbol,.side.collapsed .side-brand .brand-logo-symbol{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible;pointer-events:auto}:root[data-sidebar-collapsed=true] .side-scroll,.side.collapsed .side-scroll{padding:0 6px 8px}:root[data-sidebar-collapsed=true] .side-grp,.side.collapsed .side-grp{margin-top:8px;display:flex;flex-direction:column;gap:4px}:root[data-sidebar-collapsed=true] .side-grp:first-child,.side.collapsed .side-grp:first-child{margin-top:2px}:root[data-sidebar-collapsed=true] .side-grp+.side-grp,.side.collapsed .side-grp+.side-grp{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2)}:root[data-sidebar-collapsed=true] .side-grp>p,.side.collapsed .side-grp>p{opacity:0;height:0;margin:0 0 0 12px;transform:translate(-6px);pointer-events:none;visibility:hidden}:root[data-sidebar-collapsed=true] .snav,.side.collapsed .snav{padding:0;justify-content:center;width:40px;height:40px;min-height:40px;border-radius:var(--ptv-curve-pill, 9999px);margin:0 auto 4px;gap:0}:root[data-sidebar-collapsed=true] .snav span,.side.collapsed .snav span{opacity:0;max-width:0;transform:translate(-8px);pointer-events:none;visibility:hidden}:root[data-sidebar-collapsed=true] .snav-ext-ic,.side.collapsed .snav-ext-ic{opacity:0;width:0;pointer-events:none;display:none}:root[data-sidebar-collapsed=true] .snav i,:root[data-sidebar-collapsed=true] .snav .svg-inline--fa,.side.collapsed .snav i,.side.collapsed .snav .svg-inline--fa{margin:0 auto;font-size:15px;width:auto;opacity:.85}:root[data-sidebar-collapsed=true] .snav .action-cnt,:root[data-sidebar-collapsed=true] .snav .cnt,.side.collapsed .snav .action-cnt,.side.collapsed .snav .cnt{opacity:0;transform:scale(.6);pointer-events:none;display:none}:root[data-sidebar-collapsed=true] .side-foot,.side.collapsed .side-foot{padding:10px 4px 14px;margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}:root[data-sidebar-collapsed=true] .side-foot-row,.side.collapsed .side-foot-row{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}:root[data-sidebar-collapsed=true] .side-foot .snav,.side.collapsed .side-foot .snav{width:40px;height:40px;min-height:40px;margin:0 auto;padding:0;border-radius:var(--ptv-curve-pill, 9999px);justify-content:center}.side-scroll{flex:1;overflow-y:auto;padding:0 12px 8px;transition:padding .24s cubic-bezier(.2,0,0,1)}.side-grp{margin-top:16px;transition:margin-top .24s cubic-bezier(.2,0,0,1)}.side-grp:first-child{margin-top:2px}.side-grp>p{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted);margin:0 0 6px 12px;text-transform:uppercase;height:16px;line-height:16px;box-sizing:border-box;white-space:nowrap;overflow:hidden;opacity:1;transform:translate(0);transition:opacity .14s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1),height .24s cubic-bezier(.2,0,0,1),margin .24s cubic-bezier(.2,0,0,1),visibility .24s}.snav{display:flex;align-items:center;gap:11px;width:100%;height:40px;min-height:40px;box-sizing:border-box;padding:0 12px;border-radius:var(--ptv-curve-pill);font-size:13.5px;font-weight:500;color:var(--ink-2);transition:width .24s cubic-bezier(.2,0,0,1),padding .24s cubic-bezier(.2,0,0,1),background .16s,color .16s;text-align:left;margin:0 0 4px;position:relative;overflow:hidden}.snav span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;opacity:1;transform:translate(0);transition:opacity .16s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1),max-width .24s cubic-bezier(.2,0,0,1),visibility .24s}.snav i,.snav .svg-inline--fa{font-size:14.5px;width:18px;min-width:18px;flex-shrink:0;opacity:.7;text-align:center;transition:margin .24s cubic-bezier(.2,0,0,1),opacity .16s ease}.snav:hover{background:var(--b-050);color:var(--b-700)}:root[data-theme=dark] .snav:hover{background:#ffffff0f;color:var(--ink)}.snav.on{background:linear-gradient(150deg,var(--b-500),var(--b-700));color:#fff;font-weight:600;box-shadow:var(--shadow-blue)}:root[data-theme=dark] .snav.on{background:#a8c7fa29!important;color:var(--b-500, #A8C7FA)!important;box-shadow:none!important}.snav.on i,.snav.on .svg-inline--fa{opacity:1}:root[data-theme=dark] .snav.on i,:root[data-theme=dark] .snav.on .svg-inline--fa{color:var(--b-500, #A8C7FA)!important}.snav .cnt{margin-left:auto;font-size:10.5px;font-weight:700;background:var(--b-100);color:var(--b-700);padding:1px 7px;border-radius:var(--ptv-curve-pill)}.snav.on .cnt{background:#ffffff40;color:#fff}:root[data-theme=dark] .snav.on .cnt{background:#a8c7fa38;color:var(--b-500, #A8C7FA)}.snav .action-cnt,.li .action-cnt{margin-left:auto;min-width:19px;height:19px;padding:0 5.5px;border-radius:var(--ptv-curve-pill);background:#ef4444;color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 4px #ef444452;font-variant-numeric:tabular-nums;flex-shrink:0;letter-spacing:-.02em;animation:actionBadgePop .22s cubic-bezier(.16,1,.3,1)}.li .action-cnt{margin-right:8px;min-width:20px;height:20px;font-size:11px}.snav.on .action-cnt{background:#fff;color:#dc2626;box-shadow:0 1px 4px #0000002e}.bitem .action-dot{position:absolute;top:6px;right:calc(50% - 15px);width:8px;height:8px;border-radius:50%;background:#ef4444;border:1.5px solid var(--surface,#ffffff);box-shadow:0 1px 3px #ef444473;pointer-events:none}:root[data-theme=dark] .bitem .action-dot{border-color:var(--surface,#181c24)}@keyframes actionBadgePop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.side-foot{padding:12px 14px 14px;border-top:1px solid var(--line-2);background:var(--bg-1, #f8fafc);margin:0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}:root[data-theme=dark] .side-foot{background:#ffffff05}.snav-foot-portal{width:100%;box-sizing:border-box}.side-foot-row{display:flex;gap:8px;width:100%;box-sizing:border-box}.snav-foot-btn{flex:1;min-width:0;padding:0 10px;height:38px;font-size:13px;justify-content:center;gap:6px;border-radius:var(--ptv-curve-pill, 9999px)}.snav-foot-logout{color:var(--danger, #ef4444)}.snav-foot-logout:hover{background:#ef444414;color:#dc2626}:root[data-theme=dark] .snav-foot-logout:hover{background:#ef444429;color:#f87171}.hdr{left:var(--sidebar-w);transition:left .24s cubic-bezier(.2,0,0,1),background .2s,border-color .2s}.hdr-in{padding-left:28px;padding-right:28px;gap:18px}.hdr .brand,.brand{display:none!important}.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);flex:none}.crumb b{color:var(--ink);font-size:15.5px;font-weight:600;letter-spacing:-.02em}.crumb i,.crumb .svg-inline--fa{font-size:11px;opacity:.5}.hdr-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.hdr-search{display:flex;width:340px;max-width:380px;align-items:center;gap:10px;margin-right:6px;padding:9px 16px;border-radius:var(--ptv-curve-pill);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:13.5px;transition:.16s;box-shadow:var(--shadow-s);box-sizing:border-box;cursor:pointer}.hdr-search:hover{border-color:var(--b-300)}.hdr-search i,.hdr-search .svg-inline--fa{font-size:13px}.hdr-search kbd{margin-left:auto;font-family:var(--font);font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:var(--ptv-curve-xs);background:var(--bg-2);border:1px solid var(--line)}.main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));transition:margin-left .24s cubic-bezier(.2,0,0,1),width .24s cubic-bezier(.2,0,0,1);max-width:none;box-sizing:border-box;padding:calc(var(--header-h) + var(--sat) + 18px) 36px 96px;min-height:100vh}@media(prefers-reduced-motion:reduce){.side,.side-brand,.side-brand .brand-logo-link,.side-brand .brand-logo-expanded,.side-brand .brand-logo-symbol,.side-collapse-btn,.hdr,.main,.snav,.snav span,.snav i,.snav .svg-inline--fa,.side-grp,.side-grp>p,.side-scroll,.side-foot,.side-foot-row,.snav-foot-btn{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-in{max-width:1060px;margin:0 auto;width:100%;box-sizing:border-box}.sec{margin-top:30px}.grid-2{gap:14px}.cols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.95fr);gap:22px;align-items:start}.cols>*{min-width:0;max-width:100%;box-sizing:border-box}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qa-grid{grid-template-columns:repeat(3,1fr);gap:14px}.qrow{grid-template-columns:repeat(6,1fr)}.display{font-size:32px}.hero-name{font-size:30px}.hero-card{padding:28px 24px}.hero-card .ttl{font-size:22px}.sheet{left:50%;right:auto;bottom:auto;top:50%;width:min(600px,92vw);border-radius:var(--ptv-curve-2xl);max-height:84vh;padding-bottom:14px;border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow-elevated);transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .22s ease,opacity .22s ease,visibility .22s;pointer-events:none!important;visibility:hidden!important}.sheet.on{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto!important;visibility:visible!important}.sheet-grab{display:none}.sheet-hd{padding-top:18px}.sheet.wide{width:min(940px,95vw);max-height:88vh}.sheet.extra-wide{width:min(1020px,96vw);max-height:88vh}}.pm-page-root{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;box-sizing:border-box;color:var(--ink)}.pm-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.pm-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.pm-btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;height:36px;padding:0 14px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;box-sizing:border-box}.pm-btn-secondary{background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}.pm-btn-secondary:hover:not(:disabled){background:var(--bg-2);color:var(--ink);border-color:var(--b-300, rgba(18, 115, 230, .35))}.pm-btn-primary{background:var(--pri, #1273E6);color:#fff;border:1px solid transparent;box-shadow:var(--shadow-blue, 0 2px 8px rgba(18, 115, 230, .24))}.pm-btn-primary:hover:not(:disabled){background:var(--b-700, #0B5FBF)}.pm-btn-pill:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.pm-draft-banner{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--ink);padding:12px 16px;border-radius:var(--ptv-curve-lg, 16px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pm-draft-banner-text strong{display:block;font-size:13px;font-weight:600;color:var(--warn)}.pm-draft-banner-text span{display:block;font-size:12px;color:var(--ink-2);margin-top:2px}.pm-tabs-wrap{display:flex;align-items:center;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pm-tabs-wrap::-webkit-scrollbar{display:none}.pm-tabs-rail{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--ptv-curve-pill, 9999px);flex-wrap:nowrap;min-width:max-content}.pm-tab-btn{display:inline-flex;align-items:center;gap:7px;min-height:34px;height:34px;padding:0 14px;border-radius:var(--ptv-curve-pill, 9999px);border:none;background:transparent;color:var(--ink-2);font-size:12.5px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.pm-tab-btn i{font-size:12px;opacity:.8}.pm-tab-btn:hover:not(.active){color:var(--ink);background:#0b2a4a0a}.pm-tab-btn.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0b2a4a14}.pm-tab-btn.active i{color:var(--pri, #1273E6);opacity:1}.pm-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:var(--ptv-curve-pill, 9999px);background:#0b2a4a14;color:var(--muted, #64748b);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;transition:all .16s ease;margin-left:2px}.pm-tab-btn.active .pm-tab-count{background:#1273e61f;color:var(--pri, #1273E6)}:root[data-theme=dark] .pm-tab-count{background:#ffffff14;color:var(--muted, #94a3b8)}:root[data-theme=dark] .pm-tab-btn.active .pm-tab-count{background:#a8c7fa2e;color:#93c5fd}.pm-section-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.pm-section-desc{margin:0;font-size:13px;color:var(--ink-2)}.pm-service-list{display:flex;flex-direction:column;gap:8px}.pm-service-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-lg, 16px);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.pm-service-row:hover{border-color:var(--b-200, rgba(18, 115, 230, .24));box-shadow:var(--shadow-xs, 0 1px 3px rgba(11, 42, 74, .04))}.pm-service-row.is-inactive{opacity:.68}.pm-service-row.is-dragging{opacity:.45;background:var(--b-050, rgba(18, 115, 230, .05));border-style:dashed;border-color:var(--b-300, #1273e6)}.pm-service-row.is-dragover{border-color:var(--b-500, #1273e6);box-shadow:0 0 0 2px var(--b-200, rgba(18, 115, 230, .3));transform:translateY(-2px)}.pm-drag-handle{width:24px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted, #94a3b8);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;border-radius:6px;transition:color .15s ease,background .15s ease}.pm-drag-handle:hover,.pm-drag-handle:active{color:var(--ink, #1e293b);background:var(--bg-2, rgba(0, 0, 0, .04))}.pm-drag-handle:active{cursor:grabbing}.pm-service-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.pm-service-icon{width:38px;height:38px;border-radius:10px;background:var(--b-050);color:var(--b-600);border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.pm-service-main{min-width:0;flex:1}.pm-service-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pm-service-name{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3}.pm-service-sub{font-size:12.5px;color:var(--ink-2);margin-top:2px;line-height:1.35;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pm-service-path{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--muted);background:var(--bg-2);padding:1px 6px;border-radius:5px;border:1px solid var(--line-2)}.pm-status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;border:1px solid transparent}.pm-status-pill.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}.pm-status-pill.incident{background:var(--dang-bg);color:var(--dang);border-color:var(--dang-border)}.pm-status-pill.maint{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}.pm-status-pill.soon{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.pm-meta-tag{display:inline-flex;align-items:center;padding:1.5px 7px;border-radius:var(--ptv-curve-pill, 9999px);font-size:10.5px;font-weight:500;background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line-2);white-space:nowrap}.pm-meta-tag.draft{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}.pm-meta-tag.inactive{background:var(--dang-bg);color:var(--dang);border-color:var(--dang-border)}.pm-service-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.pm-status-summary{display:flex;flex-direction:column;align-items:flex-end;margin-right:4px}.pm-status-note{font-size:11px;color:var(--muted);margin-top:2px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-order-pair{display:inline-flex;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--ptv-curve-pill, 9999px);padding:2px;gap:2px}.pm-order-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--ink-2);font-size:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.pm-order-btn:hover:not(:disabled){background:var(--surface);color:var(--ink)}.pm-order-btn:disabled{opacity:.35;cursor:not-allowed}.pm-row-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;min-height:30px;padding:0 11px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12px;font-weight:600;font-family:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.pm-row-btn:hover{background:var(--bg-2);color:var(--ink);border-color:var(--b-300, rgba(18, 115, 230, .35))}.pm-row-btn.activate{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}.pm-surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-xl, 22px);padding:20px;box-sizing:border-box}.pm-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.pm-stat-box{padding:14px 16px;border-radius:var(--ptv-curve-lg, 16px);border:1px solid var(--line);background:var(--bg-2)}.pm-stat-box.ok{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}.pm-stat-box.incident{background:var(--dang-bg);border-color:var(--dang-border);color:var(--dang)}.pm-stat-box.maint{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}.pm-stat-box.soon{background:var(--bg-2);border-color:var(--line);color:var(--ink-2)}.pm-stat-num{font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.pm-stat-label{font-size:12.5px;font-weight:600;margin-top:2px}.pm-status-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.pm-status-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-lg, 16px);padding:16px;display:flex;flex-direction:column;gap:8px}:root[data-theme=dark] .pm-tabs-rail{background:var(--bg-2);border-color:var(--line)}:root[data-theme=dark] .pm-tab-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #00000059}:root[data-theme=dark] .pm-service-icon{background:#3b8ef724;color:var(--b-500, #A8C7FA);border-color:#3b8ef73d}@media(max-width:768px){.pm-header-row{flex-direction:column;align-items:stretch;gap:12px}.pm-header-actions{width:100%}.pm-header-actions .pm-btn-pill{flex:1}.pm-service-row{flex-direction:column;align-items:stretch;padding:12px 14px;gap:10px}.pm-service-controls{width:100%;padding-top:10px;border-top:1px solid var(--line-2);justify-content:space-between;flex-wrap:wrap;gap:6px}.pm-status-summary{align-items:flex-start;margin-right:auto}.pm-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pm-status-cards-grid{grid-template-columns:1fr}}.pm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.pm-modal-dialog{background:var(--surface);border-radius:var(--ptv-curve-xl, 22px);max-width:720px;width:100%;max-height:90vh;display:flex;flex-direction:column;margin:auto;box-shadow:0 24px 64px #00000047;border:1px solid var(--line);overflow:hidden;box-sizing:border-box}.pm-modal-header{padding:16px 22px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;background:var(--surface);flex-shrink:0}.pm-modal-title{margin:0;font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.015em}.pm-modal-subtitle{margin:2px 0 0;font-size:12px;color:var(--muted)}.pm-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:16px}.pm-modal-footer{padding:14px 22px;border-top:1px solid var(--line-2);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--surface);flex-shrink:0}.pm-form-section{border-top:1px solid var(--line-2);padding-top:14px}.pm-form-section-title{font-size:11px;font-weight:700;color:var(--b-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.pm-form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:640px){.pm-modal-overlay{padding:10px}.pm-modal-dialog{max-height:94vh;border-radius:var(--ptv-curve-lg, 18px)}.pm-modal-header,.pm-modal-body{padding:14px 16px}.pm-modal-footer{padding:12px 16px}.pm-form-grid-2{grid-template-columns:1fr}}.fin-page-container{max-width:1280px;margin:0 auto;padding:var(--space-l, 24px) var(--space-m, 16px) 100px;box-sizing:border-box}@media(max-width:640px){.fin-page-container{padding:var(--space-m, 16px) var(--space-s, 12px) 90px}}.fin-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-m, 16px);margin-bottom:var(--space-l, 24px)}.fin-metric-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--radius-m, 16px);padding:16px 18px;box-shadow:0 2px 8px #00000005;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease,box-shadow .15s ease}.fin-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.fin-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fin-metric-title{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--muted, #64748b)}.fin-metric-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:13px}.fin-metric-icon.saldo{background:#0e4f401a;color:var(--ptv-green, #0e4f40)}.fin-metric-icon.pem{background:#0596691a;color:#059669}.fin-metric-icon.pen{background:#dc26261a;color:#dc2626}.fin-metric-icon.kas{background:#0284c71a;color:#0284c7}.fin-metric-icon.tunggakan{background:#ea580c1a;color:#ea580c}.fin-metric-val{font-size:20px;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:4px}.fin-metric-val.saldo-val{color:var(--ptv-green, #0e4f40)}.fin-metric-val.pem-val{color:#059669}.fin-metric-val.pen-val{color:#dc2626}.fin-metric-val.kas-val{color:#0284c7}.fin-metric-val.tunggakan-val{color:#ea580c}.fin-metric-desc{font-size:11px;color:var(--ink3, #64748b);display:flex;align-items:center;gap:4px}.fin-tab-bar{display:flex;align-items:center;gap:8px;background:var(--bg-2, #f1f5f9);padding:5px;border-radius:var(--radius-m, 16px);border:1px solid var(--line-2, #e2e8f0);margin-bottom:var(--space-m, 16px);width:fit-content;max-width:100%;overflow-x:auto}.fin-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:12px;font-size:13px;font-weight:700;border:none;background:transparent;color:var(--ink2, #475569);cursor:pointer;white-space:nowrap;transition:all .15s ease}.fin-tab-btn:hover{color:var(--ink, #0f172a)}.fin-tab-btn.active.kas_kru{background:var(--ptv-green, #0e4f40);color:#fff;box-shadow:0 3px 10px #0e4f4040}.fin-tab-btn.active.pemasukan{background:#059669;color:#fff;box-shadow:0 3px 10px #05966940}.fin-tab-btn.active.pengeluaran{background:#dc2626;color:#fff;box-shadow:0 3px 10px #dc262640}.fin-filter-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--radius-m, 16px);padding:12px 16px;margin-bottom:var(--space-m, 16px);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fin-search-wrap{position:relative;flex:1;min-width:240px}.fin-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink3, #94a3b8);font-size:13px;pointer-events:none}.fin-search-input{width:100%;padding:9px 34px 9px 38px;border-radius:12px;border:1px solid var(--line-2, #e2e8f0);background:var(--bg-2, #f8fafc);font-size:13px;color:var(--ink, #0f172a);box-sizing:border-box;outline:none;transition:border-color .15s ease}.fin-search-input:focus{border-color:var(--ptv-green, #0e4f40);background:#fff}.fin-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:var(--ink3, #94a3b8);font-size:13px}.fin-actions-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fin-table-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--radius-m, 16px);overflow:hidden;box-shadow:0 2px 10px #00000005;margin-bottom:var(--space-l, 24px)}.fin-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.fin-matrix-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.fin-matrix-table thead tr{background:var(--bg-2, #f8fafc);border-bottom:1px solid var(--line-2, #e2e8f0)}.fin-matrix-table th{padding:12px 14px;font-size:11.5px;font-weight:750;color:var(--ink2, #475569);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.fin-matrix-table td{padding:12px 14px;border-bottom:1px solid var(--line-2, #e2e8f0);vertical-align:middle}.fin-matrix-table tbody tr:hover{background:#0e4f4005}.fin-kru-cell{display:flex;align-items:center;gap:10px;min-width:220px}.fin-avatar{width:36px;height:36px;border-radius:10px;background:var(--ptv-green, #0e4f40);color:#fff;display:grid;place-items:center;font-weight:750;font-size:12px;flex-shrink:0;overflow:hidden}.fin-avatar img{width:100%;height:100%;object-fit:cover}.fin-kru-name{font-weight:750;color:var(--ink, #0f172a);font-size:13.5px}.fin-kru-meta{font-size:11px;color:var(--ink3, #64748b);display:flex;align-items:center;gap:6px;margin-top:2px}.fin-kru-id-badge{background:var(--bg-2, #f1f5f9);border:1px solid var(--line-2, #e2e8f0);padding:1px 5px;border-radius:5px;font-size:10.5px;font-weight:700;color:var(--ink2, #475569)}.fin-td-center{text-align:center}.fin-matrix-btn{width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;border:1px solid transparent;cursor:pointer;transition:all .15s ease;font-size:13px}.fin-matrix-btn.paid{background:#0596691f;color:#059669;border-color:#05966940}.fin-matrix-btn.paid:hover{background:#dc262626;color:#dc2626;border-color:#dc26264d}.fin-matrix-btn.paid .ic-undo,.fin-matrix-btn.paid:hover .ic-check{display:none}.fin-matrix-btn.paid:hover .ic-undo{display:inline-block}.fin-matrix-btn.unpaid{background:var(--bg-2, #f8fafc);color:var(--ink3, #94a3b8);border-color:var(--line-2, #e2e8f0)}.fin-matrix-btn.unpaid:hover{background:#05966926;color:#059669;border-color:#05966959}.fin-matrix-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:12px}.fin-matrix-badge.paid{background:#0596691a;color:#059669}.fin-matrix-badge.unpaid{background:var(--bg-2, #f8fafc);color:var(--ink3, #94a3b8)}.fin-month-section{margin-bottom:var(--space-m, 20px)}.fin-month-header{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--radius-m, 16px) var(--radius-m, 16px) 0 0;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line-2, #e2e8f0)}.fin-month-title-wrap{display:flex;align-items:center;gap:10px}.fin-month-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.fin-month-icon.pem{background:#0596691a;color:#059669}.fin-month-icon.pen{background:#dc26261a;color:#dc2626}.fin-month-title{font-weight:800;font-size:14.5px;color:var(--ink, #0f172a)}.fin-month-count{font-size:11.5px;color:var(--ink3, #64748b);margin-top:1px}.fin-month-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase}.fin-month-chip.pem{background:#10b98114;border:1px solid rgba(16,185,129,.22);color:#059669}.fin-month-chip.pen{background:#ef444414;border:1px solid rgba(239,68,68,.22);color:#dc2626}.fin-month-chip .val{font-size:14px;font-weight:850;font-variant-numeric:tabular-nums}.fin-month-card-body{border-top:none;border-radius:0 0 var(--radius-m, 16px) var(--radius-m, 16px);margin-bottom:0}.fin-thumb-box{width:38px;height:38px;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--line-2, #e2e8f0);background:var(--bg-2, #f8fafc);display:grid;place-items:center;cursor:pointer}.fin-thumb-box img{width:100%;height:100%;object-fit:cover}.fin-thumb-empty{width:38px;height:38px;border-radius:8px;background:var(--bg-2, #f8fafc);border:1px dashed var(--line-2, #cbd5e1);display:grid;place-items:center;color:var(--ink3, #94a3b8);font-size:13px}.fin-my-hero-card{background:linear-gradient(135deg,#0e4f40,#15735d);border-radius:var(--radius-l, 20px);padding:24px;color:#fff;margin-bottom:var(--space-m, 20px);box-shadow:0 8px 24px #0e4f4033;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.fin-my-hero-left{display:flex;align-items:center;gap:16px}.fin-my-avatar{width:56px;height:56px;border-radius:16px;background:#fff3;border:2px solid rgba(255,255,255,.35);display:grid;place-items:center;font-size:20px;font-weight:800;overflow:hidden}.fin-my-avatar img{width:100%;height:100%;object-fit:cover}.fin-my-title{font-size:20px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}.fin-my-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;opacity:.9}.fin-my-badge{background:#fff3;padding:2px 8px;border-radius:6px;font-weight:750;font-size:11px}.fin-my-status-pill{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.fin-my-status-pill.ok{background:#fffffff2;color:#065f46}.fin-my-status-pill.warn{background:#fef08a;color:#854d0e}.fin-alert-card{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-m, 16px);padding:16px 18px;margin-bottom:var(--space-m, 20px);display:flex;align-items:flex-start;gap:12px}.fin-alert-icon{width:32px;height:32px;border-radius:8px;background:#fef3c7;color:#d97706;display:grid;place-items:center;font-size:15px;flex-shrink:0}.fin-alert-title{font-size:13.5px;font-weight:750;color:#92400e;margin-bottom:2px}.fin-alert-text{font-size:12.5px;color:#b45309;line-height:1.5}.fin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:var(--space-m, 16px)}.fin-modal-card{background:var(--surface, #ffffff);border-radius:var(--radius-l, 20px);width:100%;max-width:520px;box-shadow:0 20px 40px #00000026;border:1px solid var(--line-2, #e2e8f0);overflow:hidden;animation:finModalPop .18s ease-out}@keyframes finModalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.fin-modal-header{padding:18px 22px;border-bottom:1px solid var(--line-2, #e2e8f0);display:flex;align-items:center;gap:12px}.fin-modal-header-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.fin-modal-header-icon.ok{background:#0596691a;color:#059669}.fin-modal-header-icon.danger{background:#dc26261a;color:#dc2626}.fin-modal-title{font-size:16px;font-weight:800;color:var(--ink, #0f172a);margin:0}.fin-modal-subtitle{font-size:12px;color:var(--ink3, #64748b);margin:2px 0 0}.fin-modal-close-btn{margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--ink3, #94a3b8);font-size:16px;padding:4px}.fin-modal-body{padding:20px 22px;max-height:70vh;overflow-y:auto}.fin-form-group{margin-bottom:16px}.fin-form-row{display:flex;gap:12px}.fin-form-label{display:block;font-size:12px;font-weight:750;color:var(--ink2, #475569);margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em}.fin-form-input,.fin-form-select,.fin-form-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--line-2, #cbd5e1);background:var(--bg-2, #f8fafc);font-size:13.5px;color:var(--ink, #0f172a);box-sizing:border-box;outline:none;transition:all .15s ease}.fin-form-input:focus,.fin-form-select:focus,.fin-form-textarea:focus{border-color:var(--ptv-green, #0e4f40);background:#fff}.fin-nominal-preview{margin-top:6px;font-size:12px;color:var(--ink3, #64748b)}.fin-highlight-box{background:var(--bg-2, #f8fafc);border:1px solid var(--line-2, #e2e8f0);border-radius:12px;padding:12px 14px;margin-bottom:16px}.fin-highlight-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:4px}.fin-highlight-row:last-child{margin-bottom:0}.fin-highlight-label{color:var(--ink3, #64748b);font-weight:600}.fin-highlight-val{color:var(--ink, #0f172a)}.fin-modal-footer{padding:14px 22px;border-top:1px solid var(--line-2, #e2e8f0);background:var(--bg-2, #f8fafc);display:flex;align-items:center;justify-content:flex-end;gap:10px}.fin-btn-secondary{padding:8px 16px;border-radius:10px;border:1px solid var(--line-2, #cbd5e1);background:#fff;color:var(--ink, #0f172a);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.fin-btn-primary{padding:8px 18px;border-radius:10px;border:none;font-size:13px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#fff}.fin-btn-primary.green{background:#059669;box-shadow:0 2px 8px #05966940}.fin-btn-primary.red{background:#dc2626;box-shadow:0 2px 8px #dc262640}.fin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.text-green{color:#059669}.text-red{color:#dc2626}.font-bold{font-weight:750}.flex-1{flex:1}:root[data-theme=dark] .fin-matrix-btn.paid,[data-theme=dark] .fin-matrix-btn.paid{background:#10b9813d;color:#34d399;border-color:#34d39980}:root[data-theme=dark] .fin-matrix-btn.paid:hover,[data-theme=dark] .fin-matrix-btn.paid:hover{background:#ef444447;color:#f87171;border-color:#f871718c}:root[data-theme=dark] .fin-matrix-btn.unpaid,[data-theme=dark] .fin-matrix-btn.unpaid{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.18)}:root[data-theme=dark] .fin-matrix-btn.unpaid:hover,[data-theme=dark] .fin-matrix-btn.unpaid:hover{background:#10b98138;color:#34d399;border-color:#34d399}:root[data-theme=dark] .fin-matrix-badge.paid,[data-theme=dark] .fin-matrix-badge.paid{background:#10b98138;color:#34d399}:root[data-theme=dark] .fin-matrix-badge.unpaid,[data-theme=dark] .fin-matrix-badge.unpaid{background:#ffffff0d;color:#94a3b8}:root[data-theme=dark] .fin-kru-id-badge,[data-theme=dark] .fin-kru-id-badge{background:#ffffff14;border-color:#ffffff26;color:var(--ink-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .fin-matrix-btn.paid{background:#10b9813d;color:#34d399;border-color:#34d39980}:root:not([data-theme=light]) .fin-matrix-btn.paid:hover{background:#ef444447;color:#f87171;border-color:#f871718c}:root:not([data-theme=light]) .fin-matrix-btn.unpaid{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.18)}:root:not([data-theme=light]) .fin-matrix-btn.unpaid:hover{background:#10b98138;color:#34d399;border-color:#34d399}:root:not([data-theme=light]) .fin-matrix-badge.paid{background:#10b98138;color:#34d399}:root:not([data-theme=light]) .fin-matrix-badge.unpaid{background:#ffffff0d;color:#94a3b8}:root:not([data-theme=light]) .fin-kru-id-badge{background:#ffffff14;border-color:#ffffff26;color:var(--ink-2)}}.fin-skel-block{background:linear-gradient(90deg,var(--ptv-skel-base, rgba(11, 42, 74, .05)) 20%,var(--ptv-skel-highlight, rgba(11, 42, 74, .12)) 50%,var(--ptv-skel-base, rgba(11, 42, 74, .05)) 80%);background-size:200% 100%;animation:ptvShimmer 1.8s ease-in-out infinite;display:block;box-sizing:border-box}:root[data-theme=dark] .fin-skel-block{background:linear-gradient(90deg,#ffffff0d 20%,#ffffff1f,#ffffff0d 80%);background-size:200% 100%}@media(prefers-reduced-motion:reduce){.fin-skel-block{animation:none!important;background:var(--ptv-skel-base, rgba(11, 42, 74, .05))!important}}.fin-skel-root{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box;animation:finSkelFadeIn .25s ease-out}@keyframes finSkelFadeIn{0%{opacity:.7}to{opacity:1}}.fin-skel-surface{background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--fin-card-radius, 22px);padding:20px 24px;box-sizing:border-box}:root[data-theme=dark] .fin-skel-surface{background:var(--surface, #202428);border-color:#ffffff14}.fin-skel-hero-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--fin-card-radius, 22px);padding:24px 28px;box-sizing:border-box}:root[data-theme=dark] .fin-skel-hero-card{background:var(--surface, #202428);border-color:#ffffff14}.fin-skel-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.fin-skel-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;box-sizing:border-box}.fin-skel-kpi-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--fin-card-radius, 22px);padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;box-sizing:border-box}:root[data-theme=dark] .fin-skel-kpi-card{background:var(--surface, #202428);border-color:#ffffff14}.fin-skel-two-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;width:100%;box-sizing:border-box}.fin-skel-pockets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;box-sizing:border-box}.fin-skel-pocket-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--fin-card-radius, 22px);padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;box-sizing:border-box}:root[data-theme=dark] .fin-skel-pocket-card{background:var(--surface, #202428);border-color:#ffffff14}.fin-skel-toolbar{background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--fin-card-radius, 22px);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;flex-wrap:wrap}:root[data-theme=dark] .fin-skel-toolbar{background:var(--surface, #202428);border-color:#ffffff14}.fin-skel-table-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--fin-card-radius, 22px);overflow:hidden;box-sizing:border-box}:root[data-theme=dark] .fin-skel-table-card{background:var(--surface, #202428);border-color:#ffffff14}.fin-skel-table-header{display:flex;align-items:center;padding:14px 20px;background:var(--bg-surface-2, rgba(11, 42, 74, .02));border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .08));gap:16px;box-sizing:border-box}:root[data-theme=dark] .fin-skel-table-header{background:#ffffff08;border-color:#ffffff14}.fin-skel-table-row{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .06));gap:16px;box-sizing:border-box}:root[data-theme=dark] .fin-skel-table-row{border-color:#ffffff0f}.fin-skel-table-row:last-child{border-bottom:none}.fin-skel-mobile-cards{display:none;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.fin-skel-mobile-item{background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--fin-card-radius-sm, 16px);padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}:root[data-theme=dark] .fin-skel-mobile-item{background:var(--surface, #202428);border-color:#ffffff14}@media(max-width:1024px){.fin-skel-two-cols{grid-template-columns:1fr}.fin-skel-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.fin-skel-hero-card{flex-direction:column;align-items:flex-start;padding:18px 20px}.fin-skel-hero-actions{width:100%}.fin-skel-pockets-grid{grid-template-columns:1fr}.fin-skel-table-card.desktop-only{display:none}.fin-skel-mobile-cards{display:flex}}@media(max-width:540px){.fin-skel-kpi-grid{grid-template-columns:1fr}.fin-skel-toolbar{flex-direction:column;align-items:stretch}}:root{--fin-green: #10b981;--fin-green-dark: #059669;--fin-green-bg: #ecfdf5;--fin-green-line: #a7f3d0;--fin-red: #f43f5e;--fin-red-dark: #e11d48;--fin-red-bg: #fff1f2;--fin-red-line: #fecdd3;--fin-indigo: #6366f1;--fin-indigo-dark: #4f46e5;--fin-indigo-bg: #eef2ff;--fin-indigo-line: #c7d2fe;--fin-amber: #f59e0b;--fin-amber-dark: #d97706;--fin-amber-bg: #fffbeb;--fin-amber-line: #fde68a;--fin-blue: #0284c7;--fin-blue-dark: #0369a1;--fin-blue-bg: #f0f9ff;--fin-blue-line: #bae6fd;--fin-purple: #8b5cf6;--fin-purple-dark: #7c3aed;--fin-purple-bg: #faf5ff;--fin-purple-line: #ddd6fe;--fin-card-radius: var(--ptv-curve-xl, 22px);--fin-card-radius-sm: var(--ptv-curve-lg, 16px);--fin-pill-radius: var(--ptv-curve-pill, 9999px);--fin-border: 1px solid var(--line-2, rgba(11, 42, 74, .08))}.finance-foundation{display:flex;flex-direction:column;gap:24px;max-width:1200px;width:100%;margin:0 auto;min-width:0;box-sizing:border-box;color:var(--ink);font-family:var(--ptv-font-family);font-size:15px;line-height:1.5}.finance-content-container{width:100%;max-width:1200px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.finance-foundation h1,.finance-foundation h2,.finance-foundation h3,.finance-foundation h4,.finance-foundation p{margin:0}.finance-foundation h1{font-size:26px;font-weight:750;letter-spacing:-.035em;line-height:1.2}.finance-foundation h2{font-size:18px;font-weight:700;letter-spacing:-.025em}.finance-foundation h3{font-size:15px;font-weight:680;letter-spacing:-.02em}.finance-foundation p{color:var(--ink-2);overflow-wrap:anywhere}.finance-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.finance-heading>div:first-child{display:grid;gap:4px;min-width:0}.finance-heading p{font-size:14px}.finance-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.finance-settings-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;background-color:var(--surface, #ffffff);border:1px solid var(--line);border-radius:var(--fin-pill-radius);font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:all .15s ease}.finance-settings-link:hover{background-color:var(--bg-2);border-color:var(--b-400)}.finance-nav{display:flex;gap:6px;padding:6px;background-color:var(--surface, #ffffff);border:1px solid var(--line);border-radius:var(--fin-pill-radius);overflow-x:auto;min-width:0;max-width:100%;scrollbar-width:thin;box-shadow:var(--shadow-s)}.finance-nav a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:var(--fin-pill-radius);font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--ink-2);text-decoration:none;transition:all .15s ease}.finance-nav a[aria-current=page]{background-color:var(--b-600);color:#fff;box-shadow:0 2px 8px #1273e640}.finance-nav a:hover:not([aria-current=page]){color:var(--ink);background-color:var(--bg-2)}.finance-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:4px}.finance-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--fin-pill-radius);font-size:12px;font-weight:600;background-color:var(--b-050);color:var(--b-700);border:1px solid var(--b-200, rgba(18, 115, 230, .2))}.finance-badge-pill.crew{background-color:var(--bg-2);color:var(--ink-2);border-color:var(--line)}.finance-hero-bento{background-color:var(--surface, #ffffff);border:1px solid var(--line);border-radius:var(--fin-card-radius);padding:16px 22px;box-shadow:var(--shadow-s);position:relative;overflow:hidden;margin-bottom:12px;box-sizing:border-box;height:auto;min-height:unset}.finance-hero-layout{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.finance-hero-main{display:flex;flex-direction:column;gap:10px;flex:1 1 300px}.finance-hero-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.finance-hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--b-700)}.finance-historical-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:550;background-color:var(--bg-2);color:var(--ink-2);border:1px solid var(--line);padding:3px 10px;border-radius:var(--fin-pill-radius)}.finance-hero-amount-wrap{display:flex;flex-direction:column;gap:4px}.finance-hero-amount{font-size:30px;font-weight:800;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15}.finance-hero-subtext{font-size:13px;color:var(--ink-2)}.finance-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.finance-action-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:var(--fin-pill-radius);font-size:13px;font-weight:650;cursor:pointer;border:1px solid transparent;transition:all .15s ease;box-sizing:border-box}.finance-action-btn.action-income{background-color:var(--fin-green);color:#fff}.finance-action-btn.action-income:hover{background-color:var(--fin-green-dark);transform:translateY(-1px)}.finance-action-btn.action-expense:hover{background-color:#ffe4e6;transform:translateY(-1px)}.finance-action-btn.action-transfer:hover{background-color:#e0e7ff;transform:translateY(-1px)}.finance-action-btn.action-pocket{background-color:var(--surface, #ffffff);color:var(--b-700);border:1px solid var(--b-300)}.finance-action-btn.action-pocket:hover{background-color:var(--b-050);border-color:var(--b-600);transform:translateY(-1px)}.finance-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.finance-bento-card{background-color:var(--surface, #ffffff);border:var(--fin-border);border-radius:var(--fin-card-radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:all .15s ease;position:relative;box-shadow:var(--shadow-s);box-sizing:border-box;height:auto;min-height:unset}.finance-bento-card:hover{border-color:#1273e640;transform:translateY(-2px);box-shadow:0 6px 16px #0b2a4a0f}.bento-header{display:flex;align-items:center;gap:8px}.bento-icon-wrap{width:32px;height:32px;border-radius:var(--ptv-curve-md, 12px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.income-icon{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.expense-icon{background-color:var(--fin-red-bg);color:var(--fin-red-dark)}.reversed-icon{background-color:var(--bg-2);color:var(--ink-2)}.pocket-icon{background-color:var(--fin-blue-bg);color:var(--fin-blue-dark)}.bento-label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.bento-value{font-size:19px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.2}.bento-footer{display:flex;align-items:center;font-size:12px;color:var(--ink-2);margin-top:auto}.bento-count{font-weight:550}.bento-note-pill{font-size:11.5px;font-weight:600;background-color:var(--bg-2);color:var(--ink-2);padding:2px 8px;border-radius:var(--fin-pill-radius);border:1px solid var(--line-2)}.bento-bendahara{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--surface, #ffffff);border:1px solid var(--b-200)}.bento-bendahara:hover{border-color:var(--b-500);background-color:#f8fbff;transform:translateY(-2px);box-shadow:0 6px 16px #1273e61a}.bento-bendahara:focus-visible{outline:2px solid var(--b-600);outline-offset:2px}.bendahara-icon{background-color:#e0f2fe;color:#0369a1}.bento-bendahara-desc{font-size:13.5px;line-height:1.45;color:var(--ink-2);font-weight:500;margin-top:2px}.bento-bendahara-footer{margin-top:auto;padding-top:4px}.bento-action-link{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:650;color:var(--b-700);transition:gap .15s ease}.bento-bendahara:hover .bento-action-link{gap:7px;color:var(--b-800)}.bendahara-payment-modal{display:flex;flex-direction:column;gap:16px}.bendahara-empty-state{text-align:center;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:12px}.bendahara-empty-icon-wrap{width:60px;height:60px;border-radius:16px;background-color:#e0f2fe;color:#0284c7;display:flex;align-items:center;justify-content:center}.bendahara-empty-title{font-size:17.5px;font-weight:750;color:var(--ink);margin:0}.bendahara-empty-desc{font-size:14px;color:var(--ink-2);margin:0;max-width:440px;line-height:1.5}.bendahara-notice-box{display:flex;align-items:flex-start;gap:12px;background-color:#f8fafc;border:1px solid var(--line);border-radius:var(--fin-card-radius-sm, 16px);padding:14px 16px;margin-top:6px;text-align:left;max-width:520px}.bendahara-notice-icon{color:var(--b-600);flex-shrink:0;margin-top:2px}.bendahara-notice-text strong{display:block;font-size:13.5px;color:var(--ink);margin-bottom:4px}.bendahara-notice-text p{font-size:13px;color:var(--ink-2);margin:0;line-height:1.45}.bendahara-payment-sections{display:flex;flex-direction:column;gap:20px}.bendahara-section{display:flex;flex-direction:column;gap:10px}.bendahara-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);margin:0}.bendahara-account-card{background-color:#f8fafc;border:1px solid var(--line);border-radius:var(--fin-card-radius-sm, 16px);padding:16px;display:flex;flex-direction:column;gap:12px}.bendahara-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.account-field-label{color:var(--ink-2)}.account-field-val{color:var(--ink);font-weight:650}.account-number-with-copy{display:flex;align-items:center;gap:8px}.account-number-code{font-family:var(--font-mono, monospace);font-size:14px;font-weight:700;background-color:#fff;padding:4px 8px;border-radius:var(--ptv-curve-xs, 6px);border:1px solid var(--line);color:var(--ink)}.btn-copy-account{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;background-color:var(--surface, #ffffff);border:1px solid var(--b-300);color:var(--b-700);padding:4px 10px;border-radius:var(--fin-pill-radius);cursor:pointer;transition:all .15s ease}.btn-copy-account:hover{background-color:var(--b-050);border-color:var(--b-600)}.bendahara-qris-card{background-color:#f8fafc;border:1px solid var(--line);border-radius:var(--fin-card-radius-sm, 16px);padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.qris-image-container{width:220px;height:220px;background-color:#fff;border-radius:12px;border:1px solid var(--line);padding:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qris-image-container.zoomed{width:320px;height:320px}.qris-image{max-width:100%;max-height:100%;object-fit:contain}.qris-merchant-name{font-size:13.5px;color:var(--ink-2);margin:0}.qris-actions-row{display:flex;gap:8px;flex-wrap:wrap}.bendahara-qris-empty{background-color:#f8fafc;border:1px dashed var(--line);border-radius:12px;padding:20px;text-align:center;font-size:13px;color:var(--ink-2)}.finance-columns-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.finance-col-pockets,.finance-col-transactions,.finance-workspace-wrap{display:flex;flex-direction:column;gap:16px;min-width:0}.finance-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-wrap{display:flex;align-items:center;gap:10px}.section-icon{color:var(--b-600)}.section-title-wrap h2{font-size:17px;font-weight:700;letter-spacing:-.02em}.section-title-wrap p{font-size:12.5px;color:var(--ink-2)}.finance-view-all-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--b-600);text-decoration:none}.finance-view-all-link:hover{text-decoration:underline}.finance-pocket-cards-list,.finance-pocket-modern-grid{display:grid;gap:16px}.finance-pocket-modern-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.finance-pocket-card{background-color:var(--surface, #ffffff);border:1px solid var(--line);border-radius:var(--ptv-curve-xl, 22px);padding:20px;display:flex;flex-direction:column;gap:14px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 2px 8px #0b2a4a0a;box-sizing:border-box}.finance-pocket-card:hover{border-color:#1273e64d;transform:translateY(-2px);box-shadow:0 8px 20px #0b2a4a14}.finance-pocket-card.card-archived{background-color:#fafbfd;border-color:var(--line-2);opacity:.85}.finance-pocket-card.card-archived:hover{opacity:1;border-color:var(--line);box-shadow:0 4px 12px #0b2a4a0d}.pocket-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pocket-identity{display:flex;flex-direction:column;gap:6px;min-width:0}.pocket-name{font-size:16px;font-weight:750;letter-spacing:-.02em;color:var(--ink);margin:0}.pocket-type-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;padding:3px 9px;border-radius:var(--fin-pill-radius);width:fit-content}.badge-cash{background-color:var(--fin-amber-bg);color:var(--fin-amber-dark)}.badge-bank{background-color:var(--fin-blue-bg);color:var(--fin-blue-dark)}.badge-ewallet{background-color:var(--fin-purple-bg);color:var(--fin-purple-dark)}.badge-archived{background-color:var(--bg-2);color:var(--ink-2)}.pocket-status-pill{font-size:11px;font-weight:650;padding:3px 9px;border-radius:var(--fin-pill-radius);flex-shrink:0}.pocket-status-pill.active{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.pocket-status-pill.archived{background-color:var(--bg-2);color:var(--ink-2)}.pocket-balance-panel{padding:14px 16px;border-radius:var(--ptv-curve-md, 12px);display:flex;flex-direction:column;gap:4px;transition:background-color .15s ease,border-color .15s ease}.pocket-balance-panel.panel-cash{background-color:#fffdf5;border:1px solid #fde68a}.pocket-balance-panel.panel-cash .pocket-balance-label{color:#92400e}.pocket-balance-panel.panel-cash .pocket-balance-amount{color:#78350f}.pocket-balance-panel.panel-bank{background-color:#f0f9ff;border:1px solid #bae6fd}.pocket-balance-panel.panel-bank .pocket-balance-label{color:#0369a1}.pocket-balance-panel.panel-bank .pocket-balance-amount{color:#0c4a6e}.pocket-balance-panel.panel-ewallet{background-color:#faf5ff;border:1px solid #ddd6fe}.pocket-balance-panel.panel-ewallet .pocket-balance-label{color:#7c3aed}.pocket-balance-panel.panel-ewallet .pocket-balance-amount{color:#581c87}.pocket-balance-panel.panel-archived{background-color:var(--bg-2);border:1px solid var(--line)}.pocket-balance-panel.panel-archived .pocket-balance-label,.pocket-balance-panel.panel-archived .pocket-balance-amount{color:var(--ink-2)}.pocket-balance-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pocket-balance-label{font-size:12px;font-weight:650;letter-spacing:-.01em}.pocket-reconstruction-tag{font-size:10.5px;font-weight:650;padding:2px 8px;border-radius:var(--fin-pill-radius);background-color:#d977061f;color:#b45309;border:1px solid rgba(217,119,6,.25)}.pocket-balance-amount{font-size:21px;font-weight:750;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.25}.pocket-balance-row{display:flex;justify-content:space-between;align-items:baseline;background-color:var(--bg-2);padding:10px 14px;border-radius:var(--ptv-curve-md, 12px)}.pocket-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:4px}.pocket-metadata{font-size:12.5px;font-weight:550;color:var(--ink-2)}.pocket-card-actions{display:flex;gap:6px;align-items:center}.pocket-btn-action{background-color:var(--surface, #ffffff);border:1px solid var(--line);padding:5px 14px;border-radius:var(--fin-pill-radius);font-size:12px;font-weight:650;color:var(--ink);cursor:pointer;transition:all .15s ease;line-height:1.2}.pocket-btn-action:hover{background-color:var(--bg-2);border-color:var(--b-500);color:var(--b-700)}.pocket-btn-action.edit{color:var(--b-600);border-color:#1273e640;background-color:#f8fbff}.pocket-btn-action.edit:hover{background-color:#edf5ff;border-color:var(--b-600);color:var(--b-800)}.finance-archived-section{display:grid;gap:10px}.finance-toggle-archived-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:var(--surface, #ffffff);border:1px dashed var(--line);padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:all .15s ease}.finance-toggle-archived-btn:hover{background-color:var(--bg-2);color:var(--ink)}.chevron-icon{transition:transform .2s ease}.chevron-icon.expanded{transform:rotate(90deg)}.finance-archived-list{display:grid;gap:12px}.finance-modern-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.toolbar-search-wrap{position:relative;flex:1 1 260px}.toolbar-search-wrap .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-2);pointer-events:none}.toolbar-search-input{width:100%;min-height:40px;padding:8px 14px 8px 38px;border:1px solid var(--line);border-radius:var(--fin-pill-radius);background-color:var(--surface, #ffffff);font:inherit;font-size:13.5px;color:var(--ink);box-sizing:border-box;transition:all .15s ease}.toolbar-search-input:focus-visible{outline:2px solid var(--b-600);outline-offset:1px}.toolbar-status-pills,.toolbar-type-pills,.finance-filter-pills-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.status-pill,.filter-pill{background-color:var(--surface, #ffffff);border:1px solid var(--line);border-radius:var(--fin-pill-radius);padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all .15s ease}.status-pill.active,.filter-pill.active{background-color:var(--b-600);color:#fff;border-color:var(--b-600)}.status-pill:hover:not(.active),.filter-pill:hover:not(.active){background-color:var(--bg-2);color:var(--ink)}.finance-quick-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.finance-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--fin-pill-radius);font-size:13.5px;font-weight:650;cursor:pointer;transition:all .15s ease;border:1px solid transparent;box-shadow:0 1px 3px #0b2a4a0d;box-sizing:border-box}.finance-action-btn.action-income{background-color:var(--fin-green-bg);color:var(--fin-green-dark);border-color:var(--fin-green-line)}.finance-action-btn.action-income:hover{background-color:#d1fae5;border-color:#6ee7b7;transform:translateY(-1px);box-shadow:0 4px 10px #10b98126}.finance-action-btn.action-expense{background-color:var(--fin-red-bg);color:var(--fin-red-dark);border-color:var(--fin-red-line)}.finance-action-btn.action-expense:hover{background-color:#ffe4e6;border-color:#fda4af;transform:translateY(-1px);box-shadow:0 4px 10px #f43f5e26}.finance-action-btn.action-transfer{background-color:var(--fin-indigo-bg);color:var(--fin-indigo-dark);border-color:var(--fin-indigo-line)}.finance-action-btn.action-transfer:hover{background-color:#e0e7ff;border-color:#a5b4fc;transform:translateY(-1px);box-shadow:0 4px 10px #6366f126}.finance-toolbar-card{background-color:var(--surface, #ffffff);border:1px solid var(--line);border-radius:var(--ptv-curve-xl, 22px);padding:18px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-s);margin-bottom:8px}.toolbar-row-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar-row-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line-2)}.toolbar-filter-select{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-2);border:1px solid var(--line);padding:4px 10px;border-radius:var(--fin-pill-radius);font-size:12.5px;color:var(--ink-2)}.toolbar-filter-select select{border:none;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);outline:none;cursor:pointer}.toolbar-date-range{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}.toolbar-date-range label{display:flex;align-items:center;gap:4px}.toolbar-date-range input[type=date]{border:1px solid var(--line);background-color:var(--surface, #ffffff);padding:4px 8px;border-radius:var(--ptv-curve-md, 12px);font:inherit;font-size:12px;color:var(--ink)}.toolbar-toggle-test-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--fin-pill-radius);font-size:12px;font-weight:600;background-color:var(--bg-2);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;transition:all .15s ease;margin-left:auto}.toolbar-toggle-test-btn.active{background-color:#ca8a04;color:#fff;border-color:#ca8a04}.finance-filter-summary-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 4px;border-top:1px dashed var(--line-2);gap:12px;flex-wrap:wrap}.finance-filter-count-badge{font-size:12.5px;color:var(--muted)}.finance-filter-count-badge b{color:var(--ink);font-weight:700}.finance-btn-reset-filter{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--fin-pill-radius);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.finance-btn-reset-filter:hover{background:var(--bg-2);color:var(--b-600);border-color:var(--b-400)}.finance-tx-list,.finance-tx-list-modern{display:flex;flex-direction:column;gap:12px}.finance-tx-card{background-color:var(--surface, #ffffff);border:var(--fin-border);border-radius:var(--fin-card-radius-sm);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-s);box-sizing:border-box}.finance-tx-card:hover{border-color:var(--b-300);background-color:var(--bg-2);transform:translate(2px);box-shadow:0 4px 14px #0b2a4a0d}.finance-tx-card.is-reversed{background-color:var(--surface, #ffffff);border-color:var(--line)}.finance-tx-card.is-test{border-color:#facc15}.tx-card-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.tx-type-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-income{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.avatar-expense{background-color:var(--fin-red-bg);color:var(--fin-red-dark)}.avatar-transfer{background-color:var(--fin-indigo-bg);color:var(--fin-indigo-dark)}.avatar-reversed{background-color:var(--bg-2);color:var(--ink-2)}.tx-info-block{display:flex;flex-direction:column;gap:4px;min-width:0}.tx-desc-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tx-description{font-size:14.5px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:460px}.is-reversed .tx-description{text-decoration:line-through;color:var(--ink-2)}.tx-badge-posted{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:650;background-color:var(--fin-green-bg);color:var(--fin-green-dark);padding:1px 7px;border-radius:var(--fin-pill-radius)}.tx-badge-reversed{font-size:10.5px;font-weight:650;background-color:#fee2e2;color:#b91c1c;padding:1px 7px;border-radius:var(--fin-pill-radius)}.tx-badge-test{font-size:10px;font-weight:700;background-color:#fef08a;color:#854d0e;padding:1px 7px;border-radius:var(--fin-pill-radius);border:1px solid #facc15}.tx-meta-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);flex-wrap:wrap}.tx-pocket-tag{background-color:var(--bg-2);padding:1px 7px;border-radius:var(--ptv-curve-xs, 6px);font-size:11.5px;font-weight:550;border:1px solid var(--line-2)}.tx-card-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tx-amount{font-size:15.5px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.amount-income{color:var(--fin-green-dark)}.amount-expense{color:var(--fin-red-dark)}.amount-transfer{color:var(--fin-indigo-dark)}.amount-reversed{color:var(--ink-2);text-decoration:line-through}.tx-chevron{color:var(--line-2, #cbd5e1)}.finance-tx-more-box{text-align:center;padding-top:10px}.finance-more-btn{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650;color:var(--b-700);background-color:var(--surface, #ffffff);border:1px solid var(--line);padding:8px 18px;border-radius:var(--fin-pill-radius);text-decoration:none;transition:all .15s ease}.finance-more-btn:hover{background-color:var(--b-050);border-color:var(--b-400)}.finance-test-audit-banner{background-color:var(--surface, #ffffff);border:1px solid var(--line);border-radius:var(--fin-card-radius-sm);padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--ink-2);box-shadow:var(--shadow-s);margin-top:16px}.test-audit-info{display:flex;align-items:center;gap:8px}.test-audit-link{display:inline-flex;align-items:center;gap:4px;font-weight:650;color:var(--b-600);text-decoration:none;white-space:nowrap}.test-audit-link:hover{text-decoration:underline}.finance-section-container{display:flex;flex-direction:column;gap:20px}.finance-section-hero{background-color:var(--surface, #ffffff);border:var(--fin-border);border-radius:var(--fin-card-radius);padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-s)}.hero-icon-wrap{width:48px;height:48px;border-radius:var(--fin-card-radius-sm, 16px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-icon-wrap.kru{background-color:var(--fin-blue-bg);color:var(--fin-blue-dark)}.hero-icon-wrap.piutang{background-color:var(--fin-amber-bg);color:var(--fin-amber-dark)}.hero-icon-wrap.laporan{background-color:var(--fin-purple-bg);color:var(--fin-purple-dark)}.hero-icon-wrap.settings{background-color:var(--bg-2);color:var(--ink)}.finance-section-hero h2{font-size:18px;font-weight:750}.finance-section-hero p{font-size:13.5px}.finance-substats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.finance-kru-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.finance-kru-card{background-color:var(--surface, #ffffff);border:var(--fin-border);border-radius:var(--fin-card-radius);padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-s)}.kru-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.kru-period-wrap{display:grid;gap:2px}.kru-period-label{font-size:11px;font-weight:600;color:var(--ink-2);text-transform:uppercase}.kru-period-name{font-size:16px;font-weight:750;color:var(--ink)}.kru-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;padding:3px 8px;border-radius:var(--fin-pill-radius)}.kru-status-badge.lunas{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.kru-status-badge.belum{background-color:var(--fin-amber-bg);color:var(--fin-amber-dark)}.kru-card-bottom{display:flex;justify-content:space-between;align-items:baseline;background-color:var(--bg-2);padding:8px 12px;border-radius:12px}.kru-amount-label{font-size:12px;color:var(--ink-2);font-weight:600}.kru-amount-value{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--ink)}.finance-architecture-card{background-color:var(--surface, #ffffff);border:var(--fin-border);border-radius:var(--fin-card-radius);padding:24px 26px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-s)}.arch-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-arch-badge{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:var(--fin-pill-radius);background-color:#fef3c7;color:#92400e}.status-arch-badge.live{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.finance-architecture-card h3{font-size:17px;font-weight:750}.finance-architecture-card p{font-size:14px;line-height:1.6}.arch-pillars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:8px}.arch-pillar-box{background-color:var(--bg-2);border:1px solid var(--line);border-radius:var(--fin-card-radius-sm, 16px);padding:16px;display:flex;flex-direction:column;gap:8px}.pillar-header{display:flex;align-items:center;gap:8px;color:var(--b-700)}.pillar-header strong{font-size:13.5px;color:var(--ink)}.arch-pillar-box p{font-size:12.5px}.finance-settings-modern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.finance-settings-card{background-color:var(--surface, #ffffff);border:var(--fin-border);border-radius:var(--fin-card-radius);padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-s)}.settings-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.settings-card-title{display:flex;align-items:center;gap:8px;color:var(--b-600)}.settings-card-title h3{font-size:16px;font-weight:750;color:var(--ink)}.settings-status-pill{font-size:11px;font-weight:650;padding:2px 8px;border-radius:var(--fin-pill-radius)}.settings-status-pill.live{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.finance-settings-card p{font-size:13.5px;line-height:1.6}.finance-settings-card code{background-color:var(--bg-2);padding:2px 6px;border-radius:var(--ptv-curve-xs, 6px);font-family:monospace;font-size:12px}.settings-card-meta{padding-top:10px;border-top:1px solid var(--line-2);font-size:12px;font-weight:600;color:var(--ink-2)}.finance-dialog-detail{display:flex;flex-direction:column;gap:18px;padding:24px 28px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}.dialog-pocket-hero,.dialog-tx-hero{text-align:center;display:flex;flex-direction:column;gap:8px;padding:18px;background-color:var(--bg-2);border-radius:16px}.dialog-pocket-hero h2,.dialog-tx-hero h2{font-size:18px;font-weight:750}.dialog-hero-balance,.dialog-hero-amount{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.dialog-hero-meta{font-size:12.5px}.tx-type-badge{display:inline-flex;margin:0 auto;padding:3px 12px;border-radius:var(--fin-pill-radius);font-size:12px;font-weight:650}.badge-income{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.badge-expense{background-color:var(--fin-red-bg);color:var(--fin-red-dark)}.badge-transfer{background-color:var(--fin-indigo-bg);color:var(--fin-indigo-dark)}.dialog-alert-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:13px}.dialog-alert-box.warning{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.dialog-alert-box.warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.dialog-allocations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.dialog-allocations-list li{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface, #ffffff);border:1px solid var(--line);padding:10px 14px;border-radius:12px}.alloc-info{display:flex;align-items:center;gap:8px}.alloc-dir-pill{font-size:11px;font-weight:650;padding:2px 6px;border-radius:var(--ptv-curve-xs, 6px)}.alloc-dir-pill.in{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.alloc-dir-pill.out{background-color:var(--fin-red-bg);color:var(--fin-red-dark)}.alloc-amount{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.finance-detail-table{display:flex;flex-direction:column;gap:8px;margin:0}.finance-detail-table>div{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line-2)}.finance-detail-table dt{color:var(--ink-2);font-size:13px}.finance-detail-table dd{margin:0;font-weight:600;font-size:13.5px}.dialog-audit-box{background-color:var(--bg-2);padding:14px 16px;border-radius:12px;font-size:12px;display:flex;flex-direction:column;gap:6px}.dialog-audit-box code{font-family:monospace;background-color:var(--surface, #ffffff);padding:2px 6px;border-radius:var(--ptv-curve-xs, 6px);border:1px solid var(--line)}.dialog-actions-row{display:flex;justify-content:flex-end;gap:8px;padding-top:10px}.finance-qris-wrap{text-align:center;margin:10px 0}.finance-qris{display:block;max-width:240px;height:auto;margin:0 auto;border-radius:var(--ptv-curve-md, 12px);border:1px solid var(--line)}.finance-access-denied-wrap{display:flex;align-items:center;justify-content:center;padding:20px 0}.finance-access-card{text-align:center;padding:36px 24px;display:flex;flex-direction:column;gap:12px;max-width:540px;margin:0 auto}.finance-access-icon{width:56px;height:56px;border-radius:var(--fin-card-radius, 22px);background-color:var(--fin-blue-bg);color:var(--b-600);display:flex;align-items:center;justify-content:center;margin:0 auto 6px}.finance-access-card h2{font-size:20px;font-weight:750;color:var(--ink)}.finance-access-card p{font-size:14px;line-height:1.6}.finance-access-actions{padding-top:10px}.finance-btn-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 20px;border-radius:var(--fin-pill-radius);font-size:13.5px;font-weight:650;text-decoration:none;cursor:pointer}.finance-btn-pill.primary{background-color:var(--b-600);color:#fff}.finance-skeleton-wrap{display:flex;flex-direction:column;gap:24px;width:100%}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-2) 0%,var(--line-2) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-hero{height:180px;border-radius:var(--fin-card-radius);background-color:var(--surface, #ffffff)}.skeleton-bento-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.skeleton-bento-card{height:110px;border-radius:var(--fin-card-radius);background-color:var(--surface, #ffffff)}.skeleton-columns-row{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px}.skeleton-col-box{height:280px;border-radius:var(--fin-card-radius);background-color:var(--surface, #ffffff)}.finance-error-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:36px 20px}.finance-error-icon{width:52px;height:52px;border-radius:16px;background-color:#fef2f2;color:#ef4444;display:flex;align-items:center;justify-content:center}.finance-error-card h2{font-size:19px;font-weight:750}.finance-error-card p{max-width:50ch;font-size:14px}.finance-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;margin:0!important;max-width:none!important;z-index:10000;display:flex;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;background-color:#0b2a4aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow-y:auto}.finance-dialog{max-height:calc(100dvh - 48px);width:100%;max-width:680px;overflow:hidden!important;display:flex;flex-direction:column;min-width:0;box-sizing:border-box;border-radius:var(--ptv-curve-2xl, 28px)!important;box-shadow:0 24px 48px -12px #0b2a4a47,0 0 0 1px #0b2a4a14;border:none;animation:financeModalPopIn .18s cubic-bezier(.16,1,.3,1)}@keyframes financeModalPopIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.finance-dialog>div{min-width:0}.finance-dialog-content{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);height:100%;padding:0;box-sizing:border-box;min-width:0;background-color:var(--surface, #ffffff);border-radius:var(--ptv-curve-2xl, 28px)!important;overflow:hidden!important}.finance-dialog .finance-heading{position:sticky;top:0;z-index:20;margin-bottom:0;padding:20px 28px 16px;border-bottom:1px solid var(--line-2);background-color:var(--surface, #ffffff);border-top-left-radius:var(--ptv-curve-2xl, 28px)!important;border-top-right-radius:var(--ptv-curve-2xl, 28px)!important;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.finance-form{display:flex;flex-direction:column;gap:20px;min-width:0;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 28px;box-sizing:border-box}.finance-field{display:flex;flex-direction:column;gap:6px;min-width:0}.finance-field-label{font-size:13px;font-weight:650;color:var(--ink-2);margin:0}.finance-form label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:650;color:var(--ink-2)}.finance-select,.finance-form select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--ptv-curve-md, 12px);padding:12px 15px;background-color:var(--bg-2);color:var(--ink);font:inherit;font-size:14px;box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.finance-select:focus-visible,.finance-form select:focus-visible{outline:2px solid var(--b-600);outline-offset:2px;background-color:var(--surface, #ffffff)}.finance-form .ptv-input{border-radius:var(--ptv-curve-md, 12px)!important}.finance-form .ptv-input:focus-visible{outline:2px solid var(--b-600)!important;outline-offset:2px}.finance-form fieldset{margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:var(--ptv-curve-lg, 16px);min-width:0;display:flex;flex-direction:column;gap:14px;background-color:#fcfdfe}.finance-form legend{font-size:13.5px;font-weight:680;color:var(--ink);padding:0 8px}.finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.finance-allocation{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:flex-end;background-color:var(--surface, #ffffff);padding:14px 16px;border-radius:var(--ptv-curve-md, 12px);border:1px solid var(--line-2);box-shadow:0 1px 3px #0b2a4a08}.alloc-pocket-field,.alloc-amount-field{display:flex;flex-direction:column;min-width:0}.alloc-delete-btn{margin-bottom:2px;align-self:flex-end}.alloc-add-row{display:flex;justify-content:flex-start;margin-top:4px}.finance-form-footer{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:16px 28px;margin-top:auto;border-top:1px solid var(--line-2);background-color:var(--surface, #ffffff);border-bottom-left-radius:var(--ptv-curve-2xl, 28px)!important;border-bottom-right-radius:var(--ptv-curve-2xl, 28px)!important;box-shadow:0 -4px 12px #0b2a4a08}.finance-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%}.finance-form-footer p{flex:1 1 240px;font-size:12.5px;margin:0}.finance-success{padding:10px 14px;border-radius:var(--ptv-curve-md, 12px);background-color:var(--fin-green-bg);color:var(--fin-green-dark);font-size:13px;font-weight:600}.finance-error{padding:10px 14px;border-radius:var(--ptv-curve-md, 12px);background-color:var(--fin-red-bg);color:var(--fin-red-dark);font-size:13px;font-weight:600}.finance-notice{padding:12px 15px;border:1px solid var(--line);border-radius:var(--ptv-curve-md, 12px);background-color:var(--bg-2);font-size:13.5px}.finance-footnote{font-size:12.5px;color:var(--ink-2)}.finance-empty{padding:36px 22px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.finance-empty-icon{color:var(--b-600)}.finance-empty p{font-size:13.5px;max-width:62ch;margin:0 auto}.finance-empty-pocket,.finance-empty-tx{padding:24px 16px;text-align:center;color:var(--ink-2);font-size:13.5px}.toolbar-filter-toggle-mobile{display:none}@media(min-width:640px){.toolbar-row-filters{display:flex!important}}@media(max-width:1024px){.finance-bento-grid,.finance-settings-modern-grid,.finance-substats-row,.arch-pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-columns-layout{grid-template-columns:minmax(0,1fr);gap:24px}}@media(max-width:639px){.finance-foundation{gap:16px;padding:0 4px}.finance-content-container{gap:16px}.finance-heading{flex-direction:column;align-items:flex-start;gap:10px}.finance-heading h1{font-size:20px;line-height:1.25}.finance-heading p{font-size:12.5px;line-height:1.4}.finance-actions{width:100%;justify-content:flex-start;gap:8px}.finance-actions button,.finance-settings-link{min-height:34px;padding:0 12px;font-size:12px}.finance-section-title{margin-bottom:2px;gap:6px}.finance-section-title h2{font-size:16px}.finance-nav-scroll-wrap{position:relative;width:100%;overflow:hidden}.finance-nav{padding:4px;gap:4px;border-radius:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.finance-nav::-webkit-scrollbar{display:none}.finance-nav a{min-height:34px;padding:0 12px;font-size:12px;border-radius:9px;flex:0 0 auto}.finance-hero-bento{padding:12px 14px;margin-bottom:8px;border-radius:var(--fin-card-radius-sm, 16px);height:auto;min-height:unset}.finance-hero-layout{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.finance-hero-main{flex:0 0 auto;min-height:unset;height:auto;gap:6px}.finance-hero-badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.finance-hero-tag{font-size:10.5px;padding:2px 6px}.finance-historical-badge{font-size:10px;padding:2px 6px;white-space:normal;max-width:100%}.finance-hero-amount{font-size:24px;line-height:1.15}.finance-hero-subtext{font-size:11.5px}.finance-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.finance-hero-actions .finance-action-btn{width:100%;justify-content:center;padding:6px 10px;font-size:11.5px;min-height:38px;gap:6px}.finance-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;margin-bottom:12px}.finance-bento-card{padding:10px;border-radius:12px;gap:4px;height:auto;min-height:unset}.bento-header{gap:6px}.bento-value{font-size:16px}.bento-icon-wrap{width:28px;height:28px;border-radius:var(--ptv-curve-md, 12px)}.bento-icon-wrap svg{width:15px;height:15px}.bento-label{font-size:11.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-value{font-size:15px;font-weight:750;letter-spacing:-.02em;line-height:1.25}.bento-footer{font-size:10.5px;padding-top:2px}.bento-bendahara-desc{font-size:11px;line-height:1.35}.bento-action-link{font-size:11px}.finance-quick-actions{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:2px;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:10px}.finance-quick-actions::-webkit-scrollbar{display:none}.finance-quick-actions .finance-action-btn{flex:0 0 auto;white-space:nowrap;padding:7px 12px;font-size:12px;min-height:36px;gap:6px}.finance-toolbar-card{padding:12px;border-radius:16px;gap:10px;margin-bottom:8px}.toolbar-row-top{flex-direction:column;align-items:stretch;gap:8px}.toolbar-search-wrap{flex:0 0 auto;width:100%;min-height:unset;height:auto}.toolbar-search-wrap .search-icon{top:50%;transform:translateY(-50%)}.toolbar-search-input{min-height:38px;font-size:12.5px;padding:6px 12px 6px 36px}.finance-modern-toolbar{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:8px}.finance-modern-toolbar .toolbar-search-wrap{flex:0 0 auto;width:100%;min-height:unset;height:auto}.toolbar-type-pills,.toolbar-status-pills,.finance-filter-pills-row{gap:5px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.toolbar-type-pills::-webkit-scrollbar,.toolbar-status-pills::-webkit-scrollbar,.finance-filter-pills-row::-webkit-scrollbar{display:none}.status-pill,.filter-pill{padding:5px 10px;font-size:11.5px;border-radius:var(--fin-pill-radius)}.toolbar-filter-toggle-mobile{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-2);border:1px solid var(--line);border-radius:var(--fin-pill-radius);padding:5px 12px;font-size:11.5px;font-weight:600;color:var(--ink-2);cursor:pointer;align-self:flex-start;transition:all .15s ease}.toolbar-filter-toggle-mobile.active{background-color:var(--b-600);color:#fff;border-color:var(--b-600)}.toolbar-row-filters.mobile-collapsed{display:none}.toolbar-row-filters.mobile-expanded{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:8px;border-top:1px solid var(--line-2)}.toolbar-date-range{flex-direction:column;align-items:stretch;gap:6px}.toolbar-date-range input[type=date]{width:100%;min-height:36px}.toolbar-toggle-test-btn{width:100%;justify-content:center;margin-left:0}.finance-tx-list,.finance-tx-list-modern{gap:8px}.finance-tx-card{padding:10px 12px;border-radius:12px;gap:8px}.tx-card-left{gap:8px}.tx-type-avatar{width:32px;height:32px;border-radius:9px}.tx-type-avatar svg{width:15px;height:15px}.tx-description{font-size:13px;max-width:160px}.tx-meta-row{font-size:11px;gap:4px}.tx-pocket-tag{font-size:10px;padding:1px 4px}.tx-amount{font-size:13.5px}.finance-pocket-cards-list,.finance-pocket-modern-grid{gap:10px;grid-template-columns:1fr}.finance-pocket-card{padding:14px;border-radius:16px;gap:8px}.pocket-name{font-size:15px}.pocket-type-badge,.pocket-status-pill{font-size:10.5px;padding:2px 7px}.pocket-balance-panel{padding:8px 10px;border-radius:var(--ptv-curve-md, 12px);gap:2px}.pocket-balance-label{font-size:11px}.pocket-reconstruction-tag{font-size:9px;padding:1px 5px}.pocket-balance-amount{font-size:17px}.pocket-metadata{font-size:11.5px}.pocket-btn-action{padding:4px 10px;font-size:11.5px}.finance-section-hero{padding:14px;gap:10px;border-radius:var(--fin-card-radius-sm, 16px);margin-bottom:12px}.finance-section-hero h2{font-size:16px}.finance-section-hero p{font-size:12.5px}.finance-substats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin-bottom:12px}.finance-kru-cards-grid{grid-template-columns:1fr;gap:8px}.finance-kru-card{padding:12px;border-radius:12px;gap:6px}.kru-period-name,.kru-amount-value{font-size:14.5px}.finance-architecture-card{padding:14px;border-radius:16px;gap:12px}.finance-architecture-card h3{font-size:15px}.finance-architecture-card p{font-size:12.5px;line-height:1.5}.arch-pillars-grid{grid-template-columns:1fr;gap:8px}.arch-pillar-box{padding:12px;border-radius:12px;gap:6px}.finance-settings-modern-grid{grid-template-columns:1fr;gap:10px}.finance-settings-card{padding:14px;border-radius:var(--fin-card-radius-sm, 16px);gap:8px}.settings-card-title h3{font-size:14px}.finance-settings-card p{font-size:12px;line-height:1.45}.settings-card-meta{font-size:11px;padding-top:6px}.finance-overlay{padding:0;align-items:flex-end}.finance-dialog{max-height:92dvh;width:100%;border-radius:24px 24px 0 0}.finance-dialog-content{padding:18px 16px 28px}.finance-dialog .finance-heading{margin-bottom:14px;padding-bottom:10px}.finance-dialog .finance-heading h2{font-size:16px}.finance-form{gap:14px}.finance-form-grid{grid-template-columns:1fr;gap:12px}.finance-form fieldset{padding:14px 12px;border-radius:12px;gap:10px}.finance-allocation{grid-template-columns:1fr;gap:8px;padding:10px 12px}.alloc-delete-btn{align-self:flex-end;margin-top:0}.finance-form-footer{padding-top:14px;margin-top:2px;gap:10px}.finance-form-actions{flex-direction:column-reverse;gap:8px;width:100%}.finance-form-actions button{width:100%;min-height:44px}.qris-image-container{width:180px;height:180px}.qris-image-container.zoomed{width:260px;height:260px}.skeleton-bento-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skeleton-columns-row{grid-template-columns:1fr}}@media(max-width:360px){.finance-hero-amount{font-size:22px}.finance-hero-actions{grid-template-columns:1fr}.bento-value{font-size:13.5px}.tx-description{max-width:120px}.tx-amount{font-size:12.5px}}.finance-matrix-desktop-container{display:block;width:100%;margin-top:8px;border-radius:var(--fin-card-radius);border:var(--fin-border);background-color:var(--surface);box-shadow:var(--shadow-s);overflow:hidden}.finance-matrix-scroll-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.finance-matrix-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.finance-matrix-table th{background-color:var(--surface-muted, #f8fafc);color:var(--ink-2);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:12px 14px;border-bottom:1px solid var(--line-2, #e2e8f0);text-align:left}.finance-matrix-table td{padding:10px 14px;border-bottom:1px solid var(--line-2, #e2e8f0);vertical-align:middle}.finance-matrix-table tr:hover{background-color:var(--surface-hover, rgba(0, 0, 0, .015))}.finance-matrix-table .sticky-col{position:sticky;left:0;background-color:var(--surface);z-index:2;box-shadow:2px 0 6px #0000000a;min-width:200px}.finance-matrix-table th.sticky-col{background-color:var(--surface-muted, #f8fafc);z-index:3}.finance-matrix-table .sticky-col-right{position:sticky;right:0;background-color:var(--surface);z-index:2;box-shadow:-2px 0 6px #0000000a;text-align:center}.finance-matrix-table th.sticky-col-right{background-color:var(--surface-muted, #f8fafc);z-index:3}.matrix-crew-box{display:flex;align-items:center;gap:10px}.matrix-crew-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--line-2)}.matrix-crew-avatar-placeholder{width:32px;height:32px;border-radius:50%;background-color:var(--fin-indigo-bg);color:var(--fin-indigo-dark);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;border:1px solid var(--fin-indigo-line)}.matrix-crew-name{font-size:13.5px;font-weight:680;color:var(--ink);display:block}.matrix-crew-sub{font-size:11px;color:var(--ink-2)}.cell-matrix-period{text-align:center;padding:8px 10px}.matrix-status-cell-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--fin-pill-radius);font-size:11.5px;font-weight:650;border:1px solid transparent;cursor:pointer;background:transparent;transition:all .15s ease}.matrix-status-cell-btn.lunas{background-color:var(--fin-green-bg);color:var(--fin-green-dark);border-color:var(--fin-green-line)}.matrix-status-cell-btn.sebagian{background-color:var(--fin-amber-bg);color:var(--fin-amber-dark);border-color:var(--fin-amber-line)}.matrix-status-cell-btn.belum{background-color:var(--surface-muted, #f1f5f9);color:var(--ink-2, #64748b);border-color:var(--line-2, #e2e8f0)}.matrix-status-cell-btn.belum:hover{background-color:var(--fin-indigo-bg);color:var(--fin-indigo-dark);border-color:var(--fin-indigo-line)}.matrix-status-cell-btn.dikecualikan{background-color:var(--fin-indigo-bg, #eff6ff);color:var(--fin-indigo-dark, #1d4ed8);border-color:var(--fin-indigo-line, #bfdbfe)}.icon-dikecualikan{color:var(--fin-indigo-dark, #1d4ed8)}.dot-belum{width:7px;height:7px;border-radius:50%;background-color:#cbd5e1}.cell-summary-status{padding:10px 14px}.summary-status-wrap{display:flex;flex-direction:column;gap:3px}.arrears-warning-tag{font-size:10.5px;font-weight:700;color:var(--fin-red-dark);background-color:var(--fin-red-bg);padding:2px 6px;border-radius:var(--ptv-curve-xs, 6px);display:inline-block;width:fit-content}.periods-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:6px}.period-checkbox-card{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-md, 12px);background-color:var(--surface);cursor:pointer;font-size:12.5px;font-weight:600;transition:all .15s ease}.period-checkbox-card.selected{border-color:var(--fin-indigo);background-color:var(--fin-indigo-bg);color:var(--fin-indigo-dark)}.payment-summary-box{background:var(--surface-muted, #f8fafc);border:1px solid var(--line-2, #e2e8f0);border-radius:12px;padding:14px 16px;margin:12px 0}.payment-summary-box .summary-line{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.payment-summary-box .summary-line strong{font-size:18px;color:var(--fin-green-dark)}.payment-summary-box .summary-desc{font-size:11.5px;color:var(--ink-2);margin-top:6px;line-height:1.4}.laporan-export-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;background:var(--surface);border:var(--fin-border);border-radius:var(--fin-card-radius);box-shadow:var(--shadow-s)}.laporan-period-badge{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);background-color:var(--surface-muted, #f1f5f9);padding:6px 12px;border-radius:var(--fin-pill-radius)}.laporan-filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}.laporan-filter-item{display:flex;flex-direction:column;gap:3px}.laporan-filter-item .finance-field-label{font-size:11px;font-weight:650;color:var(--ink-2);margin-bottom:1px}.laporan-filter-item .finance-select{width:100%;min-height:36px;font-size:12.5px;padding:5px 10px;border-radius:var(--ptv-curve-md, 12px);background-color:var(--surface);border:1px solid var(--line);color:var(--ink)}@media(max-width:900px){.laporan-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.mobile-kru-periods-row{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.mobile-period-pill{font-size:10.5px;font-weight:650;padding:2px 6px;border-radius:var(--ptv-curve-xs, 6px)}.mobile-period-pill.lunas{background-color:var(--fin-green-bg);color:var(--fin-green-dark)}.mobile-period-pill.sebagian{background-color:var(--fin-amber-bg);color:var(--fin-amber-dark)}.mobile-period-pill.belum{background-color:var(--surface-muted, #f1f5f9);color:var(--ink-2)}@media(max-width:768px){.finance-matrix-desktop-container{display:none}}@media(max-width:640px){.laporan-export-toolbar{flex-direction:column;align-items:stretch;padding:10px 12px;gap:8px}.laporan-export-toolbar>div:first-child{display:flex;flex-direction:column;gap:6px;width:100%}.laporan-export-toolbar>div:first-child button{width:100%;justify-content:center}.laporan-period-badge{justify-content:center;font-size:11.5px;padding:4px 8px}}.finance-maintenance-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--surface-warning-subtle, rgba(245, 158, 11, .08));border:1px solid var(--border-warning, rgba(245, 158, 11, .3));border-radius:var(--ptv-curve-lg, 16px);margin-bottom:8px;box-sizing:border-box}.maintenance-banner-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ptv-curve-md, 12px);background:#f59e0b26;color:#d97706;flex-shrink:0;margin-top:1px}.maintenance-banner-content{flex:1;min-width:0}.maintenance-banner-title{font-size:13.5px;font-weight:700;color:#b45309;letter-spacing:-.01em;margin-bottom:2px}.maintenance-banner-text{font-size:12.5px;line-height:1.5;color:var(--ink-2);margin:0}.finance-single-pocket-fieldset{border:1px solid var(--line-2);border-radius:var(--fin-card-radius-sm, 16px);padding:14px 16px;margin-bottom:16px;background:var(--surface)}.finance-single-pocket-fieldset legend{font-size:12.5px;font-weight:650;padding:0 6px;color:var(--ink)}.finance-quick-amounts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.finance-quick-chip{transition:all .15s ease}.finance-quick-chip:hover{background:var(--line-2)!important;transform:translateY(-1px)}@media(max-width:768px){.finance-foundation input,.finance-foundation select,.finance-foundation textarea,.finance-form input,.finance-form select,.finance-form textarea,.toolbar-search-input{font-size:16px!important}}.finance-dialog{max-height:calc(100dvh - 40px);overflow:hidden;box-sizing:border-box}@media(max-width:640px){.finance-dialog{max-height:94dvh!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin-top:auto!important}.finance-dialog-content{max-height:94dvh!important;border-radius:20px 20px 0 0!important}.finance-dialog .finance-heading{border-radius:20px 20px 0 0!important;padding:16px 18px 12px!important}.finance-form,.finance-dialog-detail{padding:16px 18px!important}.finance-form-footer{border-radius:0!important;padding:12px 18px max(14px,env(safe-area-inset-bottom,14px)) 18px!important}.finance-input,.finance-select,.finance-form input,.finance-form select,.finance-form textarea{font-size:16px!important}.finance-hero-layout{flex-direction:column;gap:16px}.finance-hero-actions{width:100%;justify-content:stretch}.finance-hero-actions button{flex:1;justify-content:center}}@keyframes finShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fin-skel-shimmer{background:linear-gradient(90deg,var(--line-2, rgba(0, 0, 0, .05)) 25%,var(--surface-tint, rgba(0, 0, 0, .09)) 50%,var(--line-2, rgba(0, 0, 0, .05)) 75%);background-size:200% 100%;animation:finShimmer 1.8s ease-in-out infinite;border-radius:var(--ptv-curve-md, 12px)}:root[data-theme=dark] .fin-skel-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%}.finance-skeleton-root{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.fin-skel-hero{height:110px;border-radius:var(--ptv-curve-xl, 20px);border:1px solid var(--line-2);background:var(--surface);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.fin-skel-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:900px){.fin-skel-bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.fin-skel-bento-grid{grid-template-columns:1fr}}.fin-skel-bento-card{height:120px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg, 16px);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.fin-skel-cols-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}@media(max-width:860px){.fin-skel-cols-grid{grid-template-columns:1fr}}.fin-skel-panel{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg, 16px);padding:20px;min-height:280px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.fin-skel-table{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg, 16px);overflow:hidden;box-sizing:border-box}.fin-skel-table-header{height:44px;background:var(--bg-1);border-bottom:1px solid var(--line-2);display:flex;align-items:center;padding:0 16px;gap:16px}.fin-skel-table-row{height:52px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;padding:0 16px;gap:16px}.fin-skel-pockets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.fin-skel-pocket-card{height:140px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg, 16px);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.searchable-crew-select-container{position:relative;width:100%}.searchable-crew-trigger{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--ptv-curve-md, 12px);padding:8px 14px;background-color:var(--bg-2);color:var(--ink);font:inherit;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.searchable-crew-trigger:hover:not(:disabled){border-color:var(--brand-500, #1273e6);background-color:var(--surface)}.searchable-crew-trigger.open{border-color:var(--brand-600, #0c57b5);box-shadow:0 0 0 3px #1273e626;background-color:var(--surface)}.searchable-crew-trigger:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-1)}.crew-trigger-content{display:flex;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-trigger-placeholder{color:var(--muted);font-size:13.5px}.crew-trigger-avatar,.option-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--line-2)}.crew-trigger-placeholder-icon,.option-placeholder{width:28px;height:28px;border-radius:50%;background:var(--brand-50, #f0f7ff);color:var(--brand-700, #0c57b5);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(18,115,230,.2)}.crew-trigger-name{font-weight:600;font-size:13.5px;color:var(--ink)}.crew-trigger-id{font-size:12px;color:var(--ink-3);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.searchable-crew-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-md, 12px);box-shadow:0 12px 32px -4px #0b2a4a2e,0 0 0 1px #0b2a4a0d;z-index:100;overflow:hidden;animation:financeModalPopIn .12s ease-out}.searchable-crew-search-box{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line-2);background:var(--bg-1)}.dropdown-search-input{width:100%;border:none;background:transparent;color:var(--ink);font-size:13px;outline:none;box-shadow:none;padding:0;min-height:unset}.searchable-crew-list{max-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:4px}.crew-option-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background-color .12s ease}.crew-option-item:hover{background-color:var(--bg-1)}.crew-option-item.selected{background-color:var(--brand-50, #f0f7ff)}.crew-option-left{display:flex;align-items:center;gap:10px;overflow:hidden}.option-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}.option-sub{font-size:11.5px;color:var(--ink-3);margin-top:2px}.option-check-icon{color:var(--brand-600, #0c57b5);flex-shrink:0;margin-left:8px}.crew-empty-search{padding:20px;text-align:center;font-size:12.5px;color:var(--muted)}@font-face{font-family:SF Pro Display;src:url(/assets/fonts/sf-pro-display/SF-Pro-Display-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/fonts/sf-pro-display/SF-Pro-Display-Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/fonts/sf-pro-display/SF-Pro-Display-Semibold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/fonts/sf-pro-display/SF-Pro-Display-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:SF Pro Text;src:url(/assets/fonts/sf-pro-display/SF-Pro-Display-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:SF Pro Text;src:url(/assets/fonts/sf-pro-display/SF-Pro-Display-Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:SF Pro Text;src:url(/assets/fonts/sf-pro-display/SF-Pro-Display-Semibold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:SF Pro Text;src:url(/assets/fonts/sf-pro-display/SF-Pro-Display-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--b-900: #072A52;--b-800: #0A3C74;--b-700: #0B5FBF;--b-600: #1273E6;--b-500: #3B8EF7;--b-400: #6FB0FF;--b-300: #A7CEFF;--b-100: #DCEBFF;--b-050: #EDF4FF;--bg: #F8FAFD;--bg-2: #FFFFFF;--surface: #FFFFFF;--surface-2: #FFFFFF;--glass: rgba(255, 255, 255, .85);--card-bg: #FFFFFF;--ink: #0B2A4A;--ink-2: #38587A;--muted: #6E8CAE;--ink-3: var(--muted);--ink3: var(--muted);--line: rgba(11, 42, 74, .1);--line-2: rgba(11, 42, 74, .055);--shadow-s: 0 1px 2px rgba(11, 60, 116, .05), 0 3px 10px rgba(11, 60, 116, .05);--shadow-m: 0 4px 12px rgba(11, 60, 116, .07), 0 18px 40px rgba(11, 60, 116, .1);--shadow-l: 0 -4px 16px rgba(11, 60, 116, .06), 0 -24px 60px rgba(11, 60, 116, .16);--shadow-blue: 0 8px 22px rgba(18, 115, 230, .28);--ptv-soft-surface-bg: #FFFFFF;--ptv-soft-border: .75px solid rgba(226, 232, 240, .85);--ptv-soft-stroke: rgba(226, 232, 240, .85);--ptv-soft-stroke-width: .75px;--ptv-soft-shadow: 0 10px 22px rgba(15, 23, 42, .06), 0 2px 5px rgba(15, 23, 42, .03);--ptv-soft-shadow-elevated: 0 16px 36px rgba(15, 23, 42, .09), 0 4px 10px rgba(15, 23, 42, .04);--ptv-soft-filter: drop-shadow(0 10px 22px rgba(15, 23, 42, .06)) drop-shadow(0 2px 5px rgba(15, 23, 42, .03));--ok: #0F7A5A;--ok-bg: #E1F5EE;--warn: #9A6B08;--warn-bg: #FCF0D6;--dang: #B02B23;--dang-bg: #FDE8E6;--info: #0B5FBF;--info-bg: #E2EDFD;--neutral-bg: #E9F0F9;--neutral-fg: #5A7793;--accent-bg: #E2EDFD;--accent-fg: #0B5FBF;--ok-border: rgba(15, 122, 90, .25);--warn-border: rgba(217, 119, 6, .25);--dang-border: rgba(176, 43, 35, .25);--info-border: rgba(11, 95, 191, .25);--shortcut-surat-fg: var(--b-600);--shortcut-surat-bg: var(--b-050);--shortcut-surat-border: rgba(18, 115, 230, .2);--shortcut-surat-hover-border: var(--b-300);--shortcut-pinjam-fg: #4F46E5;--shortcut-pinjam-bg: #EEF2FF;--shortcut-pinjam-border: rgba(79, 70, 229, .2);--shortcut-pinjam-hover-border: #C7D2FE;--shortcut-masalah-fg: #D97706;--shortcut-masalah-bg: #FEF3C7;--shortcut-masalah-border: rgba(217, 119, 6, .2);--shortcut-masalah-hover-border: #FDE68A;--shortcut-lostfound-fg: #0D9488;--shortcut-lostfound-bg: #CCFBF1;--shortcut-lostfound-border: rgba(13, 148, 136, .2);--shortcut-lostfound-hover-border: #99F6E4;--shortcut-tugas-fg: #059669;--shortcut-tugas-bg: #D1FAE5;--shortcut-tugas-border: rgba(5, 150, 105, .2);--shortcut-tugas-hover-border: #A7F3D0;--shortcut-id-fg: #9333EA;--shortcut-id-bg: #F3E8FF;--shortcut-id-border: rgba(147, 51, 234, .2);--shortcut-id-hover-border: #E9D5FF;--gold: #9A6B08;--gold-bg: #FCF0D6;--g-500: #3B8EF7;--g-700: #0B5FBF;--ptv-curve-xs: 6px;--ptv-curve-sm: 9px;--ptv-curve-md: 12px;--ptv-curve-lg: 16px;--ptv-curve-xl: 22px;--ptv-curve-2xl: 28px;--ptv-curve-3xl: 34px;--ptv-curve-pill: 9999px;--ptv-curve-circle: 50%;--ptv-concentric-inset-xs: 4px;--ptv-concentric-inset-sm: 6px;--ptv-concentric-inset-md: 10px;--ptv-concentric-inset-lg: 12px;--ptv-corner-xs: var(--ptv-curve-xs);--ptv-corner-sm: var(--ptv-curve-md);--ptv-corner-md: var(--ptv-curve-lg);--ptv-corner-lg: var(--ptv-curve-xl);--ptv-corner-xl: var(--ptv-curve-2xl);--ptv-corner-2xl: var(--ptv-curve-3xl);--ptv-corner-pill: var(--ptv-curve-pill);--ptv-corner-circle: var(--ptv-curve-circle);--r-xs: var(--ptv-curve-xs);--r-s: var(--ptv-curve-sm);--r-m: var(--ptv-curve-lg);--r-l: var(--ptv-curve-xl);--r-xl: var(--ptv-curve-2xl);--r-full: var(--ptv-curve-pill);--r-ref-xs: 9px;--r-ref-s: 13px;--r-ref-m: 18px;--r-ref-l: 24px;--r-ref-xl: 30px;--r-ref-full: 999px;--r-ref-circle: 50%;--r-thumb: 14px;--r-dock: 26px;--r-icon-box: 13px;--r-action-box: 19px;--header-h: 58px;--dock-h: 64px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--sidebar-w: 250px;--maxw: 1160px}:root[data-sidebar-collapsed=true],.side.collapsed{--sidebar-w: 72px}:root{--ptv-font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ptv-font-display: var(--font-display);--ptv-font-text: var(--font-body);--ptv-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font: var(--font-body);--font-sans: var(--font-body);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-surface: var(--surface);--bg-surface-hover: var(--b-050);--bg-card: var(--surface);--bg-card-border: var(--line);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-muted: var(--muted);--accent-blue: var(--b-700);--accent-cyan: var(--b-600);--status-success: var(--ok);--status-success-bg: var(--ok-bg);--status-warning: var(--warn);--status-warning-bg: var(--warn-bg);--status-danger: var(--dang);--status-danger-bg: var(--dang-bg);--status-info: var(--info);--status-info-bg: var(--info-bg);--radius-xs: var(--ptv-corner-xs);--radius-sm: var(--ptv-corner-sm);--radius-md: var(--ptv-corner-md);--radius-lg: var(--ptv-corner-lg);--radius-xl: var(--ptv-corner-xl);--radius-2xl: var(--ptv-corner-2xl);--radius-pill: var(--ptv-corner-pill);--radius-full: var(--ptv-corner-pill);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out}:root[data-theme=dark],[data-theme=dark]{--bg: #111315;--bg-2: #1B1E21;--surface: #24282C;--surface-2: #2E3338;--glass: rgba(27, 30, 33, .9);--card-bg: #24282C;--ink: #E8EAED;--ink-2: #BDC1C6;--muted: #9DA5AE;--ink-3: var(--muted);--ink3: var(--muted);--line: #34383D;--line-2: rgba(255, 255, 255, .08);--b-900: #1A283B;--b-800: #1E3554;--b-700: #4285F4;--b-600: #8AB4F8;--b-500: #A8C7FA;--b-400: #C2E7FF;--b-300: #D3E3FD;--b-100: #1E2A3A;--b-050: rgba(168, 199, 250, .12);--ok: #81C995;--ok-bg: rgba(129, 201, 149, .12);--warn: #FDD663;--warn-bg: rgba(253, 214, 99, .12);--dang: #F28B82;--dang-bg: rgba(242, 139, 130, .12);--info: #8AB4F8;--info-bg: rgba(138, 180, 248, .12);--neutral-bg: #2E3338;--neutral-fg: #BDC1C6;--accent-bg: rgba(168, 199, 250, .12);--accent-fg: #A8C7FA;--ok-border: rgba(129, 201, 149, .25);--warn-border: rgba(253, 214, 99, .25);--dang-border: rgba(242, 139, 130, .25);--info-border: rgba(138, 180, 248, .25);--shortcut-surat-fg: #A8C7FA;--shortcut-surat-bg: rgba(168, 199, 250, .12);--shortcut-surat-border: rgba(168, 199, 250, .22);--shortcut-surat-hover-border: rgba(168, 199, 250, .4);--shortcut-pinjam-fg: #A5B4FC;--shortcut-pinjam-bg: rgba(165, 180, 252, .12);--shortcut-pinjam-border: rgba(165, 180, 252, .22);--shortcut-pinjam-hover-border: rgba(165, 180, 252, .4);--shortcut-masalah-fg: #FDD663;--shortcut-masalah-bg: rgba(253, 214, 99, .12);--shortcut-masalah-border: rgba(253, 214, 99, .22);--shortcut-masalah-hover-border: rgba(253, 214, 99, .4);--shortcut-lostfound-fg: #5EEAD4;--shortcut-lostfound-bg: rgba(94, 234, 212, .12);--shortcut-lostfound-border: rgba(94, 234, 212, .22);--shortcut-lostfound-hover-border: rgba(94, 234, 212, .4);--shortcut-tugas-fg: #81C995;--shortcut-tugas-bg: rgba(129, 201, 149, .12);--shortcut-tugas-border: rgba(129, 201, 149, .22);--shortcut-tugas-hover-border: rgba(129, 201, 149, .4);--shortcut-id-fg: #D8B4FE;--shortcut-id-bg: rgba(216, 180, 254, .12);--shortcut-id-border: rgba(216, 180, 254, .22);--shortcut-id-hover-border: rgba(216, 180, 254, .4);--shadow-s: 0 1px 3px rgba(0, 0, 0, .35);--shadow-m: 0 4px 14px rgba(0, 0, 0, .4);--shadow-l: 0 8px 28px rgba(0, 0, 0, .5);--shadow-blue: 0 4px 14px rgba(0, 0, 0, .35);--gold: #FDD663;--gold-bg: rgba(253, 214, 99, .12);--g-500: #8AB4F8;--g-700: #4285F4;--ptv-soft-surface-bg: #24282C;--ptv-soft-border: .75px solid #34383D;--ptv-soft-stroke: #34383D;--ptv-soft-stroke-width: .75px;--ptv-soft-shadow: 0 4px 14px rgba(0, 0, 0, .35);--ptv-soft-shadow-elevated: 0 8px 24px rgba(0, 0, 0, .45);--ptv-soft-filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .35));--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-surface: var(--surface);--bg-surface-hover: var(--b-050);--bg-card: var(--surface);--bg-card-border: var(--line);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-muted: var(--muted)}.ptv-hub-root{--bg: #F1F7FF;--bg-2: #F7FBFF;--surface: #FFFFFF;--surface-2: #FFFFFF;--glass: rgba(255, 255, 255, .72);--card-bg: #FFFFFF;--ptv-soft-surface-bg: #FFFFFF;--ptv-soft-stroke: rgba(226, 232, 240, .85);--ptv-soft-filter: drop-shadow(0 10px 22px rgba(15, 23, 42, .06)) drop-shadow(0 2px 5px rgba(15, 23, 42, .03));--ptv-font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;font-family:var(--ptv-font-family);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--cat-kamera-bg: #EBF3FE;--cat-kamera-fg: #1273E6;--cat-kamera-border: #BED8FD;--cat-lensa-bg: #F3E8FF;--cat-lensa-fg: #7C3AED;--cat-lensa-border: #DDD6FE;--cat-tripod-bg: #E0F2FE;--cat-tripod-fg: #0284C7;--cat-tripod-border: #BAE6FD;--cat-baterai-bg: #FCF0D6;--cat-baterai-fg: #9A6B08;--cat-baterai-border: #FDE68A;--cat-audio-bg: #E1F5EE;--cat-audio-fg: #0F7A5A;--cat-audio-border: #A7F3D0;--cat-lighting-bg: #FEF3C7;--cat-lighting-fg: #D97706;--cat-lighting-border: #FDE68A;--cat-stabilizer-bg: #FFEDD5;--cat-stabilizer-fg: #EA580C;--cat-stabilizer-border: #FED7AA;--cat-streaming-bg: #FFE4E6;--cat-streaming-fg: #E11D48;--cat-streaming-border: #FECDD3;--cat-lainnya-bg: #E9F0F9;--cat-lainnya-fg: #5A7793;--cat-lainnya-border: rgba(11, 42, 74, .055)}:root[data-theme=dark] .ptv-hub-root{--bg: #111315;--bg-2: #1B1E21;--surface: #24282C;--surface-2: #2E3338;--glass: rgba(27, 30, 33, .9);--card-bg: #24282C;--ptv-soft-surface-bg: #24282C;--ptv-soft-stroke: #34383D;--ptv-soft-filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .35));--cat-kamera-bg: #1A283B;--cat-kamera-fg: #A8C7FA;--cat-kamera-border: #2D4363;--cat-lensa-bg: #2D1B4E;--cat-lensa-fg: #D8B4FE;--cat-lensa-border: #4A2D7D;--cat-tripod-bg: #132D42;--cat-tripod-fg: #7DD3FC;--cat-tripod-border: #234E6F;--cat-baterai-bg: #352B18;--cat-baterai-fg: #FDD663;--cat-baterai-border: #5A4722;--cat-audio-bg: #163628;--cat-audio-fg: #81C995;--cat-audio-border: #265B43;--cat-lighting-bg: #382512;--cat-lighting-fg: #FBBF24;--cat-lighting-border: #5C3D1B;--cat-stabilizer-bg: #381E12;--cat-stabilizer-fg: #FB923C;--cat-stabilizer-border: #5C321B;--cat-streaming-bg: #3D141F;--cat-streaming-fg: #FB7185;--cat-streaming-border: #632233;--cat-lainnya-bg: #24282C;--cat-lainnya-fg: #BDC1C6;--cat-lainnya-border: #34383D}.r03-card{border-radius:var(--r-ref-m, 18px)}.ptv-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.ptv-page-header-main{display:flex;flex-direction:column;gap:4px;min-width:0}.ptv-page-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--ink)}.ptv-page-subtitle{margin:0;font-family:var(--font-body);font-size:13.5px;font-weight:400;line-height:1.45;color:var(--muted)}@media(max-width:640px){.ptv-page-header{gap:12px;margin-bottom:14px}.ptv-page-title{font-size:21px}.ptv-page-subtitle{font-size:13px}}body,.dash-main,.dash-topbar,.dash-sidebar,.ptv-hub-root,.r03-surface,.kal-surface-card,.inv-prod-card{transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){body,.dash-main,.dash-topbar,.dash-sidebar,.ptv-hub-root,.r03-surface,.kal-surface-card,.inv-prod-card{transition:none!important}}:root{--b-900:#072A52;--b-800:#0A3C74;--b-700:#0B5FBF;--b-600:#1273E6;--b-500:#3B8EF7;--b-400:#6FB0FF;--b-300:#A7CEFF;--b-100:#DCEBFF;--b-050:#EDF4FF;--bg:#F8FAFD;--bg-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#FFFFFF;--glass:rgba(255,255,255,.85);--ink:#0B2A4A;--ink-2:#38587A;--muted:#6E8CAE;--ink-3:var(--muted);--ink3:var(--muted);--line:rgba(11,42,74,.1);--line-2:rgba(11,42,74,.055);--shadow-s:0 1px 2px rgba(11,60,116,.05), 0 3px 10px rgba(11,60,116,.05);--shadow-m:0 4px 12px rgba(11,60,116,.07), 0 18px 40px rgba(11,60,116,.1);--shadow-l:0 -4px 16px rgba(11,60,116,.06), 0 -24px 60px rgba(11,60,116,.16);--shadow-blue:0 8px 22px rgba(18,115,230,.28);--ok:#0F7A5A;--ok-bg:#E1F5EE;--warn:#9A6B08;--warn-bg:#FCF0D6;--dang:#B02B23;--dang-bg:#FDE8E6;--info:#0B5FBF;--info-bg:#E2EDFD;--neutral-bg:#E9F0F9;--neutral-fg:#5A7793;--accent-bg:#E2EDFD;--accent-fg:#0B5FBF;--ptv-curve-xs: 6px;--ptv-curve-sm: 9px;--ptv-curve-md: 12px;--ptv-curve-lg: 16px;--ptv-curve-xl: 22px;--ptv-curve-2xl: 28px;--ptv-curve-3xl: 34px;--ptv-curve-pill: 9999px;--ptv-curve-circle: 50%;--ptv-concentric-inset-xs: 4px;--ptv-concentric-inset-sm: 6px;--ptv-concentric-inset-md: 10px;--ptv-concentric-inset-lg: 12px;--ptv-corner-xs: var(--ptv-curve-xs);--ptv-corner-sm: var(--ptv-curve-md);--ptv-corner-md: var(--ptv-curve-lg);--ptv-corner-lg: var(--ptv-curve-xl);--ptv-corner-xl: var(--ptv-curve-2xl);--ptv-corner-2xl: var(--ptv-curve-3xl);--ptv-corner-pill: var(--ptv-curve-pill);--ptv-corner-circle: var(--ptv-curve-circle);--r-xs: var(--ptv-curve-xs);--r-s: var(--ptv-curve-sm);--r-m: var(--ptv-curve-lg);--r-l: var(--ptv-curve-xl);--r-xl: var(--ptv-curve-2xl);--r-full: var(--ptv-curve-pill);--header-h:58px;--dock-h:64px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--sidebar-w:250px;--maxw:1160px;--ptv-font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ptv-font-display: var(--font-display);--ptv-font-text: var(--font-body);--ptv-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font: var(--font-body);--font-sans: var(--font-body)}:root[data-theme=dark]{--bg:#111315;--bg-2:#1B1E21;--surface:#24282C;--surface-2:#2E3338;--glass:rgba(27,30,33,.9);--ink:#E8EAED;--ink-2:#BDC1C6;--muted:#9DA5AE;--line:#34383D;--line-2:rgba(255,255,255,.08);--b-100:#1E2A3A;--b-050:rgba(168,199,250,.12);--b-600:#8AB4F8;--b-700:#4285F4;--ok:#81C995;--ok-bg:rgba(129,201,149,.12);--warn:#FDD663;--warn-bg:rgba(253,214,99,.12);--dang:#F28B82;--dang-bg:rgba(242,139,130,.12);--info:#8AB4F8;--info-bg:rgba(138,180,248,.12);--neutral-bg:#2E3338;--neutral-fg:#BDC1C6;--accent-bg:rgba(168,199,250,.12);--accent-fg:#A8C7FA;--shadow-s:0 1px 3px rgba(0,0,0,.35);--shadow-m:0 4px 14px rgba(0,0,0,.4);--shadow-l:0 8px 28px rgba(0,0,0,.5);--shadow-blue:0 4px 14px rgba(0,0,0,.35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111315;--bg-2:#1B1E21;--surface:#24282C;--surface-2:#2E3338;--glass:rgba(27,30,33,.9);--ink:#E8EAED;--ink-2:#BDC1C6;--muted:#9DA5AE;--ink-3:var(--muted);--ink3:var(--muted);--line:#34383D;--line-2:rgba(255,255,255,.08);--b-100:#1E2A3A;--b-050:rgba(168,199,250,.12);--b-600:#8AB4F8;--b-700:#4285F4;--ok:#81C995;--ok-bg:rgba(129,201,149,.12);--warn:#FDD663;--warn-bg:rgba(253,214,99,.12);--dang:#F28B82;--dang-bg:rgba(242,139,130,.12);--info:#8AB4F8;--info-bg:rgba(138,180,248,.12);--neutral-bg:#2E3338;--neutral-fg:#BDC1C6;--accent-bg:rgba(168,199,250,.12);--accent-fg:#A8C7FA;--shadow-s:0 1px 3px rgba(0,0,0,.35);--shadow-m:0 4px 14px rgba(0,0,0,.4);--shadow-l:0 8px 28px rgba(0,0,0,.5);--shadow-blue:0 4px 14px rgba(0,0,0,.35)}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{max-width:100vw;overflow-x:hidden;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:none!important;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--sat) + 8px);scrollbar-gutter:stable;scrollbar-width:none;-ms-overflow-style:none}body{margin:0;font-family:var(--font);color:var(--ink);font-size:15px;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg);min-height:100vh;min-height:100dvh;max-width:100vw;overflow-x:hidden;overflow-x:clip;overflow-y:visible;overscroll-behavior-y:none!important}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;height:100%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 65% 45% at 15% 10%,rgba(216,233,254,.45) 0%,transparent 60%),radial-gradient(ellipse 55% 40% at 85% 15%,rgba(228,240,255,.5) 0%,transparent 55%),linear-gradient(180deg,#f8fafd,#f1f6fe,#edf4fd)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;height:100%;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgba(0,55,138,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,55,138,.025) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,#000 35%,transparent 95%);mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,#000 35%,transparent 95%);opacity:.7}:root[data-theme=dark] body:before{background:#111315}:root[data-theme=dark] body:after{display:none;opacity:0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{background:#111315}:root:not([data-theme=light]) body:after{display:none;opacity:0}}@keyframes ptvPulse{0%,to{opacity:.92}50%{opacity:.42}}.ptv-skel{animation:ptvPulse 1.8s ease-in-out infinite;background:#0b2a4a12;border-radius:var(--ptv-curve-sm);pointer-events:none}:root[data-theme=dark] .ptv-skel{background:#ffffff14}.ptv-skel-card{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}.ptv-sec-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2.5px 8px;border-radius:var(--ptv-curve-pill);vertical-align:middle;transition:opacity .2s ease,transform .2s ease;line-height:1.2}.ptv-sec-syncing{background:#1273e617;color:var(--b-700, #0B5FBF);border:1px solid rgba(18,115,230,.18)}:root[data-theme=dark] .ptv-sec-syncing{background:#6fb0ff1f;color:#93c5fd;border-color:#6fb0ff40}.ptv-sec-offline{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.25)}:root[data-theme=dark] .ptv-sec-offline{background:#f59e0b2e;color:#fcd34d;border-color:#f59e0b4d}.ptv-sec-error{background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.2)}:root[data-theme=dark] .ptv-sec-error{background:#ef444426;color:#fca5a5;border-color:#ef44444d}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none;touch-action:manipulation}:focus-visible{outline:2px solid var(--b-600);outline-offset:2px;border-radius:var(--ptv-curve-sm)}html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-thumb{background:transparent!important}i.fa-solid,i.fa-regular,i.fa-brands,.svg-inline--fa{line-height:1;vertical-align:-.09em}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.022em;line-height:1.25}h1{font-size:24px;letter-spacing:-.025em}h2{font-size:17px;letter-spacing:-.018em}h3{font-size:15px;letter-spacing:-.014em}h4{font-size:14px;letter-spacing:-.01em}.display{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.2}.t-xl{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.t-lg{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.016em}.t-md{font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:-.012em}.t-sm{font-family:var(--font-body);font-size:13.5px;font-weight:400}.t-xs{font-family:var(--font-body);font-size:12.5px;font-weight:400}.muted{color:var(--muted)}.ink2{color:var(--ink-2)}.ink3{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.hdr{position:fixed;top:0;left:0;right:0;z-index:75;padding-top:var(--sat,0px);background:color-mix(in srgb,var(--surface,#FFFFFF) 96%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line-2,rgba(11,42,74,.08));transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.hdr.stuck{background:var(--surface,#FFFFFF);border-bottom-color:var(--line,rgba(11,42,74,.12));box-shadow:0 1px 3px #0b2a4a0a}:root[data-theme=dark] .hdr{background:color-mix(in srgb,var(--surface,#181c24) 94%,transparent);border-bottom-color:var(--line-2,rgba(255,255,255,.08))}:root[data-theme=dark] .hdr.stuck{background:var(--surface,#181c24);border-bottom-color:var(--line,rgba(255,255,255,.12));box-shadow:0 2px 8px #00000059}.hdr-in{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:8px;padding-left:max(16px,var(--sal));padding-right:max(14px,var(--sar));width:100%;box-sizing:border-box}.brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}.brand-logo-link{display:inline-flex;align-items:center;line-height:0;text-decoration:none;padding:0;background:none;border:none;box-shadow:none;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s;touch-action:manipulation}.brand-logo-link:active{transform:scale(.96);opacity:.85}@media(hover:hover){.brand-logo-link:hover{opacity:.88}}.brand-logo-gradient{display:block;width:170px;height:22px;max-width:calc(100vw - 140px);opacity:1;background:#000;-webkit-mask-image:var(--logo-url);mask-image:var(--logo-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left center;mask-position:left center;transition:all .16s ease}:root[data-theme=dark] .brand-logo-gradient{background:#fff}@media(max-width:860px){.brand-logo-gradient{width:132px;height:17px;max-width:calc(100vw - 160px)}}@media(max-width:390px){.brand-logo-gradient{width:124px;height:16px}}@media(max-width:340px){.brand-logo-gradient{width:112px;height:15px}}.hdr-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:auto}.icon-btn{min-width:44px;min-height:44px;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);position:relative;font-size:15px;transition:all .16s ease;touch-action:manipulation;cursor:pointer;background:transparent;border:none;padding:0}.icon-btn:hover{background:var(--b-050);color:var(--b-600)}.icon-btn:focus-visible{outline:2px solid var(--b-500);outline-offset:2px}.icon-btn:active{background:var(--b-100);transform:scale(.95)}.icon-btn.icon-btn-profile{padding:0}.dot{position:absolute;top:5px;right:5px;min-width:17px;height:17px;padding:0 3.5px;background:#ff3b30;color:#fff;border-radius:var(--ptv-curve-pill);font-family:var(--ptv-font-family);font-size:10px;font-weight:600;font-style:normal!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em;display:grid;place-items:center;border:1.5px solid #fff;box-shadow:0 1px 3px #00000026;pointer-events:none;z-index:2;line-height:1;-webkit-font-smoothing:antialiased}:root[data-theme=dark] .dot{border-color:var(--surface)}.avatar{width:32px;height:32px;border-radius:50%;flex:none;overflow:hidden;background:linear-gradient(150deg,var(--b-400),var(--b-700));color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:600;box-shadow:0 2px 8px #1273e647;position:relative}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar.lg{width:56px;height:56px;font-size:19px}.avatar.sm{width:32px;height:32px;font-size:11px}.hdr-search,.crumb,.side{display:none}.main{padding-top:calc(var(--header-h) + var(--sat) + 12px);padding-bottom:calc(var(--dock-h) + var(--sab) + 28px);padding-left:max(16px,var(--sal));padding-right:max(16px,var(--sar));max-width:var(--maxw);margin:0 auto;box-sizing:border-box}.page{animation:pageIn .24s ease both;width:100%;max-width:100%;box-sizing:border-box}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.item-enter{animation:itemFadeIn .2s cubic-bezier(.16,1,.3,1) both}.bnav{position:fixed;left:0;right:0;bottom:0;z-index:85;padding:0;pointer-events:none}.bnav-in{pointer-events:auto;height:calc(var(--dock-h) + var(--sab));display:grid;grid-template-columns:repeat(5,1fr);align-items:flex-start;border-radius:0;padding:6px max(6px,var(--sal)) max(4px,var(--sab)) max(6px,var(--sar));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line-2);border-bottom:0;border-left:0;border-right:0;box-shadow:0 -4px 18px #072a520f;max-width:100%;margin:0}:root[data-theme=dark] .bnav-in{border-top-color:#ffffff14;background:color-mix(in srgb,var(--surface) 92%,transparent)}.bitem{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:52px;min-height:48px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:-.01em;transition:color .16s,transform .16s;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:none;border:none;outline:none}.bitem i,.bitem .svg-inline--fa{font-size:18px;position:relative;z-index:1;transition:transform .18s,color .18s}.bitem span{position:relative;z-index:1;line-height:1.2}.bitem.on{color:var(--b-600);font-weight:700}.bitem.on i,.bitem.on .svg-inline--fa{color:var(--b-600);transform:translateY(-1px) scale(1.06)}:root[data-theme=dark] .bitem.on{color:var(--b-400)}:root[data-theme=dark] .bitem.on i{color:var(--b-400)}.bi-ind{display:none!important}@media(hover:none){.bitem:hover{color:var(--muted)}.bitem.on:hover{color:var(--b-600)}.icon-btn:hover{background:transparent;color:var(--ink-2)}}.fab{width:46px;height:46px;border-radius:50%;margin:3px auto 0;font-size:17px;background:linear-gradient(150deg,var(--b-500),var(--b-700));color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-blue),inset 0 1px #ffffff47;transition:transform .18s cubic-bezier(.34,1.56,.64,1);touch-action:manipulation;-webkit-user-select:none;user-select:none}.fab:active{transform:scale(.88)}.card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg);box-shadow:var(--shadow-s)}button.card{cursor:pointer;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}button.card:hover{transform:translateY(-2px);border-color:var(--b-300);box-shadow:0 8px 24px #0b3c741a}button.card:active{transform:scale(.98)}.card.pad{padding:16px}.sec{margin-top:26px}.sec-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;padding:0 2px}.sec-hd h2{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--muted)}.link{font-size:13px;font-weight:600;color:var(--b-600);cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin:-3px -8px;border-radius:var(--ptv-curve-sm);transition:all .16s ease;touch-action:manipulation}.link:hover{color:var(--b-800);background:var(--b-050);text-decoration:none;transform:translate(2px)}.link:active{transform:scale(.95)}.row{display:flex;align-items:center;gap:12px}.row-b{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack{display:flex;flex-direction:column;gap:12px}.cols{display:flex;flex-direction:column;gap:20px;width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wrap{display:flex;flex-wrap:wrap;gap:10px}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt18{margin-top:18px}.mt20{margin-top:20px}.mt24{margin-top:24px}.tight{min-width:0}.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chip{display:inline-flex;align-items:center;gap:6.5px;padding:5px 12px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12px;font-weight:600;letter-spacing:-.015em;line-height:1.2;white-space:nowrap;flex:none;box-sizing:border-box;box-shadow:0 1px 2px #00000005;transition:all .18s ease;background:#f1f3f5;color:#4b5563;border:1px solid rgba(75,85,99,.12)}@media(max-width:640px){.chip{padding:4.5px 10px;font-size:11.5px;border-radius:var(--ptv-curve-pill, 9999px);gap:5.5px}}.chip:before{display:none!important}.chip i,.chip .svg-inline--fa,.chip svg{font-size:12.5px;width:auto;height:auto;line-height:1;color:inherit;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.chip span{line-height:1.2}.chip.ok{background:#e7f9ee;color:#15803d;border:1px solid rgba(21,128,61,.18)}.chip.info{background:#e6f4fe;color:#0284c7;border:1px solid rgba(2,132,199,.18)}.chip.warn{background:#fef3eb;color:#d97706;border:1px solid rgba(217,119,6,.18)}.chip.gold{background:#fef7e7;color:#b45309;border:1px solid rgba(180,83,9,.18)}.chip.dang{background:#feeceb;color:#e11d48;border:1px solid rgba(225,29,72,.18)}.chip.purple{background:#f0edff;color:#7c3aed;border:1px solid rgba(124,58,237,.18)}.chip.muted{background:#f1f3f5;color:#4b5563;border:1px solid rgba(75,85,99,.14)}:root[data-theme=dark] .chip{background:#94a3b824;color:#94a3b8;border-color:#94a3b833;box-shadow:0 1px 3px #00000059}:root[data-theme=dark] .chip.ok{background:#22c55e29;color:#4ade80;border-color:#4ade803d}:root[data-theme=dark] .chip.info{background:#0ea5e929;color:#38bdf8;border-color:#38bdf83d}:root[data-theme=dark] .chip.warn{background:#f59e0b29;color:#fbbf24;border-color:#fbbf243d}:root[data-theme=dark] .chip.gold{background:#f59e0b29;color:#fcd34d;border-color:#fcd34d3d}:root[data-theme=dark] .chip.dang{background:#f43f5e29;color:#fb7185;border-color:#fb71853d}:root[data-theme=dark] .chip.purple{background:#9333ea29;color:#c084fc;border-color:#c084fc3d}:root[data-theme=dark] .chip.muted{background:#94a3b824;color:#94a3b8;border-color:#94a3b833}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--ptv-curve-pill);font-size:14.5px;font-weight:600;letter-spacing:-.015em;background:var(--surface);color:var(--ink);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}.btn i,.btn .svg-inline--fa{font-size:14px;flex:none}.btn:hover{transform:translateY(-1px);border-color:var(--b-300);background:var(--bg-2);box-shadow:var(--shadow-s)}.btn:active{transform:scale(.97)}.btn.pri{background:linear-gradient(150deg,var(--b-500),var(--b-700));color:#fff;border-color:transparent;box-shadow:var(--shadow-blue)}.btn.pri:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1273e661;filter:brightness(1.05)}.btn.gold{background:var(--b-100);color:var(--b-700);border-color:transparent}.btn.gold:hover{background:var(--b-050);filter:brightness(1.02)}.btn.ghost{background:transparent;border-color:var(--line)}.btn.ghost:hover{background:var(--b-050);border-color:var(--b-300)}.btn.sm{min-height:40px;padding:0 18px;font-size:13.5px}.btn.sm i,.btn.sm .svg-inline--fa{font-size:13px}.btn.block{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}.seg{display:flex;align-items:center;gap:6px;padding:6px;background:var(--neutral-bg);border-radius:var(--ptv-curve-pill);border:1px solid var(--line-2);width:100%;box-sizing:border-box}@media(min-width:640px){.seg{width:auto;min-width:270px;max-width:380px}}.seg button{flex:1 1 0;min-height:42px;padding:0 22px;border-radius:var(--ptv-curve-pill);font-size:14.5px;font-weight:600;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:all .18s cubic-bezier(.34,1.4,.64,1);border:none;outline:none;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.seg button:hover:not(.on){color:var(--b-700);background:#ffffff80}.seg button:active{transform:scale(.96)}.seg button.on{background:var(--surface);color:var(--b-700);font-weight:700;box-shadow:0 2px 10px #0b3c741a,0 1px 3px #0b3c740f}:root[data-theme=dark] .seg button.on{background:var(--surface-2);color:var(--b-300);box-shadow:0 2px 10px #00000059}.filters{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;background:#ffffffd9;border:1px solid rgba(11,42,74,.08);border-radius:var(--ptv-curve-pill);box-shadow:0 2px 10px #0b3c740a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:fit-content;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;user-select:none;-webkit-user-select:none;margin-bottom:16px;position:relative;flex-shrink:0}.filters:active,.filters.is-dragging{cursor:grabbing}:root[data-theme=dark] .filters{background:#1e1e23d9;border-color:#ffffff14;box-shadow:0 2px 10px #0003}.filters::-webkit-scrollbar{display:none;width:0;height:0}.fchip{flex:none;flex-shrink:0;min-height:32px;padding:6px 14px;border-radius:var(--ptv-curve-pill);border:none;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:none;user-select:none;-webkit-user-select:none;letter-spacing:-.01em;touch-action:pan-x pan-y}@media(min-width:1024px){.fchip{min-height:34px;padding:6px 16px;font-size:13px}}.fchip:hover:not(.on){background:#0000000a;color:var(--ink);transform:none;border-color:transparent}:root[data-theme=dark] .fchip:hover:not(.on){background:#ffffff14;color:#fff}.fchip:active{transform:scale(.96)}.fchip.on{background:var(--pri, var(--b-600, #1273e6));color:#fff!important;font-weight:700;box-shadow:0 4px 14px #1273e647;border:none}:root[data-theme=dark] .fchip.on{background:var(--pri, var(--b-600, #1273e6));color:#fff!important;box-shadow:0 4px 14px #1273e666}.fchip.on span{opacity:1!important;color:#fff!important}.fchip.on span[style*="border-radius:50%"]{background:#fff!important}.fchip.on i,.fchip.on .svg-inline--fa{color:#fff!important}.fchip .cnt{font-size:11px!important;font-weight:700!important;padding:2px 7.5px!important;border-radius:var(--ptv-curve-pill)!important;background:#0b2a4a14;color:var(--ink-2);line-height:1.2;transition:background .15s ease,color .15s ease;pointer-events:none}.fchip.on .cnt{background:#ffffff47!important;color:#fff!important}:root[data-theme=dark] .fchip .cnt{background:#ffffff1a;color:var(--ink-2)}.notif-push-banner{margin-bottom:12px;padding:11px 14px;border-radius:var(--ptv-curve-lg);background:#2563eb12;border:1px solid rgba(37,99,235,.18);display:flex;align-items:center;justify-content:space-between;gap:10px;transition:all .2s ease}:root[data-theme=dark] .notif-push-banner{background:#2563eb24;border-color:#3b82f640}.notif-del-opt{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--ptv-curve-lg);border:1.5px solid var(--line, rgba(11, 42, 74, .08));cursor:pointer;background:var(--card-bg, #ffffff);transition:all .15s ease}.notif-del-opt:hover{border-color:var(--b-500, #2563eb)!important;background:#2563eb08!important}:root[data-theme=dark] .notif-del-opt{background:#ffffff0a!important;border-color:#ffffff1a!important}:root[data-theme=dark] .notif-del-opt:hover{border-color:var(--b-500, #3b82f6)!important;background:#3b82f614!important}.kontak-eks-filters-wrap{width:100%;max-width:100%;box-sizing:border-box;margin-bottom:22px}.kontak-eks-filters{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;white-space:nowrap!important;max-width:100%!important;box-sizing:border-box!important}.kontak-eks-filters::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.kontak-eks-filters .fchip{flex-shrink:0!important;min-height:38px!important;padding:8px 16px!important;font-size:13px!important;border-radius:var(--ptv-curve-pill)!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:7px!important;cursor:pointer!important;touch-action:manipulation!important}.kontak-eks-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;cursor:pointer;transition:background .15s ease;box-sizing:border-box}.kontak-eks-item:hover{background:#0b2a4a05}:root[data-theme=dark] .kontak-eks-item:hover{background:#ffffff08}.kontak-eks-main{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.kontak-eks-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:640px){.kontak-eks-filters-wrap{margin-bottom:16px;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px)}.kontak-eks-filters{padding:4px 6px!important;gap:6px!important}.kontak-eks-filters .fchip{padding:7px 13px!important;min-height:36px!important;font-size:12.5px!important}.kontak-eks-item{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px 16px!important}.kontak-eks-main{gap:12px!important;width:100%!important}.kontak-eks-item .li-body{min-width:0!important;flex:1!important}.kontak-eks-item .li-t{font-size:14px!important;word-break:break-word!important}.kontak-eks-item .li-s{font-size:12px!important;line-height:1.4!important;margin-top:4px!important;word-break:break-word!important}.kontak-eks-actions{width:100%!important;justify-content:stretch!important;gap:8px!important;border-top:1px solid var(--line, rgba(11, 42, 74, .06));padding-top:10px!important;margin-top:2px!important}.kontak-eks-actions .btn{flex:1!important;justify-content:center!important;padding:8px 10px!important;min-height:38px!important;font-size:12px!important}.kontak-eks-actions .btn-telp-icon{flex:0 0 42px!important;max-width:42px!important;padding:0!important}}.ptv-selected-pill{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:5px 12px!important;font-size:12.5px!important;border-radius:var(--ptv-curve-pill);font-weight:600!important;line-height:1.25!important;box-shadow:0 1px 3px #0000000f!important;transition:all .15s ease!important}.ptv-selected-pill.ptv-pill-crew{background:#eef2ff!important;color:#1e1b4b!important;border:1px solid #C7D2FE!important}:root[data-theme=dark] .ptv-selected-pill.ptv-pill-crew{background:#a5b4fc24!important;color:#e0e7ff!important;border:1px solid rgba(199,210,254,.25)!important}.ptv-selected-pill.ptv-pill-crew b{color:#1e1b4b!important;font-weight:700!important}:root[data-theme=dark] .ptv-selected-pill.ptv-pill-crew b{color:#fff!important;font-weight:700!important}.ptv-selected-pill.ptv-pill-crew .pill-role{color:#4338ca!important;font-size:11px!important;font-weight:600!important}:root[data-theme=dark] .ptv-selected-pill.ptv-pill-crew .pill-role{color:#a5b4fc!important}.ptv-selected-pill.ptv-pill-gear{background:#faf5ff!important;color:#581c87!important;border:1px solid #E9D5FF!important}:root[data-theme=dark] .ptv-selected-pill.ptv-pill-gear{background:#d8b4fe24!important;color:#f3e8ff!important;border:1px solid rgba(233,213,255,.25)!important}.ptv-selected-pill.ptv-pill-gear b{color:#3b0764!important;font-weight:700!important}:root[data-theme=dark] .ptv-selected-pill.ptv-pill-gear b{color:#fff!important;font-weight:700!important}.ptv-selected-pill.ptv-pill-gear .pill-name{color:#7e22ce!important;font-size:11.5px!important}:root[data-theme=dark] .ptv-selected-pill.ptv-pill-gear .pill-name{color:#d8b4fe!important}.ptv-selected-pill .pill-del-btn{background:transparent!important;border:none!important;padding:0 0 0 3px!important;margin-left:2px!important;cursor:pointer!important;color:#4338ca!important;font-size:16px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;opacity:.75!important;transition:opacity .15s ease,transform .15s ease!important}:root[data-theme=dark] .ptv-selected-pill .pill-del-btn{color:#a5b4fc!important}.ptv-selected-pill .pill-del-btn:hover{opacity:1!important;transform:scale(1.3)!important}.ptv-selected-pill.ptv-pill-gear .pill-del-btn{color:#7e22ce!important}:root[data-theme=dark] .ptv-selected-pill.ptv-pill-gear .pill-del-btn{color:#d8b4fe!important}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.input,select.input,textarea.input{width:100%;min-height:48px;padding:12px 15px;border-radius:var(--ptv-curve-sm);background:var(--bg-2);border:1px solid var(--line);color:var(--ink);font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}textarea.input{min-height:100px;resize:vertical;line-height:1.5}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236E8CAE' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.input:focus{outline:none;border-color:var(--b-500);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--b-500) 14%,transparent)}.input::placeholder{color:var(--muted)}.hint{font-size:11.5px;color:var(--muted)}.list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl);overflow:hidden;box-shadow:0 4px 24px #0b3c740f;width:100%;box-sizing:border-box;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black)}.li{display:flex;align-items:center;gap:18px;padding:18px 24px;text-align:left;width:100%;box-sizing:border-box;min-height:72px;background:transparent;border:0;border-bottom:1px solid var(--line-2);cursor:pointer;touch-action:manipulation;transition:background .18s ease,padding-left .18s ease}@media(max-width:640px){.li{padding:15px 18px;gap:14px;min-height:64px}}.list>.li:first-child{border-top-left-radius:19px;border-top-right-radius:19px}.list>.li:last-child{border-bottom:0;border-bottom-left-radius:19px;border-bottom-right-radius:19px}.list>.li:only-child{border-radius:var(--ptv-curve-xl)}.li:hover{background:var(--b-050)}.li:hover .li-t{color:var(--b-700)}.li:hover .li-ic{transform:scale(1.08);box-shadow:0 4px 14px #1273e638}.li:hover .chev{transform:translate(5px);color:var(--b-600)}.li:active{background:var(--b-100);transform:none}.li:active .li-ic{transform:scale(.94)}.li-ic{width:46px;height:46px;border-radius:var(--ptv-curve-lg);flex:none;display:grid;place-items:center;background:#1273e61a;color:#1273e6;font-size:18px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.li-ic.has-img{background:var(--surface)!important;border:1px solid var(--line-2);padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.li-ic.has-img .li-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;transition:transform .2s ease}.li:hover .li-ic.has-img .li-img{transform:scale(1.1)}@media(max-width:640px){.li-ic{width:40px;height:40px;border-radius:var(--ptv-curve-md);font-size:16px}}.li-ic.sm{width:34px;height:34px;border-radius:var(--ptv-curve-sm);font-size:14px}.li-ic.sm svg{width:16px;height:16px}.li-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}.li-t{font-size:15.5px;font-weight:600;color:var(--ink);letter-spacing:-.015em;line-height:1.28;transition:color .16s ease}.li-s{font-size:13.5px;color:var(--muted);line-height:1.35}.li .chev{transition:transform .18s ease,color .18s ease;color:var(--muted)}.li-ic.blue{background:#1273e61a;color:#1273e6}.li-ic.indigo{background:#4f46e51a;color:#4f46e5}.li-ic.teal{background:#0d94881c;color:#0d9488}.li-ic.amber,.li-ic.gold{background:#d977061c;color:#d97706}.li-ic.purple{background:#8b5cf61c;color:#7c3aed}.li-ic.emerald{background:#10b9811c;color:#059669}.li-ic.rose{background:#e11d481a;color:#e11d48}.list>.li:nth-child(6n+1) .li-ic{background:#1273e61a;color:#1273e6}.list>.li:nth-child(6n+2) .li-ic{background:#4f46e51a;color:#4f46e5}.list>.li:nth-child(6n+3) .li-ic{background:#0d94881c;color:#0d9488}.list>.li:nth-child(6n+4) .li-ic{background:#d977061c;color:#d97706}.list>.li:nth-child(6n+5) .li-ic{background:#8b5cf61c;color:#7c3aed}.list>.li:nth-child(6n+6) .li-ic{background:#10b9811c;color:#059669}:root[data-theme=dark] .li-ic.blue,:root[data-theme=dark] .list>.li:nth-child(6n+1) .li-ic{background:#3b8ef729;color:#6fb0ff}:root[data-theme=dark] .li-ic.indigo,:root[data-theme=dark] .list>.li:nth-child(6n+2) .li-ic{background:#6366f129;color:#a5b4fc}:root[data-theme=dark] .li-ic.teal,:root[data-theme=dark] .list>.li:nth-child(6n+3) .li-ic{background:#14b8a629;color:#5eead4}:root[data-theme=dark] .li-ic.amber,:root[data-theme=dark] .li-ic.gold,:root[data-theme=dark] .list>.li:nth-child(6n+4) .li-ic{background:#f59e0b29;color:#fcd34d}:root[data-theme=dark] .li-ic.purple,:root[data-theme=dark] .list>.li:nth-child(6n+5) .li-ic{background:#a855f729;color:#d8b4fe}:root[data-theme=dark] .li-ic.emerald,:root[data-theme=dark] .list>.li:nth-child(6n+6) .li-ic{background:#10b98129;color:#6ee7b7}:root[data-theme=dark] .li-ic.rose{background:#f43f5e29;color:#fda4af}.li.li-danger .li-ic{background:#e11d481a!important;color:#e11d48!important}.li.li-danger .li-t,.li.li-danger .chev{color:#e11d48}.li.li-danger:hover{background:#e11d480f}.li.li-danger:hover .li-ic{box-shadow:0 4px 14px #e11d4838}:root[data-theme=dark] .li.li-danger .li-ic{background:#f43f5e29!important;color:#fda4af!important}:root[data-theme=dark] .li.li-danger .li-t{color:#fda4af}:root[data-theme=dark] .li.li-danger .chev{color:#fda4af}:root[data-theme=dark] .li.li-danger:hover{background:#f43f5e1a}.chev{color:var(--b-300);flex:none;font-size:13px}.thumb{width:52px;height:52px;border-radius:var(--ptv-curve-lg);flex:none;object-fit:cover;background:var(--b-050)}.empty{padding:36px 22px;text-align:center;color:var(--muted)}.empty i,.empty .svg-inline--fa{font-size:28px;opacity:.35;margin-bottom:12px}.empty p{margin:0;font-size:13.5px}.empty .btn{margin-top:16px}.divider{height:1px;background:var(--line-2);margin:14px 0}.skel{background:linear-gradient(90deg,var(--line-2),var(--line),var(--line-2));background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:var(--ptv-curve-md)}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}html.modal-open,body.modal-open{overflow:hidden!important;overscroll-behavior:none!important}html.modal-open .sheet,html.modal-open .sheet-body,html.modal-open .lk-modal,html.modal-open .lk-modal-body{touch-action:pan-y!important;overscroll-behavior:contain!important}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#07203e5c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none!important;transition:opacity .24s,visibility .24s;visibility:hidden!important;touch-action:none!important;overscroll-behavior:none!important}.scrim.on{opacity:1;pointer-events:auto!important;visibility:visible!important}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--surface);border-radius:var(--ptv-curve-2xl) var(--r-xl) 0 0;box-shadow:var(--shadow-l);transform:translateY(102%);transition:transform .32s cubic-bezier(.32,.72,0,1),visibility .32s;max-height:min(88dvh,calc(100vh - 54px));display:flex;flex-direction:column;padding-bottom:calc(max(14px,var(--sab)) + 74px);overflow:hidden;pointer-events:none!important;visibility:hidden!important;box-sizing:border-box}@media(display-mode:standalone){.sheet{padding-bottom:calc(max(14px,var(--sab)) + 20px)}}.is-native-app .sheet{padding-bottom:calc(max(14px,var(--sab)) + 20px)}.sheet.on{transform:translateY(0);pointer-events:auto!important;visibility:visible!important}.sheet-grab{width:40px;height:4px;border-radius:var(--ptv-curve-pill);background:var(--line);margin:10px auto 2px;flex:none}.sheet-hd{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;border-bottom:1px solid var(--line-2)}.sheet-hd h3{font-size:17px;font-weight:700;letter-spacing:-.03em}.sheet-body{flex:1 1 auto;overflow-y:auto;padding:16px 20px 24px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sheet-foot{padding:14px 20px;border-top:1px solid var(--line-2);flex:none;display:flex;gap:8px;background:var(--surface);position:sticky;bottom:0;z-index:2}.mobile-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172ac2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}:root[data-theme=light] .mobile-search-overlay{background:#f8fafce6}.mobile-search-overlay.on{opacity:1;pointer-events:auto;visibility:visible}.mso-container{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto;width:100%;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden}.mso-header{display:flex;align-items:center;gap:10px;padding:12px 16px;flex-shrink:0;box-sizing:border-box;width:100%}.mso-search-box{flex:1;position:relative;display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--b-500, #3b82f6);box-shadow:0 4px 20px #3b82f62e;border-radius:var(--ptv-curve-pill);padding:0 14px;height:46px;min-width:0;box-sizing:border-box}.mso-search-box svg,.mso-search-box i{color:var(--muted);flex-shrink:0;font-size:16px;width:16px;text-align:center}.mso-input{flex:1;border:none;background:transparent;outline:none;font-size:16px;font-family:inherit;color:var(--ink);padding:0 10px;min-width:0;width:100%;box-sizing:border-box}.mso-clear-btn{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px;display:none;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.mso-close-btn{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);border-radius:var(--ptv-curve-pill);font-size:13.5px;font-weight:600;font-family:inherit;padding:0 16px;height:46px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-sizing:border-box}.mso-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 24px;box-sizing:border-box}.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qa{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:15px;border-radius:var(--ptv-curve-lg);border:1px solid var(--line-2);background:var(--surface);text-align:left;box-shadow:var(--shadow-s);transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;touch-action:manipulation}.qa:active{transform:scale(.975)}@media(hover:hover){.qa:hover{border-color:var(--b-300);box-shadow:0 12px 28px -4px #0b3c741f;background:var(--b-050);transform:translateY(-2px)}}.qa-ic{width:42px;height:42px;border-radius:var(--ptv-curve-lg);display:grid;place-items:center;background:#1273e61a;color:#1273e6;font-size:16px;transition:transform .16s ease;flex:none}.qa:hover .qa-ic{transform:scale(1.08)}.qa-grid>.qa:nth-child(6n+1) .qa-ic{background:#1273e61a;color:#1273e6}.qa-grid>.qa:nth-child(6n+2) .qa-ic{background:#4f46e51a;color:#4f46e5}.qa-grid>.qa:nth-child(6n+3) .qa-ic{background:#0d94881c;color:#0d9488}.qa-grid>.qa:nth-child(6n+4) .qa-ic{background:#d977061c;color:#d97706}.qa-grid>.qa:nth-child(6n+5) .qa-ic{background:#8b5cf61c;color:#7c3aed}.qa-grid>.qa:nth-child(6n+6) .qa-ic{background:#10b9811c;color:#059669}:root[data-theme=dark] .qa-grid>.qa:nth-child(6n+1) .qa-ic{background:#3b8ef729;color:#6fb0ff}:root[data-theme=dark] .qa-grid>.qa:nth-child(6n+2) .qa-ic{background:#6366f129;color:#a5b4fc}:root[data-theme=dark] .qa-grid>.qa:nth-child(6n+3) .qa-ic{background:#14b8a629;color:#5eead4}:root[data-theme=dark] .qa-grid>.qa:nth-child(6n+4) .qa-ic{background:#f59e0b29;color:#fcd34d}:root[data-theme=dark] .qa-grid>.qa:nth-child(6n+5) .qa-ic{background:#a855f729;color:#d8b4fe}:root[data-theme=dark] .qa-grid>.qa:nth-child(6n+6) .qa-ic{background:#10b98129;color:#6ee7b7}.qa-t{font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--ink)}.qa-s{font-size:11.5px;color:var(--muted);line-height:1.35;margin-top:2px;display:block}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:6px}@media(min-width:768px){.bento-grid{grid-template-columns:repeat(3,1fr);gap:14px}}.bento-card{display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:var(--ptv-curve-xl);background:var(--surface);border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.34,1.4,.64,1);position:relative;overflow:hidden;touch-action:manipulation}.bento-card:hover{transform:translateY(-3px);border-color:var(--b-300);box-shadow:var(--ptv-soft-shadow-elevated);background:var(--surface)}.bento-card:active{transform:scale(.975)}.bento-ic{width:42px;height:42px;border-radius:var(--ptv-curve-md);display:grid;place-items:center;font-size:16px;flex:none;background:var(--b-050);color:var(--b-600);border:1px solid rgba(18,115,230,.08);transition:transform .18s ease}.bento-card:hover .bento-ic{transform:scale(1.1)}.bento-ic.blue{background:#1273e61a;color:#1273e6}.bento-ic.indigo{background:#4f46e51a;color:#4f46e5}.bento-ic.amber{background:#d977061a;color:#d97706}.bento-ic.teal{background:#0d94881a;color:#0d9488}.bento-ic.emerald{background:#10b9811a;color:#10b981}.bento-ic.purple{background:#9333ea1a;color:#9333ea}.bento-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.bento-title{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.25;letter-spacing:-.015em;display:block;margin:0;transition:color .16s ease}.bento-card:hover .bento-title{color:var(--b-700)}.bento-desc{font-size:11px;color:var(--muted);line-height:1.35;margin:0;display:block}.bento-arrow{font-size:11px;color:var(--muted);opacity:0;transform:translate(-4px);transition:all .18s ease;flex:none}.bento-card:hover .bento-arrow{opacity:1;transform:translate(2px);color:var(--b-600)}@media(max-width:520px){.bento-card{padding:12px 11px;gap:10px}.bento-ic{width:36px;height:36px;border-radius:var(--ptv-curve-md);font-size:14px}.bento-title{font-size:12.5px}.bento-desc{font-size:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.bento-arrow{display:none}}#toasts{position:fixed;top:calc(var(--header-h) + var(--sat) + var(--ptv-announcement-h, 0px) + 8px);left:max(16px,var(--sal));right:max(16px,var(--sar));z-index:10050;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0;max-width:390px;margin:0 auto;transition:top .2s cubic-bezier(.16,1,.3,1)}@media(min-width:1024px){#toasts{top:calc(var(--header-h) + var(--sat) + var(--ptv-announcement-h, 0px) + 12px);right:24px;left:auto;align-items:flex-end;width:360px;margin:0}}.toast{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:10px 14px;border-radius:var(--ptv-curve-xl);background:#fffffff2;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(11,42,74,.08);box-shadow:0 12px 32px -4px #072a521f,0 3px 10px #00000008;pointer-events:auto;cursor:pointer;touch-action:pan-y manipulation;user-select:none;-webkit-user-select:none;box-sizing:border-box;animation:toastSpringIn .38s cubic-bezier(.16,1,.3,1) both;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .24s ease,box-shadow .24s ease,max-height .28s ease,margin .28s ease,padding .28s ease;will-change:transform,opacity}@media(max-width:640px){.toast{padding:9px 13px;border-radius:var(--ptv-curve-lg);gap:10px}}.toast:hover{transform:translateY(-1.5px) scale(1.01);box-shadow:0 16px 36px -4px #072a522e,0 4px 12px #0000000a}.toast:active{transform:scale(.97)}.toast.pulse{animation:toastPulse .32s cubic-bezier(.34,1.56,.64,1) both}.toast.out{animation:toastSmoothOut .28s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes toastSpringIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}70%{opacity:1;transform:translateY(2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastPulse{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes toastSmoothOut{0%{opacity:1;transform:translateY(0) scale(1);max-height:80px;margin-bottom:0}to{opacity:0;transform:translateY(-14px) scale(.88);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-8px}}.toast-ic{width:36px;height:36px;border-radius:var(--ptv-curve-md);flex:none;display:grid;place-items:center;font-size:15px;color:#fff;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}@media(min-width:1024px){.toast-ic{width:38px;height:38px;border-radius:var(--ptv-curve-md);font-size:16px}}.toast-ic.ok,.toast-ic.check{background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 5px 14px #16a34a42}.toast-ic.info,.toast-ic.scan,.toast-ic.refresh,.toast-ic.cal,.toast-ic.event{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 5px 14px #2563eb42}.toast-ic.warn,.toast-ic.alert,.toast-ic.wrench,.toast-ic.box{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 5px 14px #d9770642}.toast-ic.dang,.toast-ic.lost,.toast-ic.x{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 5px 14px #e11d4842}.toast-ic.purple,.toast-ic.doc,.toast-ic.megaphone,.toast-ic.send,.toast-ic.shield{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 5px 14px #7c3aed42}.toast-ic.moon{background:linear-gradient(135deg,#818cf8,#4f46e5);box-shadow:0 5px 14px #4f46e547}.toast-ic.download{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 5px 14px #05966947}.toast-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1.5px;text-align:left}.toast-title{font-size:13px;font-weight:600;color:var(--ink);line-height:1.28;letter-spacing:-.015em;word-break:break-word}.toast-desc{font-size:11.5px;font-weight:500;color:var(--muted);line-height:1.3;letter-spacing:-.01em;word-break:break-word}:root[data-theme=dark] .toast{background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 40px -6px #000000b3,0 4px 14px #00000080;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%)}:root[data-theme=dark] .toast-title{color:var(--ink);font-weight:650}:root[data-theme=dark] .toast-desc{color:var(--ink-2)}.searchbar{position:relative;display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:var(--ptv-curve-pill);background:var(--bg-2);border:1px solid var(--line);color:var(--muted);font-size:15px;box-sizing:border-box}.searchbar input{flex:1;border:0;background:none;outline:none;font-size:16px;min-width:0;color:var(--ink);padding-right:26px}.searchbar .search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--muted);display:none;align-items:center;justify-content:center;font-size:13px;line-height:1;cursor:pointer;border:none;padding:0;transition:all .15s ease;z-index:3}.searchbar .search-clear-btn:hover{background:var(--b-600);color:#fff}.searchbar.has-value .search-clear-btn{display:flex}.sgroup-t{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--muted);margin:16px 0 8px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;width:100%;box-sizing:border-box}@media(max-width:640px){.notes-grid{grid-template-columns:1fr;gap:14px}}.note-card-docket{border-radius:var(--ptv-curve-2xl);padding:22px 20px 18px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);text-align:left;cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:0 8px 24px -4px #00000014,0 2px 6px #0000000a;border:1px solid rgba(0,0,0,.04)}.note-card-docket:hover{transform:translateY(-4px);box-shadow:0 16px 36px -6px #00000026,0 4px 12px #0000000f}.note-card-docket.color-orange{background:#f46e56;color:#fff}.note-card-docket.color-yellow{background:#fde3bc;color:#93530e}.note-card-docket.color-green{background:#d4f1ed;color:#0a635d}.note-card-docket.color-purple{background:#9489bd;color:#fff}.note-card-docket.color-rose{background:#fce0dc;color:#a5372d}.note-card-docket.color-emerald{background:#d4f1ed;color:#0a635d}.note-card-docket.color-amber{background:#fde3bc;color:#93530e}.note-card-docket.color-blue{background:#9489bd;color:#fff}.note-card-docket.color-cyan{background:#d4f1ed;color:#0a635d}.note-card-docket.color-slate,.note-card-docket.color-default{background:#f46e56;color:#fff}.note-pin-badge{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;flex-shrink:0;box-shadow:0 2px 8px #00000014}.note-card-action-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;transition:all .16s ease;border:none;cursor:pointer}.note-card-action-btn:hover{transform:scale(1.1);filter:brightness(.92)}.note-type-badge-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--ptv-curve-pill);font-size:10.5px;font-weight:600;letter-spacing:.01em;background:#00000038;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.note-card-new-action{border-radius:var(--ptv-curve-2xl);min-height:220px;border:2px dashed rgba(37,99,235,.35);background:linear-gradient(145deg,#eff6ffbf,#fffffff2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;text-align:center;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);gap:10px;box-sizing:border-box}.note-card-new-action.is-hero-stretched{grid-column:1 / -1;width:100%;min-height:180px;border-width:2px}:root[data-theme=dark] .note-card-new-action{border-color:#3b82f659;background:linear-gradient(145deg,#1e293b99,#0f172abf)}.note-card-new-action:hover{border-color:#2563eb;transform:translateY(-4px);box-shadow:0 14px 32px -4px #2563eb33;background:#fff}:root[data-theme=dark] .note-card-new-action:hover{border-color:#60a5fa;background:#1e293beb}.note-new-circle-icon{width:48px;height:48px;border-radius:50%;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 6px 18px #2563eb52;transition:transform .25s ease}:root[data-theme=dark] .note-new-circle-icon{background:#2563eb;color:#fff;box-shadow:0 6px 20px #2563eb73}.note-card-new-action:hover .note-new-circle-icon{transform:scale(1.12) rotate(90deg)}.note-custom-dropdown{position:relative;width:100%;box-sizing:border-box}.note-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--ptv-curve-xl);border:1.5px solid rgba(0,0,0,.08);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-sizing:border-box;box-shadow:0 4px 14px #0000000f;-webkit-user-select:none;user-select:none}.note-dropdown-trigger:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000001f;filter:brightness(.97)}.note-dropdown-trigger-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;flex-shrink:0}.note-dropdown-chevron{font-size:13px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.note-custom-dropdown.is-open .note-dropdown-chevron{transform:rotate(180deg)}.note-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-xl);padding:8px;box-shadow:0 16px 40px -6px #0000002e,0 4px 12px #00000014;z-index:120;display:none;flex-direction:column;gap:6px;box-sizing:border-box;animation:noteDropdownIn .2s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .note-dropdown-menu{background:#1e1e24;border-color:#ffffff1f;box-shadow:0 18px 44px -4px #00000073}.note-custom-dropdown.is-open .note-dropdown-menu{display:flex}@keyframes noteDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.note-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--ptv-curve-lg);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-sizing:border-box;border:2px solid transparent;-webkit-user-select:none;user-select:none}.note-dropdown-item:hover{transform:translate(4px);filter:brightness(.95);box-shadow:0 4px 14px #00000014}.note-dropdown-item.is-selected{border-color:#18181b;box-shadow:0 0 0 1.5px #18181b,0 6px 18px #0000001f;transform:scale(1.01)}:root[data-theme=dark] .note-dropdown-item.is-selected{border-color:#fff;box-shadow:0 0 0 1.5px #fff,0 6px 18px #ffffff26}.note-dropdown-item-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.note-dropdown-item-check{width:22px;height:22px;border-radius:50%;display:none;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.note-dropdown-item.is-selected .note-dropdown-item-check{display:grid}.note-tag-wrapper{display:flex;flex-direction:column}.note-tag-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.note-tag-count-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--ptv-curve-pill);background:#0000000d;color:var(--muted);letter-spacing:.02em}:root[data-theme=dark] .note-tag-count-badge{background:#ffffff14}.note-tag-count-badge.is-max{background:#ef44441f;color:#ef4444}.note-tag-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:var(--surface, #ffffff);border:1.5px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-lg);min-height:48px;box-sizing:border-box;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:text}:root[data-theme=dark] .note-tag-box{background:#18181b;border-color:#ffffff1f}.note-tag-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.note-tag-chip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#2563eb1a,#3b82f624);color:#2563eb;border:1px solid rgba(37,99,235,.22);padding:4px 10px;border-radius:var(--ptv-curve-pill);font-size:12.5px;font-weight:700;letter-spacing:-.01em;animation:noteTagPop .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}:root[data-theme=dark] .note-tag-chip{background:#3b82f62e;border-color:#3b82f64d;color:#60a5fa}@keyframes noteTagPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.note-tag-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#2563eb26;color:#2563eb;font-size:10px;cursor:pointer;transition:all .15s ease}:root[data-theme=dark] .note-tag-chip-remove{background:#60a5fa33;color:#93c5fd}.note-tag-chip-remove:hover{background:#ef4444;color:#fff}.note-tag-input-field{border:none;background:transparent;outline:none;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink, #0f172a);flex:1;min-width:140px;padding:4px 2px}:root[data-theme=dark] .note-tag-input-field{color:#f1f5f9}.note-tag-input-field::placeholder{color:var(--muted, #94a3b8);font-weight:500}.note-editor-wrapper{display:flex;flex-direction:column;border:1.5px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-lg);background:var(--surface, #ffffff);transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box;position:relative}:root[data-theme=dark] .note-editor-wrapper{background:#18181b;border-color:#ffffff1f}.note-editor-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.note-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:7px 10px;background:#00000006;border-bottom:1px solid var(--line-2, #e2e8f0);border-top-left-radius:15px;border-top-right-radius:15px;-webkit-user-select:none;user-select:none;position:relative;z-index:20}:root[data-theme=dark] .note-editor-toolbar{background:#ffffff0a;border-color:#ffffff14}.note-editor-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:var(--ptv-curve-xs);border:1px solid transparent;background:transparent;color:var(--ink, #1e293b);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit}:root[data-theme=dark] .note-editor-btn{color:#f1f5f9}.note-editor-btn:hover{background:#2563eb1a;color:#2563eb;border-color:#2563eb33}.note-editor-btn.is-active{background:var(--pri, #2563eb)!important;color:#fff!important;border-color:var(--pri, #2563eb)!important;box-shadow:0 2px 6px #2563eb52}:root[data-theme=dark] .note-editor-btn.is-active{background:var(--pri, #2563eb)!important;color:#fff!important}.note-editor-divider{width:1px;height:18px;background:var(--line-2, #e2e8f0);margin:0 3px}:root[data-theme=dark] .note-editor-divider{background:#ffffff1f}.note-editor-content{min-height:180px;max-height:380px;overflow-y:auto;padding:14px 16px;outline:none;font-family:inherit;font-size:14.5px;line-height:1.65;color:var(--ink, #0f172a);word-break:break-word;box-sizing:border-box;border-bottom-left-radius:15px;border-bottom-right-radius:15px}:root[data-theme=dark] .note-editor-content{color:#f1f5f9}.note-editor-content[contenteditable=true]:empty:before{content:attr(placeholder);color:var(--muted, #94a3b8);font-weight:400;pointer-events:none;display:block}.note-editor-content h1,.note-detail-body h1{font-size:22px;font-weight:700;margin:8px 0 6px;line-height:1.3;letter-spacing:-.02em}.note-editor-content h2,.note-detail-body h2{font-size:17.5px;font-weight:700;margin:6px 0 4px;line-height:1.35;letter-spacing:-.015em}.note-editor-content p,.note-detail-body p{margin:0 0 6px}.note-editor-content ul,.note-editor-content ol,.note-detail-body ul,.note-detail-body ol{margin:4px 0 8px 20px;padding:0}.note-editor-content li,.note-detail-body li{margin-bottom:3px}.note-editor-content blockquote,.note-detail-body blockquote{border-left:3.5px solid currentColor;padding-left:10px;margin:6px 0;opacity:.9;font-style:italic}.note-context-menu{position:fixed;z-index:99999;background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-lg);box-shadow:0 16px 36px -4px #00000038,0 4px 12px #00000014;padding:6px;min-width:190px;display:flex;flex-direction:column;gap:2px;animation:noteMenuPop .15s cubic-bezier(.16,1,.3,1);box-sizing:border-box}:root[data-theme=dark] .note-context-menu{background:#1e1e24;border-color:#ffffff1f;box-shadow:0 18px 44px -4px #0000008c}@keyframes noteMenuPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.note-context-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:var(--ptv-curve-sm);font-size:12.5px;font-weight:600;color:var(--ink, #1e293b);cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .note-context-item{color:#f1f5f9}.note-context-item:hover{background:var(--pri, #2563eb);color:#fff}.note-context-item:hover .note-context-sc{color:#ffffffd9}.note-context-sc{font-size:10.5px;color:var(--muted, #94a3b8);font-weight:500;margin-left:10px}.note-context-divider{height:1px;background:var(--line-2, #e2e8f0);margin:3px 0}:root[data-theme=dark] .note-context-divider{background:#ffffff14}.note-context-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 8px 2px}.note-spacing-dropdown{position:relative;display:inline-flex}.note-spacing-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-lg);padding:14px 16px;min-width:230px;box-shadow:0 16px 36px #0000002e,0 4px 12px #0000000f;z-index:9999;display:none;flex-direction:column;gap:12px;animation:noteMenuPopCenter .15s cubic-bezier(.16,1,.3,1);box-sizing:border-box}:root[data-theme=dark] .note-spacing-popover{background:#1e1e24;border-color:#ffffff24;box-shadow:0 18px 44px #0000008c}.note-spacing-popover.is-open{display:flex}@keyframes noteMenuPopCenter{0%{opacity:0;transform:translate(-50%,-6px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.note-slider-group{display:flex;flex-direction:column;gap:6px}.note-slider-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink)}:root[data-theme=dark] .note-slider-header{color:#f1f5f9}.note-slider-val{font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--ptv-curve-xs);background:#2563eb1a;color:#2563eb}:root[data-theme=dark] .note-slider-val{background:#3b82f633;color:#60a5fa}.note-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--ptv-curve-pill);background:var(--line-2, #e2e8f0);outline:none;cursor:pointer;margin:4px 0}:root[data-theme=dark] .note-range-input{background:#ffffff1f}.note-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#2563eb;cursor:pointer;box-shadow:0 2px 6px #2563eb66;transition:transform .12s ease}.note-range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.qr{display:block;image-rendering:pixelated;border-radius:var(--ptv-curve-md);background:#fff;padding:8px}.loan-hist-card{display:flex;align-items:center;gap:14px;padding:13px 18px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg);box-shadow:0 2px 6px -2px #0f172a0a;transition:all .18s cubic-bezier(.16,1,.3,1);box-sizing:border-box;width:100%}.loan-hist-card:hover{border-color:#2563eb4d;box-shadow:0 6px 18px -4px #2563eb14;transform:translateY(-1px)}.loan-hist-ic{width:42px;height:42px;border-radius:var(--ptv-curve-md);background:#2563eb14;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}:root[data-theme=dark] .loan-hist-ic{background:#60a5fa26;color:#60a5fa}.loan-hist-main{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.loan-hist-row-top{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}.loan-hist-name{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.loan-hist-dot{color:var(--muted);font-size:11px}.loan-hist-range{font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}.loan-hist-notback{color:var(--amber-800, #92400e);font-weight:700;white-space:nowrap}:root[data-theme=dark] .loan-hist-notback{color:#fbbf24}.loan-hist-desc{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500;line-height:1.35}.loan-hist-action{flex-shrink:0;margin-left:auto;display:flex;align-items:center}.loan-hist-action .btn{white-space:nowrap;padding:0 14px;min-height:36px;font-size:12px;font-weight:600;border-radius:var(--ptv-curve-pill)}@media(max-width:640px){.loan-hist-card{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.loan-hist-action{width:100%;margin-left:0}.loan-hist-action .btn{width:100%;justify-content:center}}.fin-matrix-cell{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid transparent;background:transparent;padding:0;margin:0 auto;line-height:1;font-size:13px;box-sizing:border-box;position:relative;transition:all .16s cubic-bezier(.16,1,.3,1)}.fin-matrix-cell.paid{background:#10b9811a;color:#059669;border-color:#10b98138}.fin-matrix-cell.paid .ic-undo{display:none}button.fin-matrix-cell.paid{cursor:pointer}button.fin-matrix-cell.paid:hover{background:#fee2e2;color:#dc2626;border-color:#ef444447;box-shadow:0 2px 8px #dc262626;transform:scale(1.08)}button.fin-matrix-cell.paid:hover .ic-check{display:none}button.fin-matrix-cell.paid:hover .ic-undo{display:inline-block;font-size:11.5px}button.fin-matrix-cell.paid:active{transform:scale(.94)}.fin-matrix-cell.unpaid{color:var(--ink4, #94a3b8);background:transparent;border-color:transparent}.fin-matrix-cell.unpaid .ic-hover-check{display:none}button.fin-matrix-cell.unpaid{cursor:pointer}button.fin-matrix-cell.unpaid:hover{background:#0e4f401a;color:var(--ptv-green, #0e4f40);border-color:#0e4f4040;box-shadow:0 2px 8px #0e4f4026;transform:scale(1.08)}button.fin-matrix-cell.unpaid:hover .ic-circle{display:none}button.fin-matrix-cell.unpaid:hover .ic-hover-check{display:inline-block;font-size:11.5px}button.fin-matrix-cell.unpaid:active{transform:scale(.94)}span.fin-matrix-cell{cursor:default;pointer-events:auto}span.fin-matrix-cell.paid{opacity:.95}span.fin-matrix-cell.unpaid{opacity:.6}@media(max-width:640px){.fin-matrix-cell{width:32px;height:32px;font-size:12px}}:root[data-theme=dark] .fin-matrix-cell.paid{background:#10b98129;color:#34d399;border-color:#10b9814d}:root[data-theme=dark] button.fin-matrix-cell.paid:hover{background:#ef444433;color:#f87171;border-color:#ef444459;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] button.fin-matrix-cell.unpaid:hover{background:#10b9812e;color:#34d399;border-color:#10b98159;box-shadow:0 2px 8px #0000004d}.fin-edit-nom-btn{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:var(--ptv-curve-xs);border:1px solid var(--line-2, rgba(15, 23, 42, .08));background:var(--surface, #ffffff);color:var(--ink3, #64748b);cursor:pointer;padding:0;line-height:1;transition:all .15s ease;vertical-align:middle}.fin-edit-nom-btn:hover{background:var(--ptv-green, #0e4f40);border-color:var(--ptv-green, #0e4f40);color:#fff;transform:scale(1.1)}:root[data-theme=dark] .fin-edit-nom-btn{background:var(--bg-2);border-color:var(--line-2);color:var(--ink2)}.fin-kru-table-wrap{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl);overflow:hidden;box-shadow:0 2px 10px #00000005}.fin-kru-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.fin-kru-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.fin-kru-tr-head{background:var(--bg-2)}.fin-kru-tr-head th{border-bottom:1px solid var(--line-2);vertical-align:middle}.fin-kru-tr-body{transition:background .15s ease}.fin-kru-tr-body td{border-bottom:1px solid var(--line-2);vertical-align:middle}.fin-kru-tr-body:hover td{background:#00000004}.fin-kru-tr-body:hover .fin-td-kru{background:var(--bg-2)}:root[data-theme=dark] .fin-kru-tr-body:hover td{background:#ffffff05}:root[data-theme=dark] .fin-kru-tr-body:hover .fin-td-kru{background:#ffffff0a}.fin-th-kru,.fin-td-kru{padding:12px 14px;min-width:210px;position:sticky;left:0;z-index:2;box-shadow:2px 0 5px #00000008}.fin-th-kru{font-size:12px;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-2);z-index:3}.fin-td-kru{background:var(--surface)}.fin-kru-cell-wrap{display:flex;align-items:center;gap:10px}.fin-kru-info{min-width:0;flex:1}.fin-kru-name-row{font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.fin-kru-name{color:var(--ink);font-weight:700}.fin-kru-chip{font-size:9.5px;padding:1px 6px;border-radius:var(--ptv-curve-xs);font-weight:700}.fin-kru-meta{font-size:11px;color:var(--ink3);display:flex;align-items:center;gap:6px;margin-top:1px}.fin-kru-id{font-family:monospace;background:var(--bg-2);padding:0 5px;border-radius:var(--ptv-curve-xs);font-weight:600}.fin-kru-role{color:var(--ink3)}.fin-th-month{padding:14px 16px;text-align:center;white-space:nowrap;min-width:115px}.fin-th-month-title{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.fin-th-month-sub{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:2px}.fin-th-month-nom{font-size:11px;color:var(--ptv-green, #0e4f40);font-weight:700}.fin-td-month{padding:8px 10px;text-align:center;vertical-align:middle}.fin-td-empty-join{color:var(--ink4);font-size:14px}.fin-th-total{padding:12px 14px;font-size:12px;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em;text-align:right;white-space:nowrap}.fin-td-total{padding:12px 14px;text-align:right;white-space:nowrap}.fin-month-short,.fin-month-nom-short,.fin-total-short,.fin-lunas-short{display:none}.fin-month-full,.fin-month-nom-full,.fin-total-full,.fin-lunas-full{display:inline}@media(max-width:768px){.fin-kru-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.fin-th-kru,.fin-td-kru{width:148px;min-width:140px;max-width:155px;padding:10px 8px;position:sticky;left:0;z-index:10;box-shadow:3px 0 8px #0000000f;border-right:1.5px solid var(--line-2)}.fin-th-kru{background:var(--bg-2);z-index:12;font-size:11px;padding:10px 8px;letter-spacing:.03em}.fin-td-kru{background:var(--surface)}:root[data-theme=dark] .fin-th-kru,:root[data-theme=dark] .fin-td-kru{box-shadow:3px 0 8px #00000047}.fin-kru-cell-wrap{gap:7px;align-items:center}.fin-td-kru .avatar{width:26px!important;height:26px!important;font-size:10px!important;flex-shrink:0}.fin-kru-name-row{white-space:normal;overflow:visible;text-overflow:clip;display:block;line-height:1.25}.fin-kru-name{font-size:12.5px;font-weight:700;color:var(--ink);word-break:break-word;display:block}.fin-kru-chip{display:none!important}.fin-kru-meta{font-size:9.5px;gap:3px;margin-top:2px;line-height:1.2;flex-wrap:wrap}.fin-kru-id{font-size:9px;padding:0 3px}.fin-kru-role{font-size:9.5px}.fin-th-month,.fin-td-month{width:60px;min-width:56px;max-width:68px;padding:8px 2px;text-align:center}.fin-th-month-title{font-size:11.5px;line-height:1.2}.fin-th-month-sub{gap:3px;margin-top:1px}.fin-th-month-nom{font-size:10px;line-height:1}.fin-edit-nom-btn{width:16px;height:16px;font-size:8px}.fin-month-full{display:none!important}.fin-month-short{display:inline!important}.fin-month-nom-full{display:none!important}.fin-month-nom-short{display:inline!important}.fin-th-total,.fin-td-total{width:80px;min-width:74px;padding:8px;text-align:right}.fin-th-total{font-size:10.5px;letter-spacing:.02em}.fin-total-full{display:none!important}.fin-total-short{display:inline!important}.fin-lunas-full{display:none!important}.fin-lunas-short{display:inline!important}.fin-td-total .fin-total-val{font-size:11.5px!important;font-weight:700!important}.fin-td-empty-join{font-size:12px}}.fin-reminder-card{background:linear-gradient(135deg,#ef44440d,#ef444404);border:1.5px solid rgba(239,68,68,.22);border-radius:var(--ptv-curve-xl);box-shadow:0 4px 18px #ef44440a;margin-bottom:16px;transition:all .2s ease}.fin-rem-badge{display:inline-flex;align-items:center;gap:6px;background:#ef44441a;color:#dc2626;padding:3px 10px;border-radius:var(--ptv-curve-pill);font-size:11.5px;font-weight:700;margin-bottom:8px;line-height:1.3}.fin-rem-dot{width:6.5px;height:6.5px;border-radius:50%;background:#dc2626;box-shadow:0 0 6px #dc2626b3;flex-shrink:0}.fin-rem-title{font-size:18px;font-weight:700;color:var(--ink);line-height:1.25;margin:0 0 4px}.fin-rem-sub{font-size:13.5px;color:var(--ink2);line-height:1.45;margin:0}.fin-rem-hl{color:#dc2626;font-weight:700}@media(min-width:641px){.fin-reminder-card{padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:16px 24px;align-items:start}.fin-rem-header{grid-column:1;grid-row:1}.fin-rem-total-box{grid-column:2;grid-row:1;text-align:right}.fin-rem-label{font-size:11px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}.fin-rem-amount{font-size:26px;font-weight:700;color:#dc2626;letter-spacing:-.03em;margin:2px 0;line-height:1.15}.fin-rem-count{font-size:11.5px;font-weight:600;color:var(--ink3)}.fin-rem-list-wrap{grid-column:1 / -1;grid-row:2;padding-top:14px;border-top:1px dashed rgba(239,68,68,.2)}.fin-rem-list{display:flex;flex-wrap:wrap;gap:8px}.fin-rem-item{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid rgba(239,68,68,.2);border-radius:var(--ptv-curve-md);padding:5px 12px;font-size:12px}.fin-rem-item-dot{font-size:9px}.fin-rem-item-label{font-weight:700;color:var(--ink)}.fin-rem-item-sep{color:var(--ink4, #cbd5e1)}.fin-rem-item-nom{font-weight:700;color:#dc2626}.fin-rem-footer{grid-column:1 / -1;grid-row:3;display:flex;justify-content:flex-end;font-size:12px;font-weight:700;color:#dc2626;margin-top:-6px}}@media(max-width:640px){.fin-reminder-card{padding:18px 16px;display:flex;flex-direction:column;gap:16px;border-radius:var(--ptv-curve-lg)}.fin-rem-header{text-align:left}.fin-rem-title{font-size:17px;margin-top:2px}.fin-rem-sub{font-size:13px;color:var(--ink2);margin-top:4px;line-height:1.5}.fin-rem-total-box{text-align:left;background:#ef44440d;border:1px solid rgba(239,68,68,.16);border-radius:var(--ptv-curve-lg);padding:14px 16px}.fin-rem-label{font-size:10px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}.fin-rem-amount{font-size:26px;font-weight:700;color:#dc2626;letter-spacing:-.03em;margin:4px 0 2px;line-height:1.1}.fin-rem-count{font-size:11.5px;font-weight:600;color:var(--ink3)}.fin-rem-list-wrap{padding-top:0}.fin-rem-list{display:flex;flex-direction:column;gap:8px}.fin-rem-item{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid rgba(239,68,68,.16);border-radius:var(--ptv-curve-md);padding:9px 12px;font-size:13px;box-shadow:0 1px 3px #00000005}.fin-rem-item-dot{font-size:10px;line-height:1;flex-shrink:0}.fin-rem-item-label{font-weight:700;color:var(--ink)}.fin-rem-item-sep{color:var(--ink4, #cbd5e1)}.fin-rem-item-nom{font-weight:700;color:#dc2626;margin-left:auto}.fin-rem-footer{text-align:left;font-size:12.5px;font-weight:700;color:#dc2626;padding-top:2px}}:root[data-theme=dark] .fin-reminder-card{background:linear-gradient(135deg,#ef44441a,#ef444408);border-color:#ef444459}:root[data-theme=dark] .fin-rem-total-box{background:#ef44441a;border-color:#ef444440}:root[data-theme=dark] .fin-rem-item{background:var(--surface);border-color:#ef444440}.fin-proof-thumb-btn{border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ptv-curve-md);outline:none}.fin-proof-thumb-btn:focus-visible{box-shadow:0 0 0 2px var(--ptv-green, #0e4f40)}.fin-proof-thumb-btn .fin-thumb-box{position:relative;width:42px;height:42px;border-radius:var(--ptv-curve-md);overflow:hidden;border:1.5px solid var(--line-2);background:var(--bg-2);display:grid;place-items:center;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.fin-proof-thumb-btn:hover .fin-thumb-box{transform:scale(1.08);border-color:var(--ptv-green, #0e4f40);box-shadow:0 4px 14px #0000001f}.fin-proof-thumb-btn .fin-thumb-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .16s ease}.fin-proof-thumb-btn:hover .fin-thumb-hover{opacity:1}.fin-proof-empty-box{width:42px;height:42px;border-radius:var(--ptv-curve-md);background:var(--bg-2);border:1.5px dashed var(--line-2);display:grid;place-items:center;color:var(--ink3);opacity:.6}.fin-month-section{transition:box-shadow .2s ease}.fin-month-section:hover{box-shadow:0 4px 18px #00000008}.idcard-holder-wrap{max-width:360px;width:100%;margin:0 auto;position:relative;font-family:var(--ptv-font-family)}.idcard{position:relative;overflow:hidden;border-radius:var(--ptv-curve-2xl);width:100%;box-sizing:border-box;display:flex;flex-direction:column;background:linear-gradient(165deg,#071f48,#0a2e70 42%,#051636);border:1.5px solid rgba(96,165,250,.28);box-shadow:0 18px 40px -12px #020e266b,0 6px 18px #020e2633,inset 0 1px 1px #fff3;color:#fff;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.idcard:hover{transform:translateY(-2px);box-shadow:0 22px 46px -10px #020e267a,0 8px 22px #020e263d,inset 0 1px 1px #ffffff40}.idcard-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.idcard-body{padding:20px 20px 16px;flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.idcard-top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;min-height:72px}.idcard-brand-box{display:flex;flex-direction:column;gap:4px}.idcard-logo-white{display:block;width:140px;height:28px;background:linear-gradient(135deg,#fff,#dcebff);-webkit-mask:var(--logo-url) no-repeat left center / contain;mask:var(--logo-url) no-repeat left center / contain}.idcard-logo-img{display:block;height:26px;width:auto;max-width:180px;object-fit:contain;object-position:left center}.idcard-brand-label{font-size:8px;font-weight:700;letter-spacing:.12em;color:#7dd3fc;text-transform:uppercase}.idcard-qr-box{width:72px;height:72px;background:#fff;border-radius:var(--ptv-curve-md);padding:4px;box-shadow:0 6px 18px #00000059;display:flex;align-items:center;justify-content:center;flex-shrink:0}.idcard-qr-box svg,.idcard-qr-box img{width:64px;height:64px;display:block}.idcard-photo-frame{width:100%;aspect-ratio:1 / 1.08;border-radius:var(--ptv-curve-lg);overflow:hidden;background:#081b38;border:2px solid rgba(255,255,255,.22);box-shadow:0 10px 26px #0006;position:relative;flex-shrink:0}.idcard-photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1d4ed8,#0a2f72);color:#fff;font-weight:700;font-size:42px;letter-spacing:.05em;font-family:inherit}.idcard-identity-block{margin-top:14px;margin-bottom:12px;text-align:center}.idcard-person-name{font-size:clamp(20px,4.8vw,23px);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:#fff;text-transform:uppercase;word-break:break-word;text-shadow:0 2px 6px rgba(0,0,0,.3);text-align:center}.idcard-creds-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:10px 14px;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--ptv-curve-md)}.idcard-cred-item{min-width:0}.idcard-cred-lbl{font-size:8.5px;font-weight:700;color:#7dd3fc;letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px}.idcard-cred-val{font-size:13.5px;font-weight:700;color:#fff;letter-spacing:.02em;text-transform:uppercase;line-height:1.25;word-break:break-word}.idcard-status-dot{display:none!important}.idcard-footer-strip{background:#04122ab3;border-top:1px solid rgba(255,255,255,.1);height:38px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.idcard-footer-brand{font-size:11px;font-weight:700;letter-spacing:.12em;color:#fff;text-transform:uppercase}.idcard-footer-expiry{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#93c5fd;text-transform:uppercase;font-family:var(--ptv-font-mono, monospace)}@media(max-width:480px){.idcard-holder-wrap{max-width:100%}.idcard{border-radius:var(--ptv-curve-xl)}.idcard-body{padding:16px 16px 14px}.idcard-top-bar{margin-bottom:12px;min-height:64px}.idcard-logo-white{width:120px;height:25px}.idcard-qr-box{width:64px;height:64px;border-radius:var(--ptv-curve-md)}.idcard-qr-box svg,.idcard-qr-box img{width:56px;height:56px}.idcard-photo-frame{border-radius:var(--ptv-curve-lg)}.idcard-person-name{font-size:19px}.idcard-creds-grid{padding:8px 10px;gap:6px 10px}.idcard-cred-val{font-size:12.5px}.idcard-footer-strip{height:34px;padding:0 16px}}.hero{position:relative;padding:2px 0 0}.hero-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 18px;flex-wrap:wrap;margin-bottom:6px}.hero-greet{flex:1;min-width:180px}.hero-eyebrow{font-size:13px;color:var(--muted);margin:0;font-weight:500}.hero-name{font-size:28px;font-weight:700;letter-spacing:-.04em;line-height:1.12;margin:2px 0 0;color:var(--ink)}.hero-side{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:2px}.hero-date-card{display:inline-flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 14px;border-radius:var(--ptv-curve-md);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-s);transition:all .18s ease;min-width:115px}.hero-date-card .hero-date-top{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--b-600);display:flex;align-items:center;gap:6px;line-height:1.2}.hero-date-card .hero-date-val{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.25;white-space:nowrap}.hero-date-card.hijri{border-color:#10b9814d;background:var(--surface)}.hero-date-card.hijri .hero-date-top{color:var(--emerald-600)}.hero-date-card.hijri .hero-date-top i{font-size:10px}:root[data-theme=dark] .hero-date-card.hijri{border-color:#34d39959;background:#10b9810f}@media(max-width:560px){.hero-side{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-date-card{min-width:0;padding:7px 10px}.hero-date-card .hero-date-val{font-size:12px;white-space:normal;word-break:break-word}}.hero-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--ptv-curve-pill);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-s);font-size:12px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:all .18s ease}.hero-pill i,.hero-pill .svg-inline--fa{font-size:12px;color:var(--b-600)}.quick-access-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px;margin-bottom:24px;padding:0 2px;width:100%;box-sizing:border-box}.qa-ref-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:none;border:none;padding:0;cursor:pointer;touch-action:manipulation;transition:transform .16s ease;-webkit-user-select:none;user-select:none;min-width:0;width:100%}.qa-ref-item:active{transform:scale(.94)}.qa-ref-btn{width:58px;height:58px;border-radius:var(--ptv-curve-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);display:flex;align-items:center;justify-content:center;font-size:21px;color:#2563eb;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}:root[data-theme=dark] .qa-ref-btn{background:var(--surface);border-color:var(--line-2);color:#60a5fa;box-shadow:0 8px 24px -4px #0000004d}.qa-ref-item:hover .qa-ref-btn{transform:translateY(-2px);border-color:#2563eb59;box-shadow:0 12px 28px -4px #2563eb2e,0 4px 8px #2563eb14}.qa-ref-label{font-size:11.5px;font-weight:600;color:var(--ink);margin-top:7px;line-height:1.25;letter-spacing:-.01em;text-align:center;transition:color .16s ease;word-break:break-word}.qa-ref-item:hover .qa-ref-label{color:#2563eb}:root[data-theme=dark] .qa-ref-item:hover .qa-ref-label{color:#60a5fa}.hero-card{position:relative;overflow:hidden;z-index:1;margin-top:16px;border-radius:var(--ptv-curve-xl);padding:28px 24px;color:#fff;text-align:left;width:100%;min-height:220px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#0d121c;background-image:linear-gradient(180deg,#0a0f1940,#0a0f1999 50%,#0a0f19f2 88%,#0d121c),linear-gradient(90deg,#0a0f19d9,#0a0f1973,#0a0f1926),var(--hero-bg-img, none);background-size:cover;background-position:center;box-shadow:0 14px 34px -6px #00000059,0 4px 12px #00000026;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;border:1px solid rgba(255,255,255,.14)}@media(min-width:768px){.hero-card{min-height:250px;padding:34px 30px}}.hero-card:active{transform:scale(.985)}.hero-card:hover{box-shadow:0 22px 48px #00000073;transform:translateY(-3px);border-color:#ffffff52}.hero-card-cnt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;position:relative;z-index:2;width:100%}.hero-card .lbl{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--ptv-curve-pill);font-size:11px;font-weight:700;letter-spacing:.08em;background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.24);color:#fff;margin-bottom:10px}.hero-card .ttl{font-size:21px;font-weight:700;letter-spacing:-.028em;color:#fff;margin-top:2px;line-height:1.26;text-shadow:0 2px 10px rgba(0,0,0,.75)}@media(min-width:768px){.hero-card .ttl{font-size:25px}}.hero-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12.5px;color:#fff;margin-top:14px;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.7)}.hero-meta span{display:inline-flex;align-items:center;gap:6px;background:#00000059;padding:5px 12px;border-radius:var(--ptv-curve-pill);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.hero-meta i,.hero-meta .svg-inline--fa{font-size:12px;opacity:.95}.acara-subview{width:100%;max-width:100%}#acaraHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}#acaraHeader .seg{max-width:260px}#acaraHeaderActionBtns{display:flex;align-items:center;gap:8px}.acara-mobile-add-btn{display:none!important}@media(max-width:640px){#acaraHeader{flex-direction:column;align-items:stretch;margin-bottom:14px}#acaraHeader .seg{width:100%!important;max-width:100%!important;display:flex}#acaraHeader .seg button{flex:1 1 50%}#acaraHeaderActionBtns{display:none!important}.acara-mobile-add-btn{display:flex!important}}.subview-fade{animation:subviewFade .18s cubic-bezier(.16,1,.3,1) both}@keyframes subviewFade{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}.cal-card-box{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-2xl);padding:28px 30px 32px;box-shadow:0 14px 40px -10px #0b2a4a0f,0 2px 10px #0b2a4a05;width:100%;box-sizing:border-box;transition:box-shadow .2s ease,border-color .2s ease}.cal-card-box:hover{box-shadow:0 18px 48px -8px #0b2a4a17,0 4px 16px #0b2a4a08}.cal-nav-bar{background:#eff6ff;border:1px solid #dbeafe;border-radius:var(--ptv-curve-xl);padding:12px 16px;margin-bottom:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}:root[data-theme=dark] .cal-nav-bar{background:#1e3a8a2e;border-color:#3b82f640}.cal-nav-btn{width:36px;height:36px;min-height:36px;border-radius:50%;background:var(--surface);border:1px solid #dbeafe;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .15s ease;touch-action:manipulation;outline:none;padding:0;box-shadow:0 1px 3px #0000000a;-webkit-tap-highlight-color:transparent}:root[data-theme=dark] .cal-nav-btn{background:var(--surface);border-color:#ffffff1f}.cal-nav-btn:hover{background:var(--bg-2);color:var(--b-600);transform:scale(1.06)}.cal-nav-btn:active{transform:scale(.92)}.cal-nav-title{font-size:17px;font-weight:700;color:#1e3a8a;letter-spacing:-.018em;margin:0;-webkit-user-select:none;user-select:none;line-height:1.2}:root[data-theme=dark] .cal-nav-title{color:#93c5fd}.cal-nav-hijri-badge{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;padding:2px 8px;border-radius:var(--ptv-curve-pill);font-size:11px;white-space:nowrap;max-width:100%}:root[data-theme=dark] .cal-nav-hijri-badge{background:#10b98129;border-color:#34d3994d;color:#34d399}.cal-today-btn{font-size:11.5px;padding:3px 12px;border-radius:var(--ptv-curve-pill);border:1px solid #bfdbfe;font-weight:700;min-height:30px;background:var(--surface);color:#1d4ed8;box-shadow:0 1px 3px #0000000a;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}:root[data-theme=dark] .cal-today-btn{background:var(--surface);border-color:#3b82f659;color:#60a5fa}.cal-nav-mobile-bottom{display:none}.cal-nav-mobile-top{display:contents}.cal-nav-right-actions{justify-self:end;display:flex;align-items:center;gap:6px}@media(max-width:600px){.cal-card-box{padding:16px 12px 18px!important;border-radius:var(--ptv-curve-lg)}.cal-nav-bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important;margin-bottom:14px!important;border-radius:var(--ptv-curve-md)}.cal-nav-mobile-top{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.cal-nav-title{font-size:16px!important;text-align:center!important}.cal-nav-right-actions{display:flex!important;align-items:center!important;gap:6px!important}.cal-nav-right-actions .cal-today-btn,.cal-nav-desktop-hijri{display:none!important}.cal-nav-mobile-bottom{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;flex-wrap:wrap!important;border-top:1px dashed #dbeafe;padding-top:8px}:root[data-theme=dark] .cal-nav-mobile-bottom{border-top-color:#3b82f640}.cal-nav-mobile-bottom .cal-nav-hijri-badge{font-size:10.5px!important;padding:2px 7px!important}.cal-nav-mobile-bottom .cal-today-btn{font-size:11px!important;min-height:28px!important;padding:2px 10px!important}}.cal-dow-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:14px}.cal-dow-col{text-align:center;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.2px;padding:4px 0;-webkit-user-select:none;user-select:none}.cal-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--ptv-curve-md);overflow:hidden;box-sizing:border-box}:root[data-theme=dark] .cal-days-grid{background:#ffffff17;border-color:#ffffff17}.cal-day-cell{min-height:56px;width:100%;max-width:100%;margin:0;border-radius:0!important;-webkit-border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none!important;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background .15s ease,color .15s ease;touch-action:manipulation;outline:none;padding:4px 2px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.cal-day-cell:hover:not(.sel):not(.out){background:var(--b-050);color:var(--b-700)}.cal-day-cell:active:not(.out){opacity:.85}.cal-day-cell.out{background:var(--bg);color:#94a3b8;cursor:default;opacity:.6}:root[data-theme=dark] .cal-day-cell{background:var(--surface)}:root[data-theme=dark] .cal-day-cell.out{background:var(--bg);color:#ffffff38}.cal-day-cell.today:not(.sel){background:var(--b-050);color:var(--b-600);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--b-500)!important;border-radius:0!important}:root[data-theme=dark] .cal-day-cell.today:not(.sel){background:#3b8ef729;color:#6fb0ff;box-shadow:inset 0 0 0 1.5px #3b82f6!important}.cal-day-cell.has-event:not(.sel){background:#10b9811f!important;box-shadow:inset 0 0 0 1.5px #10b98173!important;border-radius:0!important;border:none!important}.cal-day-cell.has-event:not(.sel):hover{background:#10b98138!important;box-shadow:inset 0 0 0 1.5px #10b981!important}.cal-day-cell.has-event:not(.sel) .cal-day-num{color:#047857;font-weight:700}:root[data-theme=dark] .cal-day-cell.has-event:not(.sel){background:#10b9812e!important;box-shadow:inset 0 0 0 1.5px #34d39966!important}:root[data-theme=dark] .cal-day-cell.has-event:not(.sel) .cal-day-num{color:#34d399}.cal-day-cell.has-planner:not(.sel){background:#2563eb1a!important;box-shadow:inset 0 0 0 1.5px #2563eb66!important;border-radius:0!important;border:none!important}.cal-day-cell.has-planner:not(.sel):hover{background:#2563eb33!important;box-shadow:inset 0 0 0 1.5px #2563eb!important}.cal-day-cell.has-planner:not(.sel) .cal-day-num{color:#1d4ed8;font-weight:700}:root[data-theme=dark] .cal-day-cell.has-planner:not(.sel){background:#2563eb2e!important;box-shadow:inset 0 0 0 1.5px #60a5fa66!important}:root[data-theme=dark] .cal-day-cell.has-planner:not(.sel) .cal-day-num{color:#93c5fd}.cal-day-cell.has-both:not(.sel){background:#10b98124!important;box-shadow:inset 0 0 0 1.5px #10b981!important;border-radius:0!important;border:none!important}.cal-day-cell.has-both:not(.sel):hover{background:#10b9813d!important}.cal-day-cell.has-both:not(.sel) .cal-day-num{color:#047857;font-weight:700}:root[data-theme=dark] .cal-day-cell.has-both:not(.sel){background:#10b98133!important;box-shadow:inset 0 0 0 1.5px #34d399!important}:root[data-theme=dark] .cal-day-cell.has-both:not(.sel) .cal-day-num{color:#34d399}.cal-day-cell.sel{background:linear-gradient(155deg,#2579f5,#1464df)!important;color:#fff!important;font-weight:700;z-index:2;border-radius:0!important;-webkit-border-radius:0!important;border:none!important;box-shadow:inset 0 0 0 1px #ffffff4d!important}.cal-day-num{font-size:14px;font-weight:700;line-height:1.1;color:var(--ink)}.cal-event-title,.cal-event-sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cal-day-cell.sel .cal-day-num{color:#fff!important}.cal-day-cell.out .cal-day-num{color:inherit;font-weight:500}.cal-day-sub{display:inline-flex;align-items:center;justify-content:center;gap:2.5px;font-size:8.5px;line-height:1;margin-top:2px;white-space:nowrap}.cal-hijri-num{font-weight:700;color:#059669}:root[data-theme=dark] .cal-hijri-num{color:#34d399}.cal-pasaran-lbl{font-size:8px;font-weight:600;color:var(--muted)}.cal-day-cell.sel .cal-hijri-num,.cal-day-cell.sel .cal-pasaran-lbl{color:#ffffffeb!important}.cal-day-cell.out .cal-hijri-num,.cal-day-cell.out .cal-pasaran-lbl{opacity:.4}.cal-event-dot{width:4px;height:4px;border-radius:50%;background:#10b981;margin-top:2px;display:block;flex:none}.cal-day-cell.sel .cal-event-dot{background:#a7f3d0!important}.cal-badge-hijri{display:inline-flex;align-items:center;gap:4.5px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:var(--ptv-curve-pill);padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1}:root[data-theme=dark] .cal-badge-hijri{background:#10b98124;color:#34d399;border-color:#34d3994d}.cal-badge-weton{display:inline-flex;align-items:center;gap:4.5px;background:#fffbeb;color:#92400e;border:1px solid #fde68a;border-radius:var(--ptv-curve-pill);padding:3px 9px;font-size:11.5px;font-weight:700;line-height:1}:root[data-theme=dark] .cal-badge-weton{background:#f59e0b24;color:#fbbf24;border-color:#fbbf244d}.cal-badge-planner{display:inline-flex;align-items:center;gap:4.5px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:var(--ptv-curve-pill);padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1}:root[data-theme=dark] .cal-badge-planner{background:#2563eb26;color:#93c5fd;border-color:#60a5fa4d}.cal-planner-dot{width:4px;height:4px;border-radius:50%;background:#2563eb;margin-top:2px;display:block;flex:none}.cal-day-cell.sel .cal-planner-dot{background:#bfdbfe!important}.cal-dots-wrap{display:inline-flex;align-items:center;justify-content:center;gap:3px;margin-top:2px;height:4px}.cal-planner-card{background:var(--surface);border:1px solid var(--line-2);border-left:4px solid #8b5cf6;border-radius:var(--ptv-curve-xl);padding:16px 18px;box-shadow:0 10px 30px -8px #6366f114,0 2px 8px #6366f105;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;box-sizing:border-box}.cal-planner-card:hover{transform:translateY(-2px);border-color:#8b5cf666;box-shadow:0 14px 36px -6px #6366f124,0 4px 12px #6366f10a}.cal-planner-card:hover .cal-event-chev{transform:translate(3px);color:#7c3aed}.cal-planner-card .cal-event-ic{background:#8b5cf61f;color:#7c3aed}:root[data-theme=dark] .cal-planner-card .cal-event-ic{background:#8b5cf638;color:#c4b5fd}.cal-daily-card{background:var(--surface);border:1.5px solid rgba(99,102,241,.28);border-left:5px solid #4f46e5;border-radius:var(--ptv-curve-xl);padding:15px 18px;box-shadow:0 10px 28px -8px #4f46e51f,0 2px 8px #4f46e50a;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;box-sizing:border-box}.cal-daily-card:hover{transform:translateY(-2px);border-color:#4f46e5;box-shadow:0 14px 34px -6px #4f46e538,0 4px 12px #4f46e514}.cal-daily-card:hover .cal-event-chev{transform:translate(3px);color:#4f46e5}.cal-daily-card .cal-daily-ic{width:42px;height:42px;border-radius:var(--ptv-curve-md);background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;display:grid;place-items:center;font-size:17px;flex-shrink:0;box-shadow:0 4px 12px #4f46e547}.cal-roadmap-card{background:var(--bg);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg);padding:13px 15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;box-sizing:border-box}.cal-roadmap-card:hover{background:var(--surface);border-color:#a78bfa;box-shadow:0 8px 20px #8b5cf61f;transform:translateY(-1.5px)}.cal-roadmap-card:hover .cal-event-chev{transform:translate(3px);color:#7c3aed}.cal-roadmap-card .cal-roadmap-ic{width:36px;height:36px;border-radius:var(--ptv-curve-md);background:#8b5cf61f;color:#7c3aed;display:grid;place-items:center;font-size:14px;flex-shrink:0}.cal-roadmap-card .cal-roadmap-date-pill{display:inline-flex;align-items:center;gap:4.5px;padding:3px 8px;border-radius:var(--ptv-curve-sm);font-size:11px;font-weight:700;background:#8b5cf61f;color:#6d28d9;border:1px solid rgba(139,92,246,.22);flex-shrink:0;white-space:nowrap}:root[data-theme=dark] .cal-roadmap-card{background:#1e293b73;border-color:#ffffff14}:root[data-theme=dark] .cal-roadmap-card:hover{background:#1e293bd9;border-color:#a78bfa66}:root[data-theme=dark] .cal-roadmap-card .cal-roadmap-ic{background:#8b5cf63d;color:#c4b5fd}:root[data-theme=dark] .cal-roadmap-card .cal-roadmap-date-pill{background:#8b5cf63d;color:#ddd6fe;border-color:#a78bfa59}.cal-events-wrap{display:flex;flex-direction:column;gap:12px}.cal-events-header{margin-bottom:2px;padding:0 2px}.cal-events-date{font-size:14.5px;font-weight:600;color:var(--ink-2);letter-spacing:-.01em;margin:0}.cal-event-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl);padding:18px 20px;box-shadow:0 10px 30px -8px #0b2a4a0f,0 2px 8px #0b2a4a05;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;box-sizing:border-box}.cal-event-card:hover{transform:translateY(-2px);border-color:#1d75f247;box-shadow:0 14px 36px -6px #0b2a4a1a,0 4px 12px #0b2a4a0a}.cal-event-card:hover .cal-event-chev{transform:translate(3px);color:var(--b-600)}.cal-event-ic{width:46px;height:46px;border-radius:var(--ptv-curve-lg);background:#1d75f21a;color:#1d75f2;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}:root[data-theme=dark] .cal-event-ic{background:#3b8ef729;color:#6fb0ff}.cal-event-body{flex:1;min-width:0;overflow:hidden}.cal-event-title{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 4px;line-height:1.35;white-space:normal;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cal-event-sub{font-size:13px;color:var(--muted);margin:0;font-weight:500;line-height:1.35;white-space:normal;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cal-event-chev{color:var(--muted);font-size:13px;flex:none;transition:transform .18s ease,color .18s ease}.cal-planner-card,.cal-event-card{max-height:140px;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.cal-planner-card .cal-event-body,.cal-event-card .cal-event-body{flex:1 1 0%;min-width:0;overflow:hidden}.inv-detail-section{margin-bottom:20px}.inv-detail-section .inv-section-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 10px;display:flex;align-items:center;gap:8px}.inv-detail-section .inv-section-title i{font-size:13px;color:var(--b-600)}.inv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.inv-detail-grid .kv{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2)}.inv-detail-grid .kv span{color:var(--muted);font-size:12.5px;font-weight:500;flex-shrink:0}.inv-detail-grid .kv b{color:var(--ink);font-size:13.5px;font-weight:600;text-align:right;word-break:break-word;overflow-wrap:anywhere}@media(max-width:640px){.inv-detail-grid{grid-template-columns:1fr;gap:0}.inv-detail-section{margin-bottom:16px}.inv-detail-grid .kv{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding:9px 0;border-bottom:1px solid var(--line-2)}.inv-detail-grid .kv:nth-child(2n){padding-left:0;border-left:none}.inv-detail-grid .kv span{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.inv-detail-grid .kv b{font-size:13.5px;font-weight:600;color:var(--ink);text-align:left;word-break:break-word;overflow-wrap:anywhere}}.inv-cat-box{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl);padding:14px 16px;margin-top:14px;box-shadow:0 1px 6px #00000005;position:relative}.inv-cat-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 2px}.inv-cat-box-title{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:7px}.inv-cat-box-title i{font-size:12px;color:var(--b-600)}.inv-cat-box-count{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.inv-cat-nav-btns{display:inline-flex;align-items:center;gap:5px;margin-left:6px}.inv-cat-nav-btn{width:28px;height:28px;border-radius:50%;background:var(--bg-1);border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-2);cursor:pointer;transition:all .16s ease;-webkit-user-select:none;user-select:none}.inv-cat-nav-btn:hover{background:var(--b-600);color:#fff;border-color:var(--b-600);box-shadow:0 2px 8px #1273e640;transform:scale(1.06)}.inv-cat-nav-btn:active{transform:scale(.92)}.inv-cat-scroll-track{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:4px 6px 10px;scroll-behavior:smooth;cursor:grab}.inv-cat-card{flex:0 0 102px;min-width:102px;max-width:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 10px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px #00000008}.inv-cat-card:hover{background:#fff;border-color:var(--b-300);transform:translateY(-2px);box-shadow:0 6px 18px #0b3c7414}.inv-cat-card.on{background:#fff;border-color:var(--b-600);box-shadow:0 0 0 2px var(--b-600),0 4px 16px #1273e626}.inv-cat-card-icon{width:38px;height:38px;border-radius:var(--ptv-curve-md);background:var(--bg-1);border:1px solid var(--line-1);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--ink-2);margin-bottom:7px;transition:all .18s ease;flex-shrink:0}.inv-cat-card:hover .inv-cat-card-icon{color:var(--b-600);background:var(--b-050);border-color:var(--b-200)}.inv-cat-card.on .inv-cat-card-icon{background:var(--b-600);color:#fff;border-color:var(--b-600);box-shadow:0 3px 10px #1273e64d}.inv-cat-card-name{font-size:11px;font-weight:600;color:var(--ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;min-height:26px}.inv-cat-card.on .inv-cat-card-name{color:var(--b-700);font-weight:700}.inv-cat-card-count{font-size:10px;color:var(--muted);font-weight:500;margin-top:2px}.inv-cat-card.on .inv-cat-card-count{color:var(--b-600);font-weight:600}.inv-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}.inv-status-segment{display:inline-flex;align-items:center;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--ptv-curve-lg);padding:3px;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.inv-status-segment::-webkit-scrollbar{display:none}.inv-segment-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--ptv-curve-md);border:none;background:transparent;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .16s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.inv-segment-btn:hover{color:var(--ink);background:#ffffff80}.inv-segment-btn.on{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a}.inv-segment-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.inv-segment-count{font-size:10.5px;font-weight:600;opacity:.75;padding:1px 6px;border-radius:var(--ptv-curve-pill);background:var(--bg-1)}.inv-segment-btn.on .inv-segment-count{background:var(--b-050);color:var(--b-700);opacity:1}.inv-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}@media(min-width:600px){.inv-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}}@media(min-width:900px){.inv-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.inv-prod-card{display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--ptv-curve-lg);overflow:hidden;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;text-align:left;min-width:0;-webkit-tap-highlight-color:transparent;position:relative}.inv-prod-card:hover{box-shadow:0 6px 24px #0b3c741f;transform:translateY(-2px);border-color:var(--b-300)}.inv-prod-card:active{transform:scale(.98)}.inv-prod-photo{width:100%;aspect-ratio:4/3;background:var(--bg-2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.inv-prod-photo img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.inv-prod-card:hover .inv-prod-photo img{transform:scale(1.04)}.inv-prod-photo .inv-prod-icon{font-size:36px;color:var(--muted);opacity:.45}.inv-prod-photo svg{width:40px;height:40px;color:var(--muted);opacity:.45}.inv-prod-status-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--ptv-curve-pill);letter-spacing:.02em;z-index:2;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014;border:1px solid var(--line-2);display:inline-flex;align-items:center;gap:4px}.inv-prod-quick-add{position:static;width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--b-050);border:1.5px solid var(--b-200);color:var(--b-700);display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;box-shadow:0 1px 3px #1273e614;transition:all .16s ease;flex-shrink:0;margin-top:-1px}.inv-prod-quick-add:hover{background:var(--b-600);color:#fff;border-color:var(--b-600);transform:scale(1.12);box-shadow:0 3px 10px #1273e647}.inv-prod-quick-add:active{transform:scale(.92)}.inv-prod-quick-add.added{background:#16a34a;color:#fff;border-color:#16a34a;box-shadow:0 2px 6px #16a34a4d}.inv-prod-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.inv-prod-code{font-size:10.5px;font-weight:700;color:var(--b-600);letter-spacing:.04em;text-transform:uppercase;font-family:monospace}.inv-prod-name{font-size:13px;font-weight:700;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inv-prod-brand{font-size:11.5px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-prod-avail{margin-top:6px;font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:5px}.inv-prod-avail .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.inv-search-wrap{position:relative;display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--ptv-curve-pill);padding:4px 5px 4px 14px;flex:1;box-shadow:0 1px 4px #00000008;transition:border-color .18s ease,box-shadow .18s ease;min-height:46px}.inv-search-wrap:focus-within{border-color:var(--b-500);box-shadow:0 0 0 3px var(--b-100)}.inv-search-wrap .search-icon{position:static!important;color:var(--muted);font-size:14px;margin-right:8px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.inv-search-wrap .search-icon i{display:inline-block;line-height:1}.inv-search-wrap input{flex:1;border:none;background:transparent;outline:none;font-size:13.5px;color:var(--ink);padding:8px 4px;min-width:0;line-height:1.4}.inv-search-wrap input::placeholder{color:var(--muted)}.inv-search-scan-btn{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 14px;border-radius:var(--ptv-curve-pill);background:var(--b-600);color:#fff;border:none;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .16s ease;flex-shrink:0}.inv-search-scan-btn:hover{background:var(--b-700);transform:scale(1.02);box-shadow:0 2px 8px #1273e647}.inv-search-scan-btn:active{transform:scale(.96)}.inv-top-basket-btn{position:relative;width:46px;height:46px;border-radius:var(--ptv-curve-pill);background:var(--surface);border:1.5px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:var(--ink);cursor:pointer;transition:all .18s ease;flex-shrink:0;box-shadow:0 1px 4px #00000008}.inv-top-basket-btn:hover{border-color:var(--b-500);color:var(--b-600);background:var(--b-050);transform:scale(1.04)}.inv-top-basket-btn:active{transform:scale(.94)}.inv-top-basket-badge{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:var(--ptv-curve-pill);display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #ef444466;border:2px solid var(--surface);line-height:1}.inv-hero-banner{position:relative;width:100%;height:180px;border-radius:var(--ptv-curve-xl);overflow:hidden;margin-top:14px;border:1px solid var(--line-2);box-shadow:0 4px 16px #00000014;background-color:#0d121c}@media(min-width:768px){.inv-hero-banner{height:205px}}.inv-hero-banner img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.inv-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0f190d,#0a0f1973 45%,#0a0f19eb);display:flex;flex-direction:column;justify-content:flex-end;padding:16px 20px;color:#fff;box-sizing:border-box}@media(min-width:768px){.inv-hero-overlay{padding:18px 24px}}.inv-hero-tag{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#93c5fd;margin-bottom:3px;display:flex;align-items:center;gap:5px}.inv-hero-title{font-size:18px;font-weight:700;letter-spacing:-.01em;color:#fff;margin-bottom:2px;line-height:1.25}@media(min-width:768px){.inv-hero-title{font-size:21px}}.inv-hero-sub{font-size:11.5px;color:#ffffffd9;max-width:650px;line-height:1.35}.prod-detail-container{max-width:1220px;width:100%;min-width:0;box-sizing:border-box;margin:0 auto;display:flex;flex-direction:column;gap:18px}.prod-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:500;flex-wrap:wrap;padding:2px}.prod-breadcrumb button,.prod-breadcrumb a{color:var(--b-600);background:none;border:none;padding:0;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:color .15s}.prod-breadcrumb button:hover,.prod-breadcrumb a:hover{text-decoration:underline;color:var(--b-700)}.prod-breadcrumb .sep{color:#cbd5e1;font-size:10px}.prod-showcase-card{background:#fff;border:1.5px solid rgba(226,232,240,.85);border-radius:var(--ptv-curve-xl);box-shadow:0 10px 30px -5px #0000000a,0 4px 12px -2px #00000005;padding:24px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;position:relative;overflow:hidden;max-width:100%;min-width:0;box-sizing:border-box}@media(min-width:880px){.prod-showcase-card{grid-template-columns:minmax(0,430px) minmax(0,1fr);align-items:start;gap:36px;padding:32px}}.prod-gallery-col{display:flex;flex-direction:column;align-self:start;gap:14px;min-width:0;max-width:100%;box-sizing:border-box}.prod-main-photo-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:radial-gradient(circle at 50% 45%,#fff,#f1f5f9);border-radius:var(--ptv-curve-xl);border:1.5px solid #e2e8f0;box-shadow:inset 0 2px 8px #00000005,0 6px 20px #0000000a;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width:879px)and (min-width:541px){.prod-main-photo-wrap{max-height:360px;aspect-ratio:16 / 10}}.prod-main-photo-wrap img{width:100%;height:100%;object-fit:contain;padding:24px;box-sizing:border-box;transition:transform .3s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 8px 16px rgba(0,0,0,.06))}.prod-main-photo-wrap:hover img{transform:scale(1.06)}.prod-main-photo-wrap .prod-photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.prod-main-photo-wrap .prod-photo-fallback svg{width:90px;height:90px;opacity:.3}.prod-main-photo-badge{position:absolute;top:14px;right:14px;padding:5px 12px;border-radius:var(--ptv-curve-pill);font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;box-shadow:0 4px 14px #0000000f;border:1px solid rgba(226,232,240,.9)}.prod-thumbs-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px}.prod-thumb-btn{width:66px;height:66px;border-radius:var(--ptv-curve-md);border:2px solid #e2e8f0;background:#fff;overflow:hidden;padding:4px;cursor:pointer;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000a}.prod-thumb-btn:hover{border-color:#93c5fd;transform:translateY(-2px)}.prod-thumb-btn.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e,0 4px 10px #0000000f;transform:translateY(-2px)}.prod-thumb-btn img{width:100%;height:100%;object-fit:contain}.prod-share-actions{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f1f5f9;font-size:12px;color:var(--muted);flex-wrap:wrap;gap:8px}.prod-share-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prod-share-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:var(--ptv-curve-pill);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .18s ease}.prod-share-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;transform:translateY(-1px)}.prod-info-col{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%;box-sizing:border-box}.prod-header-line{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%}.prod-badge-official{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:var(--ptv-curve-xs);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 6px #2563eb40;display:inline-flex;align-items:center;gap:4px}.prod-badge-code{background:#f8fafc;color:#2563eb;border:1px solid #dbeafe;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--ptv-curve-pill);letter-spacing:.04em;font-family:monospace}.prod-badge-cat{font-size:12px;color:#64748b;font-weight:600;background:#f1f5f9;padding:3px 8px;border-radius:var(--ptv-curve-pill)}.prod-main-title{font-size:26px;font-weight:700;color:#0f172a;line-height:1.25;margin:0;letter-spacing:-.025em}@media(min-width:768px){.prod-main-title{font-size:28px}}.prod-subhead{font-size:14px;color:#64748b;font-weight:600;margin-top:4px}.prod-stats-bar{display:flex;align-items:center;gap:10px;padding-bottom:4px;flex-wrap:wrap}.prod-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--ptv-curve-sm);background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;color:#334155;font-weight:600}.prod-stat-pill b{font-weight:700;color:#0f172a}.prod-pricing-box{background:linear-gradient(135deg,#f0fdf4,#f8fafc);border:1.5px solid #bbf7d0;border-radius:var(--ptv-curve-lg);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;box-shadow:0 4px 14px #22c55e0f}.prod-pricing-box.is-warning{background:linear-gradient(135deg,#fffbeb,#f8fafc);border-color:#fde68a;box-shadow:0 4px 14px #f59e0b0f}.prod-pricing-box.is-danger{background:linear-gradient(135deg,#fef2f2,#f8fafc);border-color:#fecaca;box-shadow:0 4px 14px #ef44440f}.prod-price-main{display:flex;flex-direction:column;gap:3px}.prod-price-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#16a34a;display:flex;align-items:center;gap:5px}.prod-pricing-box.is-warning .prod-price-label{color:#d97706}.prod-pricing-box.is-danger .prod-price-label{color:#dc2626}.prod-price-val{font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.prod-price-badge{padding:6px 14px;border-radius:var(--ptv-curve-pill);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000000f}.prod-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:4px 0}@media(max-width:540px){.prod-spec-grid{grid-template-columns:1fr}}.prod-spec-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--ptv-curve-md);padding:10px 14px;display:flex;align-items:center;gap:12px;transition:border-color .15s}.prod-spec-card:hover{border-color:#cbd5e1}.prod-spec-card-icon{width:36px;height:36px;border-radius:var(--ptv-curve-md);background:#fff;border:1px solid #e2e8f0;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;box-shadow:0 1px 3px #00000008}.prod-spec-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.prod-spec-card-info .label{font-size:10.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.prod-spec-card-info .val{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-unit-section{display:flex;flex-direction:column;gap:10px;padding:14px 0 4px;border-top:1px solid #f1f5f9;min-width:0;max-width:100%;box-sizing:border-box}.prod-unit-section.full-width{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.prod-unit-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#0f172a}.prod-unit-grid{display:flex;flex-wrap:wrap;gap:8px}.prod-unit-cards-scroll{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 14px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;align-items:stretch;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;cursor:grab}.prod-unit-cards-scroll:active,.prod-unit-cards-scroll.is-dragging{cursor:grabbing}.prod-unit-cards-scroll.is-dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}.prod-unit-cards-scroll::-webkit-scrollbar{height:6px}.prod-unit-cards-scroll::-webkit-scrollbar-track{background:transparent}.prod-unit-cards-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--ptv-curve-pill)}.prod-unit-cards-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.prod-unit-hcard{flex:0 0 280px;min-width:270px;max-width:320px;background:linear-gradient(135deg,#f8fafc,#fff);border:1.5px solid #e2e8f0;border-radius:var(--ptv-curve-lg);padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;box-shadow:0 1px 4px #00000005;transition:all .16s ease;box-sizing:border-box;touch-action:pan-x pan-y}.prod-unit-hcard:hover{border-color:#93c5fd;background:#fff;box-shadow:0 4px 14px #2563eb14;transform:translateY(-1px)}.prod-unit-hcard.is-borrowed{border-color:#fde68a;background:#fffdf5}.prod-unit-hcard.is-damaged{border-color:#fecaca;background:#fff8f8}.prod-unit-hcard-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.prod-unit-hcard-name{font-size:13.5px;font-weight:700;color:#0f172a}.prod-unit-hcard-body{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11.5px;color:#64748b;flex-wrap:wrap}.prod-unit-hcard-cond{color:#475569;font-size:11.5px}.prod-unit-hcard-loan{color:#d97706;font-weight:600;font-size:11.5px;display:inline-flex;align-items:center;gap:4px}.prod-unit-hcard-actions{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid #f1f5f9}.u-status-dot{width:8px!important;height:8px!important;min-width:8px!important;border-radius:50%!important;display:inline-block!important;flex-shrink:0!important;position:static!important;border:none!important;box-shadow:none!important;padding:0!important}.prod-unit-section.full-width{grid-column:1 / -1;width:100%;border-top:1.5px solid #f1f5f9;padding-top:20px;margin-top:8px}.ptv-unit-branding-row{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;line-height:1}.ptv-unit-brand-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--ptv-curve-xs);line-height:1;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:all .15s ease;white-space:nowrap}.ptv-unit-brand-badge.ptv-brand-primary{background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;font-weight:700;box-shadow:0 1px 2px #00000005}.ptv-unit-brand-badge.ptv-brand-niksan{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fde047;color:#854d0e;font-weight:700;box-shadow:0 1px 3px #854d0e14}:root[data-theme=dark] .ptv-unit-brand-badge.ptv-brand-primary{background:#1e293b;border-color:#334155;color:#f8fafc}:root[data-theme=dark] .ptv-unit-brand-badge.ptv-brand-niksan{background:linear-gradient(135deg,#451a03,#78350f);border-color:#b45309;color:#fef08a}.ptv-brand-sep{font-size:10px;font-weight:700;color:#94a3b8;line-height:1;-webkit-user-select:none;user-select:none}.unit-niksan-indicator{display:none;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--ptv-curve-xs);background:#fffbeb;border:1px solid #fde047;color:#854d0e;font-size:10.5px;font-weight:700;line-height:1}.unit-niksan-indicator.active{display:inline-flex}.prod-left-cta-area{margin-top:4px;display:flex;flex-direction:column;gap:8px;width:100%}.prod-left-admin-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;flex-wrap:wrap;margin-top:auto;padding-top:16px}.prod-left-admin-row .prod-action-pill-btn{flex:1;justify-content:center;min-height:38px;font-size:11.5px;padding:4px 8px;white-space:nowrap}.prod-unified-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #f1f5f9;flex-wrap:wrap}.prod-admin-btns-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prod-action-pill-btn{border-radius:var(--ptv-curve-pill);font-size:12px;font-weight:600;padding:6px 14px;min-height:40px;display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;cursor:pointer;transition:all .16s ease;box-shadow:0 1px 2px #00000005}.prod-action-pill-btn:hover{background:#fff;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px);box-shadow:0 3px 8px #0000000d}.prod-action-pill-btn.dang{color:#dc2626;border-color:#fee2e2;background:snow}.prod-action-pill-btn.dang:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.prod-cta-area{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;width:100%}.prod-cta-btns-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.prod-btn-basket{min-width:165px;height:48px;padding:0 20px;background:#fff;color:#1d4ed8;border:1.5px solid #93c5fd;border-radius:var(--ptv-curve-md);font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 6px #00000008}.prod-btn-basket:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.prod-btn-basket.added{background:#f0fdf4;color:#15803d;border-color:#86efac}.prod-btn-primary-borrow{min-width:195px;height:48px;padding:0 22px;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border:none;border-radius:var(--ptv-curve-md);font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 18px #2563eb52;transition:all .18s ease}.prod-btn-primary-borrow:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 8px 24px #2563eb6b;transform:translateY(-1px)}.prod-btn-primary-borrow:active{transform:scale(.98)}@media(max-width:768px){.prod-showcase-card{padding:16px!important;gap:16px!important;border-radius:18px!important}.prod-main-photo-wrap{aspect-ratio:16 / 10!important;max-height:220px!important;border-radius:14px!important}.prod-main-photo-wrap img{padding:14px!important}.prod-main-title{font-size:20px!important;line-height:1.28!important}.prod-subhead{font-size:13px!important;margin-top:3px!important}.prod-stats-bar{gap:6px!important}.prod-stat-pill{font-size:11px!important;padding:3px 8px!important;border-radius:8px!important}.prod-pricing-box{padding:10px 14px!important;border-radius:12px!important;gap:8px!important}.prod-price-label{font-size:10px!important}.prod-price-val{font-size:16px!important}.prod-price-badge{font-size:11px!important;padding:4px 10px!important}.prod-spec-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0!important}.prod-spec-card{padding:8px 10px!important;gap:8px!important;border-radius:10px!important}.prod-spec-card-icon{width:28px!important;height:28px!important;font-size:12px!important;border-radius:8px!important}.prod-spec-card-info .label{font-size:9.5px!important}.prod-spec-card-info .val{font-size:12px!important}.prod-cta-area{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:10px!important;margin-top:14px!important}.prod-btn-basket,.prod-btn-primary-borrow{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:12px 20px!important;flex:1 1 100%!important;box-sizing:border-box!important;justify-content:center!important;text-align:center!important;font-size:14px!important;border-radius:var(--ptv-curve-md)!important}.prod-unit-section.full-width{padding-top:14px!important;margin-top:4px!important}.prod-unit-desktop-nav{display:none!important}.prod-unit-cards-scroll{display:flex!important;flex-direction:column!important;overflow-x:visible!important;overflow-y:visible!important;gap:10px!important;padding:0!important;cursor:default!important}.prod-unit-hcard{flex:1 1 100%!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;padding:12px 14px!important}.prod-unit-header{gap:8px;flex-wrap:wrap}.prod-unit-btn-text{display:none!important}.prod-unit-action-btn{padding:0!important;width:32px!important;height:32px!important;min-height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.prod-unit-action-btn i{margin:0!important;font-size:13px!important}.prod-section-card{padding:16px!important;border-radius:16px!important}.prod-section-header{margin-bottom:12px!important;gap:8px!important}.prod-section-icon-badge{width:32px!important;height:32px!important;font-size:13px!important}.prod-section-title{font-size:14.5px!important}}.prod-bottom-sections{display:flex;flex-direction:column;gap:20px;margin-top:8px}.prod-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--ptv-curve-xl);padding:24px 26px;box-shadow:0 4px 20px -4px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;box-sizing:border-box}.prod-section-card:hover{border-color:#cbd5e1;box-shadow:0 8px 26px -4px #0f172a12}.prod-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.prod-section-title-wrap{display:flex;align-items:center;gap:12px}.prod-section-icon-badge{width:38px;height:38px;border-radius:var(--ptv-curve-md);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border:1px solid #bfdbfe;box-shadow:0 1px 2px #2563eb0f}.prod-section-icon-badge.indigo{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;border-color:#c7d2fe}.prod-section-icon-badge.emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;border-color:#a7f3d0}.prod-section-title{font-size:16px;font-weight:700;color:#0f172a;letter-spacing:-.015em;margin:0;display:flex;align-items:center;gap:8px}.prod-section-count-chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--ptv-curve-pill);background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.prod-tech-specs-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:var(--ptv-curve-lg);padding:16px 20px;position:relative;display:flex;flex-direction:column;gap:8px}.prod-tech-specs-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.prod-tech-specs-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569}.prod-tech-specs-body{font-size:13.5px;color:#1e293b;line-height:1.65;margin:0;white-space:pre-wrap;font-weight:500}.unit-barcodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.unit-barcodes-grid::-webkit-scrollbar{width:6px}.unit-barcodes-grid::-webkit-scrollbar-track{background:transparent}.unit-barcodes-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--ptv-curve-pill)}.unit-barcodes-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.unit-barcodes-grid{grid-template-columns:1fr;gap:14px;max-height:380px;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scroll-behavior:smooth;padding-right:6px;padding-bottom:8px;overscroll-behavior-y:contain}}.barcode-nav-btns{display:inline-flex;align-items:center;gap:5px}.barcode-nav-btns .inv-cat-nav-btn{width:30px;height:30px;border-radius:var(--ptv-curve-sm);background:#fff;border:1.5px solid #cbd5e1;color:#334155;display:inline-flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #00000008}.barcode-nav-btns .inv-cat-nav-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;box-shadow:0 2px 6px #2563eb26}.barcode-nav-btns .inv-cat-nav-btn:active{transform:scale(.92)}@media(max-width:600px){.prod-section-actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4px}}@media print{.unit-barcodes-grid{max-height:none!important;overflow:visible!important}}.barcode-luxury-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--ptv-curve-lg);padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;transition:all .18s ease;box-shadow:0 1px 3px #00000005;box-sizing:border-box}.barcode-luxury-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 24px -4px #2563eb14}.barcode-luxury-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.barcode-luxury-unit{font-size:13px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:6px}.barcode-luxury-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.05em;background:#f8fafc;border:1px solid #cbd5e1;color:#1e293b;padding:3px 8px;border-radius:var(--ptv-curve-xs)}.barcode-luxury-svg-wrap{background:#fff;border:1px dashed #cbd5e1;border-radius:var(--ptv-curve-md);padding:14px 10px 8px;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:12px 12px}.barcode-luxury-actions{display:flex;align-items:center;justify-content:center;gap:8px}.barcode-action-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;min-height:30px;border-radius:var(--ptv-curve-sm);font-size:11.5px;font-weight:600;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;cursor:pointer;transition:all .15s ease}.barcode-action-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px)}.prod-empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.prod-empty-history-icon{width:58px;height:58px;border-radius:var(--ptv-curve-xl);background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1.5px solid #dbeafe;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:22px;box-shadow:0 4px 12px #2563eb14;margin-bottom:14px}.prod-empty-history-title{font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.01em;margin:0 0 5px}.prod-empty-history-desc{font-size:13px;color:#64748b;margin:0;max-width:400px;line-height:1.5}.prod-empty-history-badge{margin-top:14px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--ptv-curve-pill);font-size:11.5px;font-weight:700;color:#15803d}.prod-empty-history-compact{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--ptv-curve-md, 12px);background:#f8fafc;border:1px solid #e2e8f0}.prod-empty-history-icon-compact{width:40px;height:40px;border-radius:50%;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;border:1px solid #dbeafe}.prod-empty-history-title-compact{font-size:13.5px;font-weight:700;color:#0f172a;margin:0 0 3px}.prod-empty-history-desc-compact{font-size:12px;color:#64748b;margin:0;line-height:1.45}.barcode-label-unit-tag{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px}.barcode-label-unit-name{font-size:12px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:6px}.barcode-label-unit-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;padding:1px 7px;border-radius:var(--ptv-curve-xs)}.barcode-label-card{background:#fff;border:2px solid #0f172a;border-radius:var(--ptv-curve-sm);overflow:hidden;display:flex;flex-direction:row;align-items:stretch;box-shadow:0 3px 12px -2px #0f172a1a;transition:transform .18s ease,box-shadow .18s ease;font-family:inherit;box-sizing:border-box}.barcode-label-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #0f172a29}.barcode-label-card.is-niksan{flex-direction:column}.barcode-collab-header{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px 8px;background:#fff;border-bottom:1.5px solid #0f172a;box-sizing:border-box;width:100%}.barcode-collab-logo-box{display:flex;align-items:center;justify-content:center;height:32px;width:64px;flex-shrink:0;box-sizing:border-box}.barcode-collab-logo-box img{max-height:32px;max-width:64px;width:auto;height:auto;object-fit:contain;display:block}.barcode-collab-x{font-size:13px;font-weight:700;color:#64748b;line-height:1;-webkit-user-select:none;user-select:none}.barcode-collab-fallback{font-size:11px;font-weight:700;color:#0f172a;letter-spacing:.05em}.barcode-collab-body{padding:10px 16px 6px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #0f172a;box-sizing:border-box;width:100%}.barcode-collab-body svg{max-width:100%;height:auto;display:block;margin:0 auto;color:#0f172a}.barcode-label-logo-col{width:96px;min-width:96px;max-width:96px;border-right:2px solid #0f172a;display:flex;align-items:center;justify-content:center;padding:12px 10px;background:#fff;box-sizing:border-box}.barcode-label-logo-col img{width:100%;max-width:76px;max-height:76px;object-fit:contain;display:block;filter:brightness(0)}.barcode-label-right{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.barcode-label-barcode{flex:1;background:#fff;padding:10px 14px 6px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #0f172a;box-sizing:border-box;color:#0f172a}.barcode-label-barcode svg{max-width:100%;height:auto;display:block;margin:0 auto}.barcode-label-footer{background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;padding:7px 12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:center;line-height:1.2}.barcode-label-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:10px}.barcode-label-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;min-height:30px;border-radius:var(--ptv-curve-sm);font-size:11.5px;font-weight:600;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;cursor:pointer;transition:all .15s ease}.barcode-label-btn:hover{background:#0f172a;border-color:#0f172a;color:#fff;transform:translateY(-1px)}@media(max-width:600px){.barcode-label-card{max-width:100%;min-width:0}.barcode-collab-header{padding:8px 12px 6px;gap:10px}.barcode-collab-logo-box{height:28px;width:52px}.barcode-collab-logo-box img{max-height:28px;max-width:52px}.barcode-collab-body{padding:8px 10px 4px}.barcode-label-logo-col{width:68px;min-width:68px;max-width:68px;padding:8px 6px}.barcode-label-logo-col img{max-width:52px;max-height:52px}.barcode-label-right{min-width:0}.barcode-label-barcode{padding:6px 8px 4px;min-width:0}.barcode-label-barcode svg{max-width:100%;height:auto}.barcode-label-footer{padding:5px 8px;font-size:10.5px;letter-spacing:.1em}.prod-section-card{padding:16px 14px;border-radius:var(--ptv-curve-lg);min-width:0;max-width:100%;box-sizing:border-box}}:root[data-theme=dark] .prod-breadcrumb button,:root[data-theme=dark] .prod-breadcrumb a{color:var(--muted)}:root[data-theme=dark] .prod-breadcrumb button:hover,:root[data-theme=dark] .prod-breadcrumb a:hover{color:var(--b-500)}:root[data-theme=dark] .prod-breadcrumb .sep{color:var(--line)}:root[data-theme=dark] .prod-showcase-card{background:var(--surface);border-color:var(--line-2);box-shadow:0 10px 30px -5px #0006,0 4px 12px -2px #0003}:root[data-theme=dark] .prod-main-photo-wrap{background:radial-gradient(circle at 50% 45%,var(--bg-2) 0%,var(--bg) 100%);border-color:var(--line-2);box-shadow:inset 0 2px 8px #0003,0 6px 20px #0000004d}:root[data-theme=dark] .prod-main-photo-wrap .prod-photo-fallback{color:var(--muted)}:root[data-theme=dark] .prod-main-photo-badge{background:var(--glass, rgba(27, 30, 33, .9));border-color:var(--line-2);color:var(--ink);box-shadow:0 4px 14px #0000004d}:root[data-theme=dark] .prod-main-title{color:var(--ink)}:root[data-theme=dark] .prod-subhead{color:var(--muted)}:root[data-theme=dark] .prod-stats-bar .prod-stat-pill{background:var(--bg-2);border-color:var(--line-2);color:var(--ink-2)}:root[data-theme=dark] .prod-stats-bar .prod-stat-pill b{color:var(--ink)}:root[data-theme=dark] .prod-pricing-box{background:linear-gradient(135deg,rgba(129,201,149,.08) 0%,var(--bg-2) 100%);border-color:#81c99540;box-shadow:0 4px 14px #0003}:root[data-theme=dark] .prod-pricing-box.is-warning{background:linear-gradient(135deg,rgba(253,214,99,.08) 0%,var(--bg-2) 100%);border-color:#fdd66340}:root[data-theme=dark] .prod-pricing-box.is-danger{background:linear-gradient(135deg,rgba(242,139,130,.08) 0%,var(--bg-2) 100%);border-color:#f28b8240}:root[data-theme=dark] .prod-price-label{color:var(--ok)}:root[data-theme=dark] .prod-pricing-box.is-warning .prod-price-label{color:var(--warn)}:root[data-theme=dark] .prod-pricing-box.is-danger .prod-price-label{color:var(--dang)}:root[data-theme=dark] .prod-price-val{color:var(--ink)}:root[data-theme=dark] .prod-spec-card{background:var(--bg-2);border-color:var(--line-2)}:root[data-theme=dark] .prod-spec-card:hover{border-color:var(--line)}:root[data-theme=dark] .prod-spec-card-icon{background:var(--surface);border-color:var(--line-2);color:var(--b-500)}:root[data-theme=dark] .prod-spec-card-info .label{color:var(--muted)}:root[data-theme=dark] .prod-spec-card-info .val{color:var(--ink)}:root[data-theme=dark] .prod-btn-basket{background:var(--surface);color:var(--b-500);border-color:var(--b-600)}:root[data-theme=dark] .prod-btn-basket:hover{background:var(--b-050);border-color:var(--b-500)}:root[data-theme=dark] .prod-btn-basket.added{background:#81c99526;color:var(--ok);border-color:var(--ok)}:root[data-theme=dark] .prod-unit-section{border-top-color:var(--line-2)}:root[data-theme=dark] .prod-unit-header{color:var(--ink)}:root[data-theme=dark] .prod-unit-hcard{background:linear-gradient(135deg,var(--bg-2) 0%,var(--surface) 100%);border-color:var(--line-2);box-shadow:0 1px 4px #0003}:root[data-theme=dark] .prod-unit-hcard:hover{background:var(--surface);border-color:var(--b-600);box-shadow:0 4px 14px #0000004d}:root[data-theme=dark] .prod-unit-hcard.is-borrowed{border-color:#fdd6634d;background:#fdd6630d}:root[data-theme=dark] .prod-unit-hcard.is-damaged{border-color:#f28b824d;background:#f28b820d}:root[data-theme=dark] .prod-unit-hcard-name{color:var(--ink)}:root[data-theme=dark] .prod-unit-hcard-body{color:var(--muted)}:root[data-theme=dark] .prod-unit-hcard-cond{color:var(--ink-2)}:root[data-theme=dark] .prod-unit-hcard-actions{border-top-color:var(--line-2)}:root[data-theme=dark] .prod-section-card{background:var(--surface);border-color:var(--line-2);box-shadow:0 4px 20px -4px #0000004d}:root[data-theme=dark] .prod-section-card:hover{border-color:var(--line)}:root[data-theme=dark] .prod-section-icon-badge{background:var(--b-050);color:var(--b-500);border-color:#a8c7fa33}:root[data-theme=dark] .prod-section-icon-badge.indigo{background:#818cf81f;color:#a5b4fc;border-color:#818cf840}:root[data-theme=dark] .prod-section-icon-badge.emerald{background:var(--ok-bg);color:var(--ok);border-color:#81c99540}:root[data-theme=dark] .prod-section-title{color:var(--ink)}:root[data-theme=dark] .prod-section-count-chip{background:var(--bg-2);color:var(--muted);border-color:var(--line-2)}:root[data-theme=dark] .prod-tech-specs-box{background:linear-gradient(135deg,var(--bg-2) 0%,var(--bg) 100%);border-color:var(--line-2)}:root[data-theme=dark] .prod-tech-specs-body{color:var(--ink-2)}:root[data-theme=dark] .barcode-label-unit-name{color:var(--ink)}:root[data-theme=dark] .barcode-label-unit-code{background:var(--bg-2);border-color:var(--line-2);color:var(--ink)}:root[data-theme=dark] .barcode-label-btn{background:var(--bg-2);border-color:var(--line-2);color:var(--ink-2)}:root[data-theme=dark] .barcode-label-btn:hover{background:var(--surface);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .barcode-nav-btns .inv-cat-nav-btn{background:var(--surface);border-color:var(--line-2);color:var(--ink-2)}:root[data-theme=dark] .barcode-nav-btns .inv-cat-nav-btn:hover{background:var(--bg-2);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .loan-hist-card{background:var(--surface)!important;border-color:var(--line-2)!important}:root[data-theme=dark] .loan-hist-ic{background:var(--bg-2)!important;border-color:var(--line-2)!important}:root[data-theme=dark] .loan-hist-name{color:var(--ink)!important}:root[data-theme=dark] .loan-hist-desc{color:var(--ink-2)!important}:root[data-theme=dark] .prod-empty-history-compact{background:var(--bg-2);border-color:var(--line-2);color:var(--muted)}:root[data-theme=dark] .prod-empty-history-title-compact{color:var(--ink)}:root[data-theme=dark] .prod-empty-history-desc-compact{color:var(--muted)}.btn-add-loan{background:var(--b-050);color:var(--b-700);border:1.5px solid var(--b-200);font-weight:600;transition:all .15s}.btn-add-loan:hover{background:var(--b-100);border-color:var(--b-400)}.btn-add-loan.added{background:#dcfce7;color:#166534;border-color:#bbf7d0}.daftar-pinjaman-panel{background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--ptv-curve-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.dp-item{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--bg-2);border-radius:var(--ptv-curve-sm);border:1px solid var(--line-2)}.dp-item-thumb{width:40px;height:40px;border-radius:var(--ptv-curve-xs);background:var(--bg-3);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dp-item-thumb img{width:100%;height:100%;object-fit:cover}.dp-item-body{flex:1;min-width:0}.dp-item-name{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-item-unit{font-size:11px;color:var(--muted);font-weight:500}.dp-remove-btn{width:28px;height:28px;border-radius:var(--ptv-curve-pill);border:none;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all .12s}.dp-remove-btn:hover{background:#fee2e2;color:#dc2626}.unit-cond-row{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:var(--ptv-curve-sm);background:var(--surface);border:1px solid var(--line);box-sizing:border-box}.unit-cond-row .unit-name-input{min-height:32px;padding:2px 8px;font-size:12px;width:140px;flex-shrink:0;font-weight:600}.unit-cond-row .unit-cond-select{display:none!important}.inv-custom-dropdown{position:relative;width:100%;box-sizing:border-box}.inv-custom-dropdown.is-open{z-index:150}.inv-dropdown-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--surface, #ffffff);border:1.5px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-md);color:var(--ink, #0f172a);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box;text-align:left;-webkit-user-select:none;user-select:none}.inv-dropdown-trigger:hover{border-color:#3b82f6;background:#f8fafc;box-shadow:0 2px 8px #3b82f614}:root[data-theme=dark] .inv-dropdown-trigger:hover{background:#ffffff0d}.inv-custom-dropdown.is-open .inv-dropdown-trigger{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}:root[data-theme=dark] .inv-custom-dropdown.is-open .inv-dropdown-trigger{background:#1e1e24}.inv-dd-val{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.inv-dd-icon-box{width:28px;height:28px;border-radius:var(--ptv-curve-sm);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;box-shadow:0 1px 2px #0000000a}.inv-dd-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink, #0f172a)}.inv-dd-chevron{font-size:11px;color:#94a3b8;transition:transform .22s cubic-bezier(.16,1,.3,1),color .2s;flex-shrink:0}.inv-custom-dropdown.is-open .inv-dd-chevron{transform:rotate(180deg);color:#2563eb}.inv-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface, #ffffff);border:1.5px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-lg);padding:6px;box-shadow:0 16px 36px -6px #0f172a29,0 4px 12px #0000000f;z-index:200;display:none;flex-direction:column;gap:3px;max-height:260px;overflow-y:auto;box-sizing:border-box;animation:invDdFadeIn .18s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .inv-dropdown-menu{background:#1e1e24;border-color:#ffffff1f;box-shadow:0 18px 44px -4px #00000080}.inv-custom-dropdown.is-open{z-index:200!important}.inv-custom-dropdown.is-open .inv-dropdown-menu{display:flex}.inv-custom-dropdown.dropup .inv-dropdown-menu{top:auto!important;bottom:calc(100% + 6px)!important;box-shadow:0 -16px 36px -6px #0f172a29,0 -4px 12px #0000000f;animation:invDdFadeInUp .18s cubic-bezier(.16,1,.3,1)!important}@keyframes invDdFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes invDdFadeInUp{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.inv-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--ptv-curve-md);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;gap:8px}.inv-dropdown-item:hover{background:#f1f5f9}:root[data-theme=dark] .inv-dropdown-item:hover{background:#ffffff14}.inv-dropdown-item.is-selected{background:#eff6ff;color:#1d4ed8}:root[data-theme=dark] .inv-dropdown-item.is-selected{background:#2563eb33;color:#93c5fd}.inv-dd-item-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.inv-dd-item-icon{width:28px;height:28px;border-radius:var(--ptv-curve-sm);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.inv-dd-item-info{display:flex;flex-direction:column;min-width:0}.inv-dd-item-title{font-size:13px;font-weight:600;color:var(--ink, #0f172a)}.inv-dropdown-item.is-selected .inv-dd-item-title{color:#1d4ed8}:root[data-theme=dark] .inv-dropdown-item.is-selected .inv-dd-item-title{color:#93c5fd}.inv-dd-item-sub{font-size:11px;color:#64748b;margin-top:1px}.inv-dd-item-check{font-size:12px;color:#2563eb;opacity:0;transition:opacity .15s ease;flex-shrink:0}.inv-dropdown-item.is-selected .inv-dd-item-check{opacity:1}.unit-cond-dropdown{position:relative;flex:1 1 140px;min-width:130px;box-sizing:border-box}.unit-cond-dropdown.is-open{z-index:160}.unit-cond-trigger{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 10px;border-radius:var(--ptv-curve-sm);border:1.5px solid #cbd5e1;background:#fff;cursor:pointer;font-size:12px;font-weight:700;transition:all .15s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .unit-cond-trigger{background:#1e1e24;border-color:#ffffff26}.unit-cond-trigger:hover{border-color:#3b82f6;background:#f8fafc}:root[data-theme=dark] .unit-cond-trigger:hover{background:#ffffff0d}.unit-cond-dropdown.is-open .unit-cond-trigger{border-color:#2563eb;box-shadow:0 0 0 2.5px #2563eb26}.unit-cond-val-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:var(--ptv-curve-xs)}.unit-cond-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:170px;background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--ptv-curve-md);padding:5px;box-shadow:0 12px 28px -4px #0f172a2e,0 3px 8px #0000000d;z-index:500;display:none;flex-direction:column;gap:2px;animation:invDdFadeIn .15s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .unit-cond-menu{background:#1e1e24;border-color:#ffffff1f}.unit-cond-dropdown.is-open .unit-cond-menu{display:flex}.unit-cond-dropdown.dropup .unit-cond-menu{top:auto!important;bottom:calc(100% + 4px)!important;box-shadow:0 -12px 28px -4px #0f172a2e,0 -3px 8px #0000000d!important;animation:invDdFadeInUp .15s cubic-bezier(.16,1,.3,1)!important}.unit-cond-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--ptv-curve-sm);cursor:pointer;font-size:12px;font-weight:700;transition:all .12s ease;gap:8px}.unit-cond-item:hover{background:#f1f5f9}:root[data-theme=dark] .unit-cond-item:hover{background:#ffffff14}.unit-cond-item.is-selected{background:#eff6ff;color:#1d4ed8}.unit-cond-dropdown{position:relative;display:inline-block;min-width:130px}.unit-cond-dropdown.is-open{z-index:100!important}.unit-cond-row{position:relative;transition:z-index .1s ease}.unit-cond-row.has-open-dropdown{z-index:60!important}#unitCondList{overflow:visible!important}@media(max-width:600px){#unitCondList{overflow:visible!important;max-height:none!important}.unit-cond-row{flex-wrap:wrap;gap:6px;padding:8px 10px}.unit-cond-row .unit-name-input{flex:1 1 calc(100% - 46px)!important;width:auto!important;min-width:0!important}.unit-cond-row .unit-cond-dropdown{flex:1 1 100%!important;min-width:100%!important}.unit-cond-row .unit-cond-menu{left:0!important;right:0!important;min-width:100%!important;width:100%!important}.unit-cond-row .unit-cond-trigger{min-height:38px!important}}.haul-coming-wrap{max-width:600px;margin:40px auto;text-align:center}.haul-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--ptv-curve-pill);font-size:11.5px;font-weight:700;background:#0e4f4014;color:var(--ptv-green,#0e4f40);margin-bottom:24px}.haul-badge i{font-size:10px}.haul-title{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;line-height:1.15}.haul-subtitle{font-size:15px;color:var(--muted);margin:0 0 32px;line-height:1.6;font-weight:500}.haul-countdown{display:flex;justify-content:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.haul-cd-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-lg);padding:18px 22px;min-width:80px;box-shadow:var(--shadow-s)}.haul-cd-box .cd-num{display:block;font-size:32px;font-weight:700;letter-spacing:-.02em;color:var(--ptv-green,#0e4f40);line-height:1;font-variant-numeric:tabular-nums}.haul-cd-box .cd-lbl{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:6px}.haul-info-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-lg);padding:24px;text-align:left;margin-top:20px;box-shadow:var(--shadow-s)}.haul-info-card p{margin:0 0 8px;font-size:13.5px;color:var(--ink);line-height:1.6}.haul-info-card p:last-child{margin:0}.haul-info-card .hint{color:var(--muted);font-size:12px;font-style:italic}.cal-empty-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl);padding:36px 20px;box-shadow:0 10px 30px -8px #0b2a4a0a;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.cal-empty-ic{width:48px;height:48px;border-radius:50%;background:var(--bg-2);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}.cal-empty-txt{font-size:13.5px;color:var(--muted);margin:0;font-weight:500}@media(max-width:1023px){.cols{display:flex;flex-direction:column;gap:20px}.cal-events-wrap{margin-top:22px}}@media(max-width:768px){.cols{gap:18px}.cal-card-box{border-radius:var(--ptv-curve-xl);padding:20px 14px 22px}.cal-nav-bar{margin-bottom:16px}.cal-nav-title{font-size:15px}.cal-nav-btn{width:36px;height:36px;min-height:36px;font-size:12px}.cal-dow-row{margin-bottom:10px}.cal-dow-col{font-size:11px;padding:3px 0}.cal-days-grid{gap:1px;border-radius:var(--ptv-curve-md)}.cal-day-cell{min-height:48px;padding:3px 1px;font-size:13px}.cal-day-cell.sel{border-radius:var(--ptv-curve-lg);box-shadow:0 8px 18px -3px #1d75f266!important}.cal-event-dot{width:3.5px;height:3.5px;margin-top:2px}.cal-event-card{border-radius:var(--ptv-curve-xl);padding:15px 16px;gap:14px}.cal-event-ic{width:42px;height:42px;border-radius:var(--ptv-curve-md);font-size:16px}.cal-event-title{font-size:14px}.cal-event-sub{font-size:12.5px}}.dt-hero{border-radius:var(--ptv-curve-xl);overflow:hidden;aspect-ratio:16/10;background:linear-gradient(150deg,var(--b-050),var(--b-100));display:grid;place-items:center;color:var(--b-500)}.dt-hero.has-img{background:var(--surface);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;position:relative}.dt-hero-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.kv{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line-2);font-size:13.5px}.kv:last-child{border-bottom:0}.kv b{font-weight:600;color:var(--ink);text-align:right}.kv span{color:var(--muted);flex:none}.back{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted);min-height:40px;margin-left:-8px;padding:0 8px;border-radius:var(--ptv-curve-pill)}.back i,.back .svg-inline--fa{font-size:12px}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;border-radius:var(--ptv-curve-sm);border:1.5px dashed var(--line);background:var(--bg-2);color:var(--muted);font-size:12.5px;width:100%}.upload i,.upload .svg-inline--fa{font-size:20px;opacity:.55}.upload.has{border-style:solid;color:var(--b-600);background:var(--b-050);border-color:var(--b-300)}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:5px;top:7px;bottom:7px;width:2px;background:var(--line);border-radius:var(--ptv-curve-xs)}.tl{position:relative;padding-bottom:16px}.tl:last-child{padding-bottom:0}.tl:before{content:"";position:absolute;left:-21px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--line)}.tl.done:before{background:var(--b-600);border-color:var(--b-600)}.tl.now:before{background:var(--b-400);border-color:var(--b-400);box-shadow:0 0 0 4px var(--b-100)}.stat{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:var(--ptv-curve-xl);background:var(--surface);border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow);text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.stat:hover{border-color:var(--b-300);box-shadow:var(--ptv-soft-shadow-elevated);transform:translateY(-1.5px)}.stat:active{transform:scale(.98)}.stat b{font-size:24px;font-weight:700;letter-spacing:-.04em;color:var(--b-700);transition:color .18s ease}.stat:hover b{color:var(--b-600)}.stat span{font-size:11.5px;color:var(--muted);font-weight:500}.ann{position:relative;padding:16px 18px;border-radius:var(--ptv-curve-xl);background:var(--surface);border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow);overflow:hidden;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.ann.high{border-color:var(--b-300);background:linear-gradient(180deg,var(--b-050),var(--surface) 60%)}.ann:hover{transform:translateY(-1.5px);border-color:var(--b-300);box-shadow:0 6px 20px #0b3c7414;background:var(--surface)}.ann:hover .t-md{color:var(--b-700)}.ann:active{transform:scale(.98)}.row-b>.filters{margin:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.grid-2{grid-template-columns:1fr;gap:10px}.cal-planner-card{max-width:100%;box-sizing:border-box}}@media(max-width:440px){.qrb span.ic{width:46px;height:46px;border-radius:var(--ptv-curve-lg);font-size:16px}.qrb span.lb{font-size:10.5px;line-height:1.15}.main{padding-left:max(14px,var(--sal));padding-right:max(14px,var(--sar))}.hdr-in{padding-left:max(12px,var(--sal));padding-right:max(12px,var(--sar))}}@media(min-width:640px){.qa-grid{grid-template-columns:repeat(3,1fr)}.qrow{grid-template-columns:repeat(6,1fr)}.main{padding-left:max(26px,var(--sal));padding-right:max(26px,var(--sar))}}@media(min-width:640px)and (max-width:1023px){.bnav{padding:0 max(14px,var(--sal)) calc(var(--sab) + 10px) max(14px,var(--sar))}.bnav-in{height:var(--dock-h);align-items:center;padding:0 6px;border-radius:var(--ptv-curve-2xl);border:1px solid rgba(255,255,255,.6);box-shadow:0 6px 18px #0b3c741f,0 20px 48px #0b3c7429;max-width:460px;margin:0 auto}}@media(min-width:1024px){:root{--header-h:66px}.bnav{display:none}.side{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-w);z-index:70;padding-top:calc(var(--sat) + 14px);padding-bottom:16px;background:var(--glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:1px solid var(--line-2);transition:width .24s cubic-bezier(.2,0,0,1);box-sizing:border-box}.side-brand{display:flex;align-items:center;padding:16px 18px;height:64px;width:100%;box-sizing:border-box;overflow:hidden;position:relative;transition:padding .24s cubic-bezier(.2,0,0,1)}.side-collapse-btn{position:absolute;right:-12px;top:21px;width:24px;height:24px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--surface);border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease;box-shadow:0 2px 6px #0000001a;z-index:85;flex-shrink:0}.side-collapse-btn:hover{color:var(--b-600);border-color:var(--b-400);background:var(--b-050);transform:scale(1.08)}:root[data-theme=dark] .side-collapse-btn{background:var(--surface-2);border-color:var(--line);color:var(--muted);box-shadow:0 2px 6px #00000059}:root[data-theme=dark] .side-collapse-btn:hover{background:#a8c7fa29;border-color:var(--b-500);color:#fff}.snav.snav-portal{background:#1273e614;color:var(--b-700,#0B5FBF);border:1px solid rgba(18,115,230,.2);font-weight:600;margin-bottom:4px}.snav.snav-portal:hover{background:#1273e626;color:var(--b-800,#00439A);border-color:var(--b-400)}:root[data-theme=dark] .snav.snav-portal{background:#a8c7fa1f;color:#93c5fd;border-color:#a8c7fa3d}:root[data-theme=dark] .snav.snav-portal:hover{background:#a8c7fa38;color:#bfdbfe;border-color:#a8c7fa66}:root[data-sidebar-collapsed=true] .side-brand,.side.collapsed .side-brand{padding:14px 0;height:64px;width:72px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.side-brand .brand-logo-link{display:flex;align-items:center;position:relative;padding:0;margin:0;background:none;border:none;box-shadow:none;width:100%;height:36px;max-width:100%;min-height:auto;line-height:0;text-decoration:none;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s;touch-action:manipulation}:root[data-sidebar-collapsed=true] .side-brand .brand-logo-link,.side.collapsed .side-brand .brand-logo-link{width:40px;height:40px;margin:0 auto;justify-content:center}.side-brand .brand-logo-expanded{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:168px;height:22px;background:#000;-webkit-mask-image:var(--logo-url);mask-image:var(--logo-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left center;mask-position:left center;flex-shrink:0;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1),visibility .24s}:root[data-theme=dark] .side-brand .brand-logo-expanded{background:#fff}:root[data-sidebar-collapsed=true] .side-brand .brand-logo-expanded,.side.collapsed .side-brand .brand-logo-expanded{opacity:0;transform:translateY(-50%) translate(-10px);visibility:hidden;pointer-events:none}.side-brand .brand-logo-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);display:block;width:25px;height:25px;max-width:32px;max-height:32px;flex-shrink:0;background-color:var(--ink-2);-webkit-mask-image:var(--symbol-url, url(/assets/images/ptv-symbol.png));mask-image:var(--symbol-url, url(/assets/images/ptv-symbol.png));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1),visibility .24s,background-color .16s ease}.side-brand .brand-logo-link:hover .brand-logo-symbol{background-color:var(--b-700)}:root[data-theme=dark] .side-brand .brand-logo-link:hover .brand-logo-symbol{background-color:var(--ink)}:root[data-sidebar-collapsed=true] .side-brand .brand-logo-symbol,.side.collapsed .side-brand .brand-logo-symbol{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible;pointer-events:auto}:root[data-sidebar-collapsed=true] .side-scroll,.side.collapsed .side-scroll{padding:0 6px 8px}:root[data-sidebar-collapsed=true] .side-grp,.side.collapsed .side-grp{margin-top:8px;display:flex;flex-direction:column;gap:4px}:root[data-sidebar-collapsed=true] .side-grp:first-child,.side.collapsed .side-grp:first-child{margin-top:2px}:root[data-sidebar-collapsed=true] .side-grp+.side-grp,.side.collapsed .side-grp+.side-grp{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2)}:root[data-sidebar-collapsed=true] .side-grp>p,.side.collapsed .side-grp>p{opacity:0;height:0;margin:0 0 0 12px;transform:translate(-6px);pointer-events:none;visibility:hidden}:root[data-sidebar-collapsed=true] .snav,.side.collapsed .snav{padding:0;justify-content:center;width:40px;height:40px;min-height:40px;border-radius:var(--ptv-curve-pill, 9999px);margin:0 auto 4px;gap:0}:root[data-sidebar-collapsed=true] .snav span,.side.collapsed .snav span{opacity:0;max-width:0;transform:translate(-8px);pointer-events:none;visibility:hidden}:root[data-sidebar-collapsed=true] .snav-ext-ic,.side.collapsed .snav-ext-ic{opacity:0;width:0;pointer-events:none;display:none}:root[data-sidebar-collapsed=true] .snav i,:root[data-sidebar-collapsed=true] .snav .svg-inline--fa,.side.collapsed .snav i,.side.collapsed .snav .svg-inline--fa{margin:0 auto;font-size:15px;width:auto;opacity:.85}:root[data-sidebar-collapsed=true] .snav .action-cnt,:root[data-sidebar-collapsed=true] .snav .cnt,.side.collapsed .snav .action-cnt,.side.collapsed .snav .cnt{opacity:0;transform:scale(.6);pointer-events:none;display:none}:root[data-sidebar-collapsed=true] .side-foot,.side.collapsed .side-foot{padding:10px 4px 14px;margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}:root[data-sidebar-collapsed=true] .side-foot-row,.side.collapsed .side-foot-row{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}:root[data-sidebar-collapsed=true] .side-foot .snav,.side.collapsed .side-foot .snav{width:40px;height:40px;min-height:40px;margin:0 auto;padding:0;border-radius:var(--ptv-curve-pill, 9999px);justify-content:center}.side-scroll{flex:1;overflow-y:auto;padding:0 12px 8px;transition:padding .24s cubic-bezier(.2,0,0,1)}.side-grp{margin-top:16px;transition:margin-top .24s cubic-bezier(.2,0,0,1)}.side-grp:first-child{margin-top:2px}.side-grp>p{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted);margin:0 0 6px 12px;text-transform:uppercase;height:16px;line-height:16px;box-sizing:border-box;white-space:nowrap;overflow:hidden;opacity:1;transform:translate(0);transition:opacity .14s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1),height .24s cubic-bezier(.2,0,0,1),margin .24s cubic-bezier(.2,0,0,1),visibility .24s}.snav{display:flex;align-items:center;gap:11px;width:100%;height:40px;min-height:40px;box-sizing:border-box;padding:0 12px;border-radius:var(--ptv-curve-pill);font-size:13.5px;font-weight:500;color:var(--ink-2);transition:width .24s cubic-bezier(.2,0,0,1),padding .24s cubic-bezier(.2,0,0,1),background .16s,color .16s;text-align:left;margin:0 0 4px;position:relative;overflow:hidden}.snav span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;opacity:1;transform:translate(0);transition:opacity .16s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1),max-width .24s cubic-bezier(.2,0,0,1),visibility .24s}.snav i,.snav .svg-inline--fa{font-size:14.5px;width:18px;min-width:18px;flex-shrink:0;opacity:.7;text-align:center;transition:margin .24s cubic-bezier(.2,0,0,1),opacity .16s ease}.snav:hover{background:var(--b-050);color:var(--b-700)}:root[data-theme=dark] .snav:hover{background:#ffffff0f;color:var(--ink)}.snav.on{background:linear-gradient(150deg,var(--b-500),var(--b-700));color:#fff;font-weight:600;box-shadow:var(--shadow-blue)}:root[data-theme=dark] .snav.on{background:#a8c7fa29!important;color:var(--b-500, #A8C7FA)!important;box-shadow:none!important}.snav.on i,.snav.on .svg-inline--fa{opacity:1}:root[data-theme=dark] .snav.on i,:root[data-theme=dark] .snav.on .svg-inline--fa{color:var(--b-500, #A8C7FA)!important}.snav .cnt{margin-left:auto;font-size:10.5px;font-weight:700;background:var(--b-100);color:var(--b-700);padding:1px 7px;border-radius:var(--ptv-curve-pill)}.snav.on .cnt{background:#ffffff40;color:#fff}:root[data-theme=dark] .snav.on .cnt{background:#a8c7fa38;color:var(--b-500, #A8C7FA)}.snav .action-cnt,.li .action-cnt{margin-left:auto;min-width:19px;height:19px;padding:0 5.5px;border-radius:var(--ptv-curve-pill);background:#ef4444;color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 4px #ef444452;font-variant-numeric:tabular-nums;flex-shrink:0;letter-spacing:-.02em;animation:actionBadgePop .22s cubic-bezier(.16,1,.3,1)}.li .action-cnt{margin-right:8px;min-width:20px;height:20px;font-size:11px}.snav.on .action-cnt{background:#fff;color:#dc2626;box-shadow:0 1px 4px #0000002e}.bitem .action-dot{position:absolute;top:6px;right:calc(50% - 15px);width:8px;height:8px;border-radius:50%;background:#ef4444;border:1.5px solid var(--surface,#ffffff);box-shadow:0 1px 3px #ef444473;pointer-events:none}:root[data-theme=dark] .bitem .action-dot{border-color:var(--surface,#181c24)}@keyframes actionBadgePop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.side-foot{padding:12px 14px 14px;border-top:1px solid var(--line-2);background:var(--bg-1, #f8fafc);margin:0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}:root[data-theme=dark] .side-foot{background:#ffffff05}.snav-foot-portal{width:100%;box-sizing:border-box}.side-foot-row{display:flex;gap:8px;width:100%;box-sizing:border-box}.snav-foot-btn{flex:1;min-width:0;padding:0 10px;height:38px;font-size:13px;justify-content:center;gap:6px;border-radius:var(--ptv-curve-pill, 9999px)}.snav-foot-logout{color:var(--danger, #ef4444)}.snav-foot-logout:hover{background:#ef444414;color:#dc2626}:root[data-theme=dark] .snav-foot-logout:hover{background:#ef444429;color:#f87171}.hdr{left:var(--sidebar-w);transition:left .24s cubic-bezier(.2,0,0,1),background .2s,border-color .2s}.hdr-in{padding-left:28px;padding-right:28px;gap:18px}.hdr .brand,.brand{display:none!important}.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);flex:none}.crumb b{color:var(--ink);font-size:15.5px;font-weight:600;letter-spacing:-.02em}.crumb i,.crumb .svg-inline--fa{font-size:11px;opacity:.5}.hdr-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.hdr-search{display:flex;width:340px;max-width:380px;align-items:center;gap:10px;margin-right:6px;padding:9px 16px;border-radius:var(--ptv-curve-pill);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:13.5px;transition:.16s;box-shadow:var(--shadow-s);box-sizing:border-box;cursor:pointer}.hdr-search:hover{border-color:var(--b-300)}.hdr-search i,.hdr-search .svg-inline--fa{font-size:13px}.hdr-search kbd{margin-left:auto;font-family:var(--font);font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:var(--ptv-curve-xs);background:var(--bg-2);border:1px solid var(--line)}.main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));transition:margin-left .24s cubic-bezier(.2,0,0,1),width .24s cubic-bezier(.2,0,0,1);max-width:none;box-sizing:border-box;padding:calc(var(--header-h) + var(--sat) + 18px) 36px 96px;min-height:100vh}@media(prefers-reduced-motion:reduce){.side,.side-brand,.side-brand .brand-logo-link,.side-brand .brand-logo-expanded,.side-brand .brand-logo-symbol,.side-collapse-btn,.hdr,.main,.snav,.snav span,.snav i,.snav .svg-inline--fa,.side-grp,.side-grp>p,.side-scroll,.side-foot,.side-foot-row,.snav-foot-btn{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-in{max-width:1060px;margin:0 auto;width:100%;box-sizing:border-box}.sec{margin-top:30px}.grid-2{gap:14px}.cols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.95fr);gap:22px;align-items:start}.cols>*{min-width:0;max-width:100%;box-sizing:border-box}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qa-grid{grid-template-columns:repeat(3,1fr);gap:14px}.qrow{grid-template-columns:repeat(6,1fr)}.display{font-size:32px}.hero-name{font-size:30px}.hero-card{padding:28px 24px}.hero-card .ttl{font-size:22px}.sheet{left:50%;right:auto;bottom:auto;top:50%;width:min(600px,92vw);border-radius:var(--ptv-curve-2xl);max-height:84vh;padding-bottom:14px;border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow-elevated);transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .22s ease,opacity .22s ease,visibility .22s;pointer-events:none!important;visibility:hidden!important}.sheet.on{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto!important;visibility:visible!important}.sheet-grab{display:none}.sheet-hd{padding-top:18px}.sheet.wide{width:min(940px,95vw);max-height:88vh}.sheet.extra-wide{width:min(1020px,96vw);max-height:88vh}}@media(min-width:1280px){.cols{grid-template-columns:minmax(0,1.6fr) minmax(0,.95fr);gap:26px}}.sheet.wide{width:min(1040px,95vw);max-height:88vh}.sheet.loan-picker-sheet-modal{width:min(1120px,94vw);max-height:90vh;padding:0;overflow:hidden;display:flex;flex-direction:column}.sheet.loan-picker-sheet-modal .sheet-hd{flex-shrink:0;padding:16px 22px 14px}.sheet.loan-picker-sheet-modal #sheetBody{flex:1 1 auto;padding:18px 22px 24px;overflow-y:auto;max-height:calc(90vh - 65px);overscroll-behavior:contain}@media(max-width:860px){.sheet.loan-picker-sheet-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:none!important;height:100%!important;height:100dvh!important;max-height:none!important;border-radius:var(--r-ref-xl, 30px) var(--r-ref-xl, 30px) 0 0!important;-webkit-border-radius:var(--r-ref-xl, 30px) var(--r-ref-xl, 30px) 0 0!important;margin:0!important;padding:0!important;transform:translateY(100%)!important;transition:transform .28s cubic-bezier(.16,1,.3,1)!important;display:flex!important;flex-direction:column!important;z-index:10000!important}.sheet.loan-picker-sheet-modal.on{transform:translateY(0)!important}.sheet.loan-picker-sheet-modal .sheet-hd{position:relative!important;z-index:10000!important;padding:max(14px,env(safe-area-inset-top)) 16px 12px 16px!important;border-radius:var(--r-ref-xl, 30px) var(--r-ref-xl, 30px) 0 0!important;-webkit-border-radius:var(--r-ref-xl, 30px) var(--r-ref-xl, 30px) 0 0!important;flex-shrink:0!important;background:var(--surface)!important;pointer-events:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--line-2)!important}.sheet.loan-picker-sheet-modal .sheet-hd .icon-btn{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:10002!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;border-radius:50%!important;-webkit-tap-highlight-color:rgba(239,68,68,.15)!important}.sheet.loan-picker-sheet-modal .sheet-grab{display:none!important}.sheet.loan-picker-sheet-modal #sheetBody{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;max-height:none!important;padding:12px 14px max(80px,calc(env(safe-area-inset-bottom) + 70px)) 14px!important;-webkit-overflow-scrolling:touch!important;position:relative!important;z-index:1!important}}.loan-picker-right{position:sticky;top:0;max-height:calc(90vh - 100px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--ptv-curve-lg);padding:14px;box-shadow:var(--shadow-xs);min-width:0}@media(max-width:860px){.loan-inventory-scroll{max-height:none}}.loan-cat-head{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-2);transition:background .12s}.loan-asset-head{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);transition:background .12s}.loan-cat-head,.loan-asset-head,.loan-unit-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.loan-unit-item{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 18px;border-bottom:1px solid var(--line-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.loan-unit-checkbox{width:17px;height:17px;cursor:pointer;accent-color:var(--b-600);flex-shrink:0;pointer-events:none!important}.loan-unit-code{font-size:11px;color:var(--ink3);font-family:monospace}.selected-unit-tag{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:12px;color:var(--ink2)}.hide{display:none!important}@media(min-width:1024px){.only-mobile{display:none!important}}@media(max-width:1023px){.only-desktop{display:none!important}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.table-container::-webkit-scrollbar{width:6px;height:6px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:var(--ptv-curve-xs)}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--ptv-curve-xs)}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.paper-preview{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:transform .2s}.ptv-santri-card{user-select:none;-webkit-user-select:none}.ptv-santri-card:hover{border-color:#cbd5e1!important;box-shadow:0 2px 8px #0000000a!important}.ptv-santri-card.is-selected{background:#f0f7ff!important;border-color:#2563eb!important;border-left:4px solid #1e478f!important;box-shadow:0 4px 14px #2563eb14!important}.ptv-santri-card.is-selected:hover{background:#eaf3ff!important;border-color:#1d4ed8!important}.ptv-scroll-top-btn{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;background:var(--surface);color:var(--ink);border:1.5px solid var(--line-2);box-shadow:0 4px 18px #072a5224;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;z-index:55;opacity:0;visibility:hidden;transform:translateY(12px) scale(.9);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s,background .15s,border-color .15s,color .15s,box-shadow .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ptv-scroll-top-btn.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.ptv-scroll-top-btn:hover{background:var(--b-050);border-color:var(--b-500);color:var(--b-600);box-shadow:0 6px 22px #072a5238;transform:translateY(-2px)}.ptv-scroll-top-btn:active{transform:scale(.92)}@media(max-width:768px){.ptv-scroll-top-btn{right:16px;bottom:calc(var(--dock-h, 56px) + var(--sab, 0px) + 16px);width:42px;height:42px;font-size:15px}}.ptv-nilai-page{max-width:100%}.ptv-nilai-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.ptv-nilai-header-icon{width:42px;height:42px;border-radius:var(--ptv-curve-md);background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px #10b98140;flex-shrink:0}.ptv-nilai-header-title{font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.02em;margin:0;line-height:1.25}:root[data-theme=dark] .ptv-nilai-header-title{color:#f1f5f9}.ptv-nilai-header-sub{font-size:12.5px;color:#64748b;margin:2px 0 0;font-weight:500;line-height:1.35}:root[data-theme=dark] .ptv-nilai-header-sub{color:#94a3b8}.ptv-nilai-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px}.ptv-nilai-kpi-card{background:var(--surface, #ffffff);border:var(--ptv-soft-border);border-radius:var(--ptv-curve-xl);padding:16px 18px;box-shadow:var(--ptv-soft-shadow);min-width:0;box-sizing:border-box;overflow:hidden}:root[data-theme=dark] .ptv-nilai-kpi-card{background:var(--surface, #24282C);border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow)}.ptv-nilai-kpi-card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:6px}.ptv-nilai-kpi-card-lbl{font-size:12px;font-weight:700;color:var(--muted, #64748b);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptv-nilai-kpi-card-ic{width:32px;height:32px;border-radius:var(--ptv-curve-sm);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ptv-nilai-kpi-card-val{font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.2;word-break:break-word;overflow-wrap:anywhere}.ptv-nilai-kpi-card-sub{font-size:11.5px;color:var(--muted, #64748b);margin-top:4px;font-weight:500;line-height:1.3}.ptv-nilai-filter-bar{background:var(--surface, #ffffff);border:1.5px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-xl);padding:14px 16px;margin-bottom:20px;box-shadow:0 1px 3px #00000005;box-sizing:border-box}:root[data-theme=dark] .ptv-nilai-filter-bar{background:var(--surface, #24282C);border-color:#ffffff14}.ptv-nilai-toolbar-vertical-wrap{display:flex;flex-direction:column;gap:10px;width:100%}.ptv-nilai-search-wrap{position:relative;width:100%;box-sizing:border-box}.ptv-nilai-search-wrap input{padding-left:46px;padding-right:44px;height:44px;border-radius:var(--ptv-curve-pill, 999px);border-color:var(--line, #cbd5e1);font-size:14.5px;width:100%;box-sizing:border-box}.ptv-nilai-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;box-sizing:border-box}.ptv-nilai-filter-col{min-width:0;width:100%}.ptv-nilai-filter-grid select{height:40px;border-radius:var(--ptv-curve-md);font-size:12.5px;border-color:var(--line, #cbd5e1);width:100%;box-sizing:border-box}.ptv-nilai-filter-counter-wrap{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-2, #f1f5f9);font-size:12px;color:var(--muted, #64748b)}.ptv-nilai-list{display:flex;flex-direction:column;gap:12px}.ptv-nilai-card{background:var(--surface, #ffffff);border:1.5px solid #e2e8f0;border-radius:var(--ptv-curve-xl);padding:16px 18px;box-shadow:0 1px 3px #00000005;transition:all .15s ease;box-sizing:border-box;overflow:hidden}:root[data-theme=dark] .ptv-nilai-card{background:var(--surface, #24282C);border-color:#ffffff14}.ptv-nilai-card.no-val{border-color:#fed7aa}:root[data-theme=dark] .ptv-nilai-card.no-val{border-color:#fb923c59}.ptv-nilai-card-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.ptv-nilai-card-main-col{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:260px}.ptv-nilai-thumb{width:58px;height:58px;border-radius:var(--ptv-curve-md);background:var(--bg-2, #f8fafc);border:1.5px solid var(--line, #e2e8f0);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.ptv-nilai-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.ptv-nilai-badge-code{display:inline-block;padding:1px 7px;background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:var(--ptv-curve-xs);font-size:10.5px;font-weight:700;letter-spacing:.04em}:root[data-theme=dark] .ptv-nilai-badge-code{background:#1e293b;color:#cbd5e1;border-color:#334155}.ptv-nilai-badge-cat{font-size:11.5px;color:#64748b;font-weight:600}.ptv-nilai-badge-loc{display:inline-block;padding:1px 6px;background:#f8fafc;color:#475569;border-radius:var(--ptv-curve-xs);font-size:11px;font-weight:500}:root[data-theme=dark] .ptv-nilai-badge-loc{background:#1e293b;color:#94a3b8}.ptv-nilai-card-name{font-size:15px;font-weight:700;color:var(--ink, #0f172a);margin:0 0 3px;line-height:1.3;cursor:pointer;word-break:break-word}.ptv-nilai-card-brand{font-size:12px;color:var(--muted, #64748b);font-weight:500;margin-bottom:6px;word-break:break-word}.ptv-nilai-card-units{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.ptv-nilai-unit-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--ptv-curve-xs);white-space:nowrap}.ptv-nilai-unit-badge.total{background:#f1f5f9;color:#334155;font-weight:700}:root[data-theme=dark] .ptv-nilai-unit-badge.total{background:#1e293b;color:#cbd5e1}.ptv-nilai-unit-badge.avail{background:#ecfdf5;color:#16a34a}:root[data-theme=dark] .ptv-nilai-unit-badge.avail{background:#16a34a26;color:#4ade80}.ptv-nilai-unit-badge.borrow{background:#fffbeb;color:#d97706}:root[data-theme=dark] .ptv-nilai-unit-badge.borrow{background:#d9770626;color:#fbbf24}.ptv-nilai-unit-badge.dmg{background:#fef2f2;color:#dc2626}:root[data-theme=dark] .ptv-nilai-unit-badge.dmg{background:#dc262626;color:#f87171}.ptv-nilai-card-dossier-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--ptv-curve-lg);padding:12px 14px;min-width:220px;flex-shrink:0;box-sizing:border-box}:root[data-theme=dark] .ptv-nilai-card-dossier-col{background:var(--bg-2, #1B1E21);border-color:#ffffff14}.ptv-nilai-card.no-val .ptv-nilai-card-dossier-col{background:#fffbeb;border-color:#fde68a}:root[data-theme=dark] .ptv-nilai-card.no-val .ptv-nilai-card-dossier-col{background:#f59e0b14;border-color:#f59e0b40}.ptv-nilai-dossier-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}:root[data-theme=dark] .ptv-nilai-dossier-title{color:#94a3b8}.ptv-nilai-dossier-val{font-size:18px;font-weight:700;color:#047857;letter-spacing:-.02em;margin-bottom:6px;word-break:break-word;overflow-wrap:anywhere;line-height:1.25}:root[data-theme=dark] .ptv-nilai-dossier-val{color:#10b981}.ptv-nilai-card.no-val .ptv-nilai-dossier-val{color:#94a3b8}.ptv-nilai-dossier-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:11.5px;color:#475569}:root[data-theme=dark] .ptv-nilai-dossier-meta-grid{color:#94a3b8}.ptv-nilai-card-actions-col{display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:120px}.ptv-nilai-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ptv-nilai-detail-header-left{display:flex;align-items:center;gap:10px;min-width:0}.ptv-nilai-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ptv-nilai-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start}.ptv-nilai-detail-card{background:var(--surface, #ffffff);border:1.5px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-xl);padding:20px;box-shadow:0 1px 3px #00000005;box-sizing:border-box}:root[data-theme=dark] .ptv-nilai-detail-card{background:var(--surface, #24282C);border-color:#ffffff14}.ptv-nilai-detail-price-box{background:var(--bg-2, #f8fafc);border:1.5px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-lg);padding:16px;margin-bottom:16px}:root[data-theme=dark] .ptv-nilai-detail-price-box{background:var(--bg-2, #1B1E21);border-color:#ffffff14}.ptv-nilai-detail-price-val{font-size:clamp(20px,5vw,24px);font-weight:700;letter-spacing:-.03em;margin-top:2px;word-break:break-word;overflow-wrap:anywhere}.ptv-nilai-detail-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.ptv-nilai-detail-meta-cell{background:var(--bg-2, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:var(--ptv-curve-md);padding:10px 12px;min-width:0;box-sizing:border-box;word-break:break-word}:root[data-theme=dark] .ptv-nilai-detail-meta-cell{background:var(--bg-2, #1B1E21);border-color:#ffffff14}.sheet.ptv-nilai-sheet-modal .sheet-body{padding:16px 18px 24px}.ptv-nilai-modal-foot{display:flex;align-items:center;gap:10px;width:100%}@media(max-width:768px){.ptv-nilai-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.ptv-nilai-header-left{gap:8px}.ptv-nilai-header-icon{width:36px;height:36px;font-size:16px;border-radius:var(--ptv-curve-md)}.ptv-nilai-header-title{font-size:17px}.ptv-nilai-header-sub{font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ptv-nilai-header-actions{width:100%}.ptv-nilai-header-actions .btn{width:100%;justify-content:center;min-height:40px}.ptv-nilai-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.ptv-nilai-kpi-card{padding:10px 12px;border-radius:var(--ptv-curve-lg);min-width:0;overflow:hidden}.ptv-nilai-kpi-card-hd{margin-bottom:4px;gap:4px}.ptv-nilai-kpi-card-lbl{font-size:10px;letter-spacing:.02em;white-space:normal;word-break:normal;overflow:visible;text-overflow:clip;line-height:1.25}.ptv-nilai-kpi-card-ic{width:24px;height:24px;font-size:11px;border-radius:var(--ptv-curve-xs);flex-shrink:0}.ptv-nilai-kpi-card-val{font-size:15.5px;letter-spacing:-.02em;margin-top:1px}.ptv-nilai-kpi-card-sub{font-size:10px;margin-top:2px;line-height:1.25;white-space:normal;word-break:break-word;overflow:visible;text-overflow:clip}.ptv-nilai-filter-bar{padding:10px 12px;margin-bottom:14px;border-radius:var(--ptv-curve-lg);box-sizing:border-box;width:100%;overflow:hidden}.ptv-nilai-toolbar-vertical-wrap{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}.ptv-nilai-search-wrap{width:100%;min-width:0}.ptv-nilai-search-wrap input{height:40px;font-size:13.5px;padding-left:40px;padding-right:36px;box-sizing:border-box;width:100%}.ptv-nilai-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;box-sizing:border-box}.ptv-nilai-filter-col,.ptv-nilai-filter-col .ptv-select-wrapper{min-width:0;width:100%}.ptv-nilai-filter-col .ptv-select-trigger{height:38px;min-height:38px;font-size:11.5px;padding:0 8px;gap:4px;box-sizing:border-box;width:100%;min-width:0}.ptv-nilai-filter-col .ptv-select-value{min-width:0;flex:1 1 auto;overflow:hidden;gap:4px}.ptv-nilai-filter-col .ptv-select-text-label{font-size:11.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0}.ptv-nilai-filter-col .ptv-select-chevron{font-size:9.5px;flex-shrink:0}.ptv-nilai-filter-grid select{height:38px;font-size:11.5px;padding:0 8px;box-sizing:border-box;width:100%;min-width:0}.ptv-nilai-filter-counter-wrap{margin-top:8px;padding-top:8px;font-size:11px;min-width:0}.ptv-nilai-card{padding:12px 14px;border-radius:var(--ptv-curve-lg);height:auto!important;min-height:0!important;align-self:stretch;box-sizing:border-box}.ptv-nilai-card-inner{flex-direction:column;align-items:stretch;gap:8px!important;height:auto!important;min-height:0!important}.ptv-nilai-card-main-col{min-width:0;width:100%;gap:10px;height:auto!important;min-height:0!important;margin-bottom:0!important}.ptv-nilai-thumb{width:46px;height:46px;border-radius:var(--ptv-curve-md)}.ptv-nilai-card-name{font-size:14.5px;line-height:1.25;margin-bottom:2px}.ptv-nilai-card-brand{font-size:11px;margin-bottom:2px!important}.ptv-nilai-card-units{margin-top:4px!important;gap:4px!important}.ptv-nilai-card-dossier-col{min-width:0;width:100%;max-width:100%;padding:8px 12px!important;border-radius:var(--ptv-curve-md);height:auto!important;min-height:0!important;margin-top:2px!important;box-sizing:border-box}.ptv-nilai-dossier-hd{margin-bottom:2px}.ptv-nilai-dossier-title{font-size:10.5px}.ptv-nilai-dossier-val{font-size:16.5px;margin-bottom:4px;line-height:1.2}.ptv-nilai-dossier-meta-grid{font-size:11px;gap:2px 6px}.ptv-nilai-card-actions-col{display:flex;flex-direction:row;min-width:0;width:100%;gap:8px;flex-wrap:nowrap;margin-top:4px;height:auto;min-height:0}.ptv-nilai-card-actions-col .btn{min-height:38px;height:38px;font-size:12px;padding:0 8px;border-radius:var(--ptv-curve-pill, 999px);box-sizing:border-box}.ptv-nilai-btn-detail,.ptv-nilai-btn-edit{flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap}.ptv-nilai-btn-del{width:38px;min-width:38px;padding:0!important;justify-content:center;flex-shrink:0}.ptv-nilai-detail-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.ptv-nilai-detail-actions{width:100%}.ptv-nilai-detail-actions .btn{flex:1;min-height:40px;justify-content:center;font-size:12px;padding:0 10px}.ptv-nilai-detail-grid{grid-template-columns:1fr;gap:14px}.ptv-nilai-detail-card{padding:14px 16px;border-radius:var(--ptv-curve-lg)}.ptv-nilai-detail-price-box{padding:12px 14px;border-radius:var(--ptv-curve-md);margin-bottom:12px}.ptv-nilai-detail-meta-grid{gap:8px;margin-bottom:12px}.ptv-nilai-detail-meta-cell{padding:8px 10px;border-radius:var(--ptv-curve-sm)}.sheet.ptv-nilai-sheet-modal{max-height:90dvh;padding-bottom:calc(max(14px,var(--sab, 0px)) + 12px)}.sheet.ptv-nilai-sheet-modal .sheet-body{padding:12px 14px 20px}.sheet.ptv-nilai-sheet-modal .input,.sheet.ptv-nilai-sheet-modal select.input{min-height:42px;font-size:15px}.ptv-nilai-modal-foot .btn{min-height:44px}}.loan-picker-modal-root{width:100%}.loan-picker-container{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start;width:100%}@media(max-width:860px){.loan-picker-container{grid-template-columns:1fr;gap:14px}}.loan-picker-left{display:flex;flex-direction:column;gap:10px;min-width:0}.loan-picker-right{position:sticky;top:0;max-height:calc(90vh - 100px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--ptv-curve-lg);padding:14px;box-shadow:var(--shadow-xs, 0 1px 3px rgba(0,0,0,.05));min-width:0}@media(max-width:860px){.loan-picker-right.desktop-only-panel{display:none!important}}.loan-cat-chips-bar{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.loan-cat-chips-bar::-webkit-scrollbar{height:4px}.loan-cat-chips-bar::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--ptv-curve-xs)}.loan-inventory-scroll{max-height:none;overflow-y:visible;display:flex;flex-direction:column;gap:10px}.loan-cat-card{border:1.5px solid var(--line-2);border-radius:var(--ptv-curve-lg);background:var(--surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}.loan-cat-card:hover{border-color:var(--b-300)}.loan-cat-card.has-selected{border-color:var(--b-500)}.loan-cat-head{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-2);transition:background .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.loan-cat-card.expanded .loan-cat-head{background:var(--surface);border-bottom:1.5px solid var(--line-2)}.loan-cat-title-text{font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px}.loan-cat-body{padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--bg-1, #f8fafc)}.loan-asset-card{border:1px solid var(--line-2);border-radius:var(--ptv-curve-sm);background:var(--surface);overflow:hidden;transition:border-color .15s}.loan-asset-card:hover{border-color:var(--b-400)}.loan-asset-card.has-selected{border-color:var(--b-500);background:#f8fbff}.loan-asset-head{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);transition:background .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.loan-asset-card.expanded .loan-asset-head{border-bottom:1px solid var(--line-2);background:var(--bg-2)}.loan-units-container{display:flex;flex-direction:column;background:var(--surface)}.loan-unit-item{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 18px;border-bottom:1px solid var(--line-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.loan-unit-item:last-child{border-bottom:none}.loan-unit-item:hover:not(.disabled){background:var(--b-050)}.loan-unit-item.selected{background:#eff6ff}.loan-unit-item.disabled{cursor:not-allowed;opacity:.58;background:var(--bg-2)}.loan-unit-item.match-highlight{border-left:3.5px solid var(--b-500)}.loan-unit-checkbox{width:17px;height:17px;cursor:pointer;accent-color:var(--b-600);flex-shrink:0}.loan-unit-item.disabled .loan-unit-checkbox{cursor:not-allowed}.loan-unit-info{display:flex;flex-direction:column;min-width:0;gap:1px}.loan-unit-name{font-size:12.5px;font-weight:500;color:var(--ink);line-height:1.25}.loan-unit-code{font-size:11px;color:var(--ink3, #64748b);font-family:monospace}.selected-items-scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.selected-asset-block{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--ptv-curve-sm);padding:6px 9px}.selected-asset-head{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:4px}.selected-unit-tag{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:12px;color:var(--ink-2)}.btn-remove-unit{margin-left:auto;background:none;border:none;color:var(--dang);font-size:16px;line-height:1;padding:0 4px;cursor:pointer;border-radius:var(--ptv-curve-xs);transition:background .12s}.btn-remove-unit:hover{background:#fee2e2}.loan-mobile-sticky-bar{display:none}@media(max-width:860px){.selected-unit-tag{padding:6px 0;min-height:44px;display:flex;align-items:center;gap:8px;position:relative}.btn-remove-unit{width:44px;height:44px;min-width:44px;min-height:44px;margin:-8px -8px -8px auto;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;line-height:1;color:var(--dang);background:transparent;border:none;border-radius:50%;position:relative;z-index:20;pointer-events:auto!important;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:rgba(239,68,68,.2);transition:transform .12s,background .12s}.btn-remove-unit:active{background:#fee2e2;transform:scale(.92)}.loan-mobile-sticky-bar{display:flex;position:fixed;bottom:14px;left:14px;right:14px;z-index:1000;align-items:center;justify-content:space-between;background:#1e3a8a;color:#fff;padding:11px 16px;border-radius:var(--ptv-curve-lg);box-shadow:0 8px 24px #1e3a8a66;cursor:pointer;font-weight:600;font-size:13.5px;transition:transform .15s,opacity .15s;touch-action:manipulation}}.loan-mobile-drawer-overlay{display:none}@media(max-width:860px){.loan-mobile-drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--surface);z-index:9998;opacity:0;pointer-events:none;transition:opacity .2s ease}.loan-mobile-drawer-overlay.open{display:flex!important;opacity:1;pointer-events:auto!important}.loan-mobile-drawer-content{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;height:100dvh;max-height:none;padding-top:calc(max(14px,env(safe-area-inset-top)) + 54px);background:var(--surface);border-radius:0;padding-left:0;padding-right:0;padding-bottom:0;margin:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;transform:translateY(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);z-index:9999;pointer-events:auto!important;box-sizing:border-box}.loan-mobile-drawer-overlay.open .loan-mobile-drawer-content{transform:translateY(0)}.loan-mobile-drawer-header{position:relative;z-index:10001;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line-2);flex-shrink:0;pointer-events:auto!important}.loan-mobile-back-btn{min-height:44px;min-width:44px;padding:0 16px;border-radius:var(--ptv-curve-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer;position:relative;z-index:10001;pointer-events:auto!important;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(37,99,235,.15);transition:transform .12s,background .12s}.loan-mobile-back-btn:active{background:var(--b-100);color:var(--b-700);transform:scale(.96)}.loan-mobile-close-all-btn{min-width:44px;min-height:44px;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2);cursor:pointer;position:relative;z-index:10001;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(239,68,68,.15);transition:transform .12s,background .12s}.loan-mobile-close-all-btn:active{background:#fee2e2;color:var(--dang);transform:scale(.92)}.loan-mobile-drawer-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 16px max(30px,env(safe-area-inset-bottom)) 16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.ptv-curve-xs{border-radius:var(--ptv-curve-xs)}.ptv-curve-sm{border-radius:var(--ptv-curve-sm)}.ptv-curve-md{border-radius:var(--ptv-curve-md)}.ptv-curve-lg{border-radius:var(--ptv-curve-lg)}.ptv-curve-xl{border-radius:var(--ptv-curve-xl)}.ptv-curve-2xl{border-radius:var(--ptv-curve-2xl)}.ptv-curve-3xl{border-radius:var(--ptv-curve-3xl)}.ptv-curve-pill{border-radius:var(--ptv-curve-pill)}.ptv-curve-circle{border-radius:var(--ptv-curve-circle)}.ptv-corner-xs{border-radius:var(--ptv-curve-xs)}.ptv-corner-sm{border-radius:var(--ptv-curve-md)}.ptv-corner-md{border-radius:var(--ptv-curve-lg)}.ptv-corner-lg{border-radius:var(--ptv-curve-xl)}.ptv-corner-xl{border-radius:var(--ptv-curve-2xl)}.ptv-corner-2xl{border-radius:var(--ptv-curve-3xl)}.ptv-corner-pill{border-radius:var(--ptv-curve-pill)}.ptv-corner-circle{border-radius:var(--ptv-curve-circle)}.ptv-soft-surface{background:var(--ptv-soft-surface-bg, var(--surface, #ffffff));border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow)}.ptv-soft-surface-elevated{background:var(--ptv-soft-surface-bg, var(--surface, #ffffff));border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow-elevated)}.ptv-card-hover{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.ptv-card-hover:hover{transform:translateY(-2px);box-shadow:var(--ptv-soft-shadow-elevated)}@supports (corner-shape: squircle){.ptv-squircle,.ptv-continuous-curve,.ptv-continuous-surface,.ptv-continuous-card,.ptv-continuous-panel,.ptv-continuous-modal-surface,.ptv-continuous-btn,.ptv-soft-surface,.ptv-soft-surface-elevated,.ptv-curve-xs,.ptv-curve-sm,.ptv-curve-md,.ptv-curve-lg,.ptv-curve-xl,.ptv-curve-2xl,.ptv-curve-3xl,.ptv-corner-sm,.ptv-corner-md,.ptv-corner-lg,.ptv-corner-xl,.ptv-corner-2xl,.ptv-select-trigger,.ptv-select-menu,.ptv-select-menu-portal,.ptv-select-item,.ptv-select-search-input,.ptv-nilai-kpi-card,.ptv-nilai-card,.ptv-nilai-filter-bar,.hero-card,.bnav-in,.card,.ptv-card,.sheet,.modal,.modal-box,.lk-modal,.lk-help-card,.lk-auth-box,.lk-input,.lk-btn,.lk-modal-btn,.btn,.ptv-btn,.ptv-input,.ptv-input-wrapper,.ptv-badge,.badge,.chip,.fchip,.stat,.ann,.li,.li-ic,.thumb,.qa-ic,.qa-ref-btn,.bento-ic,.bento-card,.snav,.ptv-nav-item,.table-container,.tbl-wrap,.hdr-search,.loan-picker-modal-root{corner-shape:squircle}}.ptv-select-wrapper{position:relative;display:block;width:100%;box-sizing:border-box;font-family:var(--ptv-font-family, inherit)}.ptv-select-trigger{width:100%;min-height:40px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-2, #ffffff);border:1px solid var(--line, #cbd5e1);border-radius:var(--ptv-curve-md);color:var(--ink, #0b2a4a);font-size:13px;font-weight:500;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;touch-action:manipulation}.ptv-select-trigger:hover:not(:disabled){border-color:var(--b-400, #6fb0ff);background:var(--surface, #ffffff)}.ptv-select-trigger:focus-visible,.ptv-select-trigger.is-open{outline:none;border-color:var(--b-500, #3b8ef7);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-500) 18%,transparent)}.ptv-select-trigger:disabled{opacity:.55;cursor:not-allowed;background:var(--neutral-bg, #e9f0f9)}.ptv-select-trigger.is-error{border-color:var(--dang, #b02b23);box-shadow:0 0 0 3px color-mix(in srgb,var(--dang) 18%,transparent)}.ptv-select-sm .ptv-select-trigger{height:34px;min-height:34px;padding:0 10px;font-size:12px}.ptv-select-lg .ptv-select-trigger{height:48px;min-height:48px;padding:0 16px;font-size:14.5px}.ptv-select-value{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.ptv-select-placeholder{color:var(--muted, #6e8cae)}.ptv-select-icon-lead{color:var(--muted, #6e8cae);font-size:12px;flex:none}.ptv-select-actions{display:flex;align-items:center;gap:6px;flex:none}.ptv-select-clear-btn{background:transparent;border:none;color:var(--muted, #6e8cae);padding:2px 4px;font-size:11px;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,transform .12s}.ptv-select-clear-btn:hover{color:var(--dang, #b02b23);transform:scale(1.1)}.ptv-select-chevron{color:var(--muted, #6e8cae);font-size:11px;transition:transform .22s cubic-bezier(.16,1,.3,1),color .15s ease;pointer-events:none}.ptv-select-trigger.is-open .ptv-select-chevron{transform:rotate(180deg);color:var(--b-600, #1273e6)}.ptv-select-menu{position:absolute;left:0;right:0;min-width:100%;max-height:250px;overflow-y:auto;overflow-x:hidden;background:var(--surface, #ffffff);border:1px solid var(--line-2, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-lg);padding:5px;box-shadow:0 10px 28px #0b3c741f,0 4px 10px #0b3c740f;z-index:1050;box-sizing:border-box;font-family:var(--ptv-font-family, inherit);animation:ptvSelectMenuIn .18s cubic-bezier(.16,1,.3,1);-webkit-overflow-scrolling:touch}.ptv-select-menu-portal{position:fixed;right:auto;min-width:0!important;max-width:100vw;box-sizing:border-box;z-index:99999;font-family:var(--ptv-font-family, inherit)}.ptv-select-menu.placement-bottom{top:calc(100% + 5px);transform-origin:top center}.ptv-select-menu.placement-top{bottom:calc(100% + 5px);top:auto;transform-origin:bottom center}@keyframes ptvSelectMenuIn{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.ptv-select-search-wrap{padding:4px 4px 6px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .06));margin-bottom:4px}.ptv-select-search-input{width:100%;height:32px;padding:0 8px;border-radius:var(--ptv-curve-sm);border:1px solid var(--line, #cbd5e1);background:var(--bg, #f8fafd);color:var(--ink, #0b2a4a);font-size:12.5px;box-sizing:border-box;outline:none}.ptv-select-search-input:focus{border-color:var(--b-500, #3b8ef7);background:var(--surface, #ffffff)}.ptv-select-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ptv-select-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--ptv-curve-md);color:var(--ink, #0b2a4a);font-size:12.5px;font-weight:500;line-height:1.35;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease;box-sizing:border-box}.ptv-select-item:hover,.ptv-select-item.is-focused{background:var(--b-050, #edf4ff);color:var(--b-800, #0a3c74)}.ptv-select-item.is-selected{background:var(--b-050, #edf4ff);color:var(--b-700, #0b5fbf);font-weight:600}.ptv-select-item.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.ptv-select-item-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.ptv-select-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptv-select-item-desc{font-size:11px;color:var(--muted, #6e8cae);margin-top:1px}.ptv-select-check-icon{color:var(--b-600, #1273e6);font-size:11px;flex:none;margin-left:6px}.ptv-select-empty{padding:16px 12px;text-align:center;font-size:12px;color:var(--muted, #6e8cae)}.ptv-select-icon-box{width:28px;height:28px;min-width:28px;border-radius:var(--ptv-curve-sm, 8px);display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:transform .15s ease}.ptv-select-trigger .ptv-select-icon-box{width:30px;height:30px;min-width:30px;margin-right:2px}.ptv-select-text-label{font-size:13.5px;font-weight:600;color:var(--ink, #0b2a4a)}.ptv-select-separator{height:0;margin:6px 4px;border-top:1px dashed var(--line, #cbd5e1);list-style:none}.ptv-select-item.is-action{color:var(--b-600, #1273e6);font-weight:700}.ptv-select-item.is-action:hover{background:var(--b-050, #edf4ff)}.ptv-select-menu::-webkit-scrollbar{width:5px}.ptv-select-menu::-webkit-scrollbar-thumb{background:var(--line, rgba(11, 42, 74, .15));border-radius:var(--ptv-curve-pill)}.ptv-select-menu::-webkit-scrollbar-thumb:hover{background:var(--muted, rgba(11, 42, 74, .3))}:root[data-theme=dark] .ptv-select-trigger{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .ptv-select-trigger:hover:not(:disabled){border-color:var(--b-500, #A8C7FA);background:var(--surface)}:root[data-theme=dark] .ptv-select-trigger:focus-visible,:root[data-theme=dark] .ptv-select-trigger.is-open{border-color:var(--b-500, #A8C7FA);box-shadow:0 0 0 3px #a8c7fa2e}:root[data-theme=dark] .ptv-select-menu{background:var(--surface);border-color:var(--line);box-shadow:0 14px 34px #0000008c,0 4px 12px #00000059}:root[data-theme=dark] .ptv-select-search-input{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .ptv-select-item{color:var(--ink)}:root[data-theme=dark] .ptv-select-item:hover,:root[data-theme=dark] .ptv-select-item.is-focused{background:#ffffff0f;color:var(--ink)}:root[data-theme=dark] .ptv-select-item.is-selected{background:#a8c7fa24;color:var(--b-500, #A8C7FA)}:root[data-theme=dark] .ptv-select-check-icon{color:var(--b-500, #A8C7FA)}.hero-card.hero-continuous,.bento-card.bento-continuous,.bento-ic.ptv-continuous-surface,.qa-ref-btn-continuous,.li.li-continuous,.li-ic.ptv-continuous-surface,.ann.ann-continuous,.stat.stat-continuous,.sec.sec-continuous{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none}.hero-card.hero-continuous:hover,.bento-card.bento-continuous:hover,.li.li-continuous:hover,.ann.ann-continuous:hover,.stat.stat-continuous:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.qa-ref-btn-continuous>div,.bento-ic.ptv-continuous-surface>div,.li-ic.ptv-continuous-surface>div{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.app-shell{min-height:100vh;background-color:var(--bg);color:var(--ink);font-family:var(--ptv-font-family, var(--font));position:relative;box-sizing:border-box}.hdr{position:fixed;top:var(--ptv-announcement-h, 0px);left:0;right:0;z-index:60;padding-top:var(--sat);background:var(--glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line-2);transition:top .2s ease,background .2s,border-color .2s}.hdr-in{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 16px;max-width:var(--maxw);margin:0 auto;gap:12px;box-sizing:border-box}.hdr .brand{display:flex;align-items:center}.brand-logo-text{font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--b-700);display:flex;align-items:center;gap:6px}:root[data-theme=dark] .brand-logo-text{color:var(--b-500)}.crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink)}@media(max-width:1023px){.crumb{display:none!important}}.hdr-search{display:none}.hdr-actions{display:flex;align-items:center;gap:6px;flex:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-full);color:var(--ink-2);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:var(--b-050);color:var(--b-700)}:root[data-theme=dark] .icon-btn:hover{background:var(--surface-2);color:var(--ink)}.side{display:none}@media(min-width:1024px){:root{--header-h: 66px}.side{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-w);z-index:70;padding-top:calc(var(--sat) + 14px);padding-bottom:16px;background:var(--glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:1px solid var(--line-2);box-sizing:border-box}.side-brand{display:flex;align-items:center;padding:16px 18px;width:100%;box-sizing:border-box;overflow:hidden}.side-scroll{flex:1;overflow-y:auto;padding:0 12px 8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.side-grp{margin-top:16px}.side-grp:first-child{margin-top:2px}.side-grp>p{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted);margin:0 0 6px 12px;text-transform:uppercase;height:16px;line-height:16px;box-sizing:border-box}.snav{display:flex;align-items:center;gap:11px;width:100%;height:40px;min-height:40px;padding:0 14px;border-radius:var(--ptv-curve-pill, 9999px);font-size:13.5px;font-weight:500;color:var(--ink-2);transition:all .16s ease;text-align:left;box-sizing:border-box;text-decoration:none;border:none;background:transparent;cursor:pointer;margin:0 0 4px}.snav i,.snav svg{font-size:14.5px;width:18px;opacity:.7;flex-shrink:0}.snav:hover{background:var(--b-050);color:var(--b-700)}:root[data-theme=dark] .snav:hover{background:#ffffff0f;color:var(--ink)}.snav.on{background:linear-gradient(150deg,var(--b-500),var(--b-700));color:#fff!important;font-weight:600;box-shadow:var(--shadow-blue)}:root[data-theme=dark] .snav.on{background:#a8c7fa29!important;color:var(--b-500, #A8C7FA)!important;box-shadow:none!important}.snav.on i,.snav.on svg{opacity:1;color:#fff}:root[data-theme=dark] .snav.on i,:root[data-theme=dark] .snav.on svg{color:var(--b-500, #A8C7FA)!important}.snav .cnt{margin-left:auto;font-size:10.5px;font-weight:700;background:var(--b-100);color:var(--b-700);padding:1px 7px;border-radius:var(--ptv-curve-pill)}.snav.on .cnt{background:#ffffff40;color:#fff}:root[data-theme=dark] .snav.on .cnt{background:#a8c7fa38;color:var(--b-500, #A8C7FA)}.side-foot{padding:12px 14px 14px;border-top:1px solid var(--line-2);background:var(--bg-1, #f8fafc);margin:0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}:root[data-theme=dark] .side-foot{background:#ffffff05}.snav-foot-portal{width:100%;box-sizing:border-box}.side-foot-row{display:flex;gap:8px;width:100%;box-sizing:border-box}.snav-foot-btn{flex:1;min-width:0;padding:0 10px;height:38px;font-size:13px;justify-content:center;gap:6px;border-radius:var(--ptv-curve-pill, 9999px)}.snav-foot-logout{color:var(--danger, #ef4444)}.snav-foot-logout:hover{background:#ef444414;color:#dc2626}:root[data-theme=dark] .snav-foot-logout:hover{background:#ef444429;color:#f87171}.hdr{left:var(--sidebar-w)}.hdr-in{padding-left:28px;padding-right:28px;gap:18px;max-width:none}.hdr-search{display:flex;flex:1;max-width:380px;margin-left:auto;align-items:center;gap:10px;height:38px;padding:0 14px;border-radius:var(--ptv-curve-pill);border:var(--ptv-soft-border);background:var(--surface);color:var(--muted);font-size:13px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.hdr-search:hover{border-color:var(--b-300);box-shadow:var(--shadow-s)}.hdr-search kbd{margin-left:auto;font-family:var(--ptv-font-mono, monospace);font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:var(--ptv-curve-xs);background:var(--b-050);color:var(--b-700);border:1px solid var(--line)}.hdr .brand,.bnav,.ptv-nav-ambient-gradient,.ptv-floating-dock,.ptv-workspace-sheet,.ptv-workspace-scrim{display:none!important}}.main{padding-top:calc(var(--header-h) + var(--sat) + var(--ptv-announcement-h, 0px) + 18px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 118px);padding-left:max(16px,var(--sal));padding-right:max(16px,var(--sar));max-width:var(--maxw);margin:0 auto;box-sizing:border-box;min-height:100vh;transition:padding-top .2s ease}@media(min-width:1024px){.main{margin-left:var(--sidebar-w);max-width:none;padding-top:calc(var(--header-h) + var(--sat) + var(--ptv-announcement-h, 0px) + 26px);padding-left:28px;padding-right:28px;padding-bottom:48px}}#ptvGlobalNotificationBar{left:0}.ptv-banner-desktop-layout{display:none;position:relative;z-index:3;width:100%;height:48px;min-height:48px;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box}.ptv-banner-mobile-layout{display:flex;position:relative;z-index:3;width:100%;height:38px;min-height:38px;align-items:center;justify-content:space-between;padding:0 12px;gap:6px;box-sizing:border-box}@media(min-width:1024px){#ptvGlobalNotificationBar{left:var(--sidebar-w)!important}.ptv-banner-desktop-layout{display:flex}.ptv-banner-mobile-layout{display:none}}@media(max-width:1023px){#ptvGlobalNotificationBar{left:0!important}.ptv-nav-ambient-gradient{position:fixed;bottom:0;left:0;right:0;height:calc(80px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(29,110,229,.035) 0%,rgba(56,189,248,.012) 50%,transparent 100%);pointer-events:none;z-index:55}:root[data-theme=dark] .ptv-nav-ambient-gradient{background:linear-gradient(to top,rgba(17,19,21,.72) 0%,rgba(17,19,21,.3) 45%,transparent 100%)}.ptv-floating-dock{position:fixed!important;bottom:calc(env(safe-area-inset-bottom,0px) + 27px)!important;left:50%!important;transform:translate(-50%)!important;max-width:calc(100vw - 32px)!important;width:max-content!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;z-index:90!important;pointer-events:auto!important;box-sizing:border-box!important;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)!important}body.modal-open .ptv-floating-dock,body.modal-open .ptv-nav-ambient-gradient,body:has([role=dialog]) .ptv-floating-dock,body:has(.prz-modal-overlay) .ptv-floating-dock,body:has(.damage-modal-backdrop) .ptv-floating-dock,body:has(.lf-modal-backdrop) .ptv-floating-dock,body:has(.lf-drawer-backdrop) .ptv-floating-dock,body:has(.doc-detail-modal-overlay) .ptv-floating-dock{opacity:0!important;pointer-events:none!important;transform:translate(-50%,28px)!important}}@media(min-width:1024px){.ptv-floating-dock,.ptv-nav-ambient-gradient,.ptv-workspace-sheet,.ptv-workspace-scrim{display:none!important}}.ptv-dock-pill{display:inline-flex!important;align-items:center!important;height:52px!important;padding:4px!important;gap:4px!important;width:max-content!important;flex:0 0 auto!important;border-radius:9999px!important;background:#ffffffc7!important;backdrop-filter:blur(24px) saturate(190%)!important;-webkit-backdrop-filter:blur(24px) saturate(190%)!important;border:1px solid rgba(11,42,74,.08)!important;box-shadow:0 8px 24px -4px #0b2a4a1f,0 2px 6px #0b2a4a0a!important;box-sizing:border-box!important}:root[data-theme=dark] .ptv-dock-pill{background:#1e2228c7!important;backdrop-filter:blur(24px) saturate(190%)!important;-webkit-backdrop-filter:blur(24px) saturate(190%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 28px -4px #00000080,0 2px 8px #0000004d!important}.ptv-dock-item{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:9999px!important;border:none!important;background:transparent!important;color:var(--muted, #64748b)!important;cursor:pointer!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important;text-decoration:none!important;outline:none!important;-webkit-tap-highlight-color:transparent!important;box-sizing:border-box!important;flex-shrink:0!important}.ptv-dock-item i{font-size:19px!important;width:19px!important;height:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transition:transform .2s cubic-bezier(.16,1,.3,1),font-size .2s ease!important}.ptv-dock-item .dock-label{display:inline-block!important;font-size:13px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;margin:0!important}.ptv-dock-item:not(.is-active) .dock-label{display:none!important}.ptv-dock-item.is-active{width:auto!important;height:42px!important;padding:0 14px!important;gap:6px!important;background:#1d6ee517!important;color:var(--pri, #1273e6)!important}:root[data-theme=dark] .ptv-dock-item.is-active{background:#3b8ef726!important;color:#8ab4f8!important}.ptv-dock-item.is-active i{font-size:16px!important;width:16px!important;height:16px!important;transform:none!important}.ptv-dock-discover{width:52px!important;height:52px!important;min-width:52px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--b-600, #1273e6)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 6px 18px #1273e661,0 2px 6px #1273e62e!important;cursor:pointer!important;flex-shrink:0!important;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s ease,box-shadow .2s ease!important;outline:none!important;-webkit-tap-highlight-color:transparent!important;box-sizing:border-box!important}:root[data-theme=dark] .ptv-dock-discover{background:#1d6ee5!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 22px #1d6ee573,0 2px 8px #00000059!important}.ptv-dock-discover i{font-size:24px!important;width:24px!important;height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;color:#fff!important;transition:transform .2s ease!important}.ptv-dock-discover:active{transform:scale(.92)!important}.ptv-dock-discover.is-active{background:#0d5cbe!important;color:#fff!important;box-shadow:0 3px 10px #0d5cbe73!important}:root[data-theme=dark] .ptv-dock-discover.is-active{background:#195ac0!important;color:#fff!important}.ptv-workspace-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:85;animation:ptvFadeIn .22s ease forwards}@keyframes ptvFadeIn{0%{opacity:0}to{opacity:1}}.ptv-workspace-sheet{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;max-width:420px!important;margin:0 auto!important;z-index:95!important;background:var(--surface, #ffffff);border-radius:40px!important;border:1px solid var(--line-2, rgba(11, 42, 74, .08))!important;box-shadow:0 16px 44px -8px #0b2a4a29,0 4px 16px #0b2a4a14!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overflow-x:hidden!important;box-sizing:border-box!important;will-change:transform}:root[data-theme=dark] .ptv-workspace-sheet{background:#202428;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 20px 54px -10px #000000a6!important}@media(prefers-reduced-motion:reduce){.ptv-workspace-sheet,.ptv-workspace-scrim{transition:none!important;animation:none!important}.ptv-dock-item,.ptv-dock-item .dock-label,.ptv-dock-discover{transition:none!important}}.ptv-workspace-header-bar{padding:10px 18px 12px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .06));flex-shrink:0;cursor:grab;user-select:none;-webkit-user-select:none}.ptv-workspace-header-bar:active{cursor:grabbing}.ptv-workspace-grab-handle{width:38px;height:4px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--line, rgba(11, 42, 74, .18));margin:0 auto 10px}:root[data-theme=dark] .ptv-workspace-grab-handle{background:#ffffff38}.ptv-workspace-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ptv-workspace-title{font-size:17px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.015em}.ptv-workspace-subtitle{font-size:11.5px;color:var(--muted);margin:2px 0 0}.ptv-workspace-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg, #f1f5f9);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}:root[data-theme=dark] .ptv-workspace-close-btn{background:#ffffff14;color:var(--ink)}.ptv-workspace-search-wrap{position:relative;width:100%}.ptv-workspace-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13.5px;pointer-events:none}.ptv-workspace-search-input{width:100%;height:38px;padding:0 34px;background:var(--bg-2, #f8fafc);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-pill, 9999px);font-size:13px;color:var(--ink);outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .15s ease,background .15s ease}.ptv-workspace-search-input:focus{border-color:var(--b-500, #3b8ef7);background:var(--surface, #ffffff)}:root[data-theme=dark] .ptv-workspace-search-input{background:#ffffff0d;border-color:#ffffff1a;color:var(--ink)}:root[data-theme=dark] .ptv-workspace-search-input:focus{border-color:#8ab4f8;background:#ffffff14}.ptv-workspace-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:0}.ptv-workspace-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px 28px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.ptv-workspace-scroll-area::-webkit-scrollbar{width:4px}.ptv-workspace-scroll-area::-webkit-scrollbar-track{background:transparent}.ptv-workspace-scroll-area::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}:root[data-theme=dark] .ptv-workspace-scroll-area::-webkit-scrollbar-thumb{background:#ffffff40}.ptv-workspace-section-title{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.ptv-workspace-qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}.ptv-workspace-qa-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-2, #f8fafc);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--ptv-curve-md, 14px);cursor:pointer;text-align:left;transition:background .15s ease,transform .15s ease;outline:none;min-width:0;box-sizing:border-box}.ptv-workspace-qa-card:active{transform:scale(.97);background:var(--b-050, #edf4ff)}:root[data-theme=dark] .ptv-workspace-qa-card{background:#ffffff0a;border-color:#ffffff14}:root[data-theme=dark] .ptv-workspace-qa-card:active{background:#4285f424}.ptv-workspace-qa-icon{width:30px;height:30px;border-radius:var(--ptv-curve-sm, 8px);background:var(--b-050, #edf4ff);color:var(--b-700, #0b5fbf);display:flex;align-items:center;justify-content:center;font-size:13.5px;flex-shrink:0}:root[data-theme=dark] .ptv-workspace-qa-icon{background:#4285f429;color:#8ab4f8}.ptv-workspace-qa-info{display:flex;flex-direction:column;min-width:0;flex:1}.ptv-workspace-qa-name{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.ptv-workspace-qa-sub{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.ptv-workspace-features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;width:100%;box-sizing:border-box}.ptv-workspace-app-item{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:2px;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease;min-width:0;width:100%;box-sizing:border-box}.ptv-workspace-app-item:active{transform:scale(.92)}.ptv-workspace-app-icon-box{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid transparent;box-shadow:0 2px 5px #0000000a;margin-bottom:5px;transition:transform .15s ease;flex-shrink:0}:root[data-theme=dark] .ptv-workspace-app-icon-box{background:#ffffff0f!important;border-color:#ffffff1a!important;box-shadow:0 4px 10px #0000004d}.ptv-workspace-app-name{font-size:10.5px;font-weight:500;color:var(--ink);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:76px}.ptv-workspace-empty-search{text-align:center;padding:36px 16px;color:var(--muted)}.ptv-workspace-empty-search i{font-size:32px;margin-bottom:8px;opacity:.5}.ptv-workspace-empty-search p{font-size:13px;margin:0}@media(prefers-reduced-motion:reduce){.ptv-dock-item,.ptv-dock-item .dock-label,.ptv-dock-discover,.ptv-workspace-sheet,.ptv-workspace-scrim{transition:none!important;animation:none!important}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#072a5266;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:80;transition:opacity .2s ease}@media(max-width:1023px){.sheet{position:fixed;left:0;right:0;bottom:0;max-height:85vh;background:var(--surface);border-radius:var(--ptv-curve-3xl) var(--ptv-curve-3xl) 0 0;box-shadow:var(--shadow-l);z-index:90;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;animation:sheetSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media(min-width:1024px){.sheet{position:fixed;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-46%) scale(.97)!important;width:min(600px,92vw);max-height:85vh;background:var(--surface);border-radius:var(--ptv-curve-2xl)!important;border:var(--ptv-soft-border);box-shadow:var(--ptv-soft-shadow-elevated, 0 20px 48px rgba(0, 0, 0, .22));z-index:90;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;opacity:0;pointer-events:none!important;visibility:hidden!important;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease,visibility .22s;animation:none!important}.sheet.on{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.sheet-grab{display:none!important}}.sheet-grab{width:36px;height:4px;border-radius:var(--ptv-curve-pill);background:var(--line);margin:10px auto 4px}.sheet-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line-2)}.sheet-hd h3{font-size:16px;font-weight:700;color:var(--ink);margin:0}.sheet-body{padding:16px 20px 28px;overflow-y:auto;flex:1}:root{--ptv-skel-base: rgba(11, 42, 74, .05);--ptv-skel-highlight: rgba(11, 42, 74, .12);--ptv-skel-border: rgba(11, 42, 74, .06)}:root[data-theme=dark]{--ptv-skel-base: rgba(255, 255, 255, .06);--ptv-skel-highlight: rgba(255, 255, 255, .14);--ptv-skel-border: rgba(255, 255, 255, .08)}@keyframes ptvShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ptv-skeleton-block{background:linear-gradient(90deg,var(--ptv-skel-base) 20%,var(--ptv-skel-highlight) 50%,var(--ptv-skel-base) 80%);background-size:200% 100%;animation:ptvShimmer 1.8s ease-in-out infinite;border-radius:var(--ptv-corner-sm, 8px);display:block}@media(prefers-reduced-motion:reduce){.ptv-skeleton-block{animation:none!important;background:var(--ptv-skel-base)!important}}.ptv-skel-wrapper{width:100%;box-sizing:border-box}.ptv-skel-header{margin-bottom:24px}.ptv-skel-card{background:var(--surface, #ffffff);border:1px solid var(--ptv-skel-border);border-radius:var(--ptv-curve-lg, 16px);padding:16px 20px;box-sizing:border-box}:root[data-theme=dark] .ptv-skel-card{background:#202428}.ptv-skel-card-list{display:flex;flex-direction:column;gap:12px;width:100%}.ptv-skel-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ptv-skel-grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.ptv-skel-grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}@media(max-width:640px){.ptv-skel-grid-2{grid-template-columns:1fr}}.ptv-skel-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:100%}.ptv-skel-calendar-cell{aspect-ratio:1.1 / 1;min-height:70px;border-radius:12px;padding:8px;background:var(--surface, #ffffff);border:1px solid var(--ptv-skel-border);box-sizing:border-box;display:flex;flex-direction:column;gap:6px}:root[data-theme=dark] .ptv-skel-calendar-cell{background:#202428}.ptv-skel-table-wrapper{background:var(--surface, #ffffff);border:1px solid var(--ptv-skel-border);border-radius:var(--ptv-curve-lg, 16px);overflow:hidden;width:100%}:root[data-theme=dark] .ptv-skel-table-wrapper{background:#202428}.ptv-skel-table-row{display:flex;align-items:center;padding:14px 20px;gap:16px;border-bottom:1px solid var(--ptv-skel-border)}.ptv-skel-table-row:last-child{border-bottom:none}@keyframes ptvFadeLift{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ptv-page-transition{animation:ptvFadeLift .2s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.ptv-page-transition{animation:none!important;transform:none!important}}.login-page-root{width:100%;min-height:100vh;min-height:100dvh;font-family:var(--ptv-font-family);background:#061a36;color:#fff;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top,20px)) max(18px,env(safe-area-inset-right,18px)) max(20px,env(safe-area-inset-bottom,20px)) max(18px,env(safe-area-inset-left,18px));-webkit-font-smoothing:antialiased;position:relative;overflow:hidden;box-sizing:border-box}.login-bg-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;background:#061a36}.login-bg-picture,.login-bg-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;opacity:.58;transform:scale(1.02);transition:opacity .3s ease}@media(max-width:768px){.login-bg-picture,.login-bg-img{opacity:.52}.lk-input{font-size:16px!important}}.mosaic-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 75% 65% at 50% 48%,#061a3659,#041226a6),linear-gradient(155deg,#0b5fbf40,#1273e62e 45%,#3b8ef726 85%,#5ea2f833)}.lk-topbar{position:absolute;top:max(18px,env(safe-area-inset-top,18px));right:max(24px,env(safe-area-inset-right,24px));display:flex;align-items:center;gap:22px;z-index:10}.lk-navlink{color:#ffffffe0;font-size:13.5px;font-weight:600;text-decoration:none;letter-spacing:-.01em;transition:color .15s ease,opacity .15s ease}.lk-navlink:hover{color:#fff;opacity:1;text-decoration:underline}.lk-auth-box{position:relative;z-index:10;width:100%;max-width:360px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.lk-brand{display:flex;align-items:center;justify-content:center;margin-bottom:28px;-webkit-user-select:none;user-select:none}.lk-brand-logo-wrap{display:flex;align-items:center;justify-content:center}.lk-brand-logo-img{width:auto;height:64px;max-width:250px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 4px 16px rgba(0,0,0,.3));display:block}@media(max-width:440px){.lk-brand{margin-bottom:22px}.lk-brand-logo-img{height:52px;max-width:210px}}.lk-error{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #FCA5A5;color:#b02b23;padding:11px 18px;border-radius:var(--ptv-curve-pill);font-size:13px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #0000002e;animation:lkShake .34s ease both}@keyframes lkShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.lk-form{width:100%;display:flex;flex-direction:column;gap:13px}.lk-input{width:100%;height:48px;border-radius:var(--ptv-curve-pill);border:none;background:#fff;color:#072a52;padding:0 22px;font-family:inherit;font-size:15px;font-weight:600;outline:none;box-shadow:0 4px 14px #0000001f;transition:box-shadow .2s ease,transform .15s ease}.lk-input:focus{box-shadow:0 0 0 4px #ffffff73,0 6px 22px #00000038;transform:translateY(-1px)}.lk-input::placeholder{color:#9db2cf;font-weight:400}.lk-input-wrap{position:relative;width:100%;display:flex;align-items:center}.lk-input-wrap .lk-input{padding-right:48px}.lk-pass-toggle{position:absolute;right:12px;width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:#8ca1c4;cursor:pointer;display:grid;place-items:center;transition:color .15s ease,background .15s ease;padding:0}.lk-pass-toggle:hover{color:#0b5fbf;background:#0b5fbf14}.lk-actions{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:0 8px}.lk-sublink{color:#ffffffeb;font-size:13.5px;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:color .15s ease,opacity .15s ease}.lk-sublink:hover{color:#fff;text-decoration:underline}.lk-btn-login{height:44px;padding:0 36px;border-radius:var(--ptv-curve-pill);background:#fff;color:#0b5fbf;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:-.015em;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000002e;transition:transform .15s ease,box-shadow .2s ease,background .15s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.lk-btn-login:hover{background:#f8fafd;box-shadow:0 6px 22px #00000040;transform:translateY(-1px)}.lk-btn-login:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.lk-divider{display:flex;align-items:center;text-align:center;margin:16px 0 12px;color:#fffc}.lk-divider:before,.lk-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.25)}.lk-divider span{padding:0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lk-btn-google{width:100%;height:46px;border-radius:var(--ptv-curve-pill);background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#072a52;font-family:inherit;font-size:14px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #00000024;transition:transform .15s ease,box-shadow .2s ease,background .15s ease;-webkit-user-select:none;user-select:none}.lk-btn-google:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 22px #00000038}.lk-btn-google:active{transform:translateY(0)}.lk-btn-google:disabled{opacity:.65;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes lk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lk-spinner{width:16px;height:16px;border:2px solid rgba(7,42,82,.2);border-top-color:#072a52;border-radius:var(--r-full, 999px);animation:lk-spin .8s linear infinite;display:inline-block;vertical-align:middle}.lk-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#041c3aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;opacity:0;pointer-events:none!important;visibility:hidden!important;transition:opacity .25s ease,visibility .25s ease}.lk-modal-scrim.active{opacity:1;pointer-events:auto!important;visibility:visible!important}.lk-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);width:min(440px,calc(100vw - 32px));max-height:min(88vh,88dvh);background:#fff;border-radius:var(--ptv-curve-2xl);font-family:var(--ptv-font-family, inherit);padding:24px 22px 20px;box-shadow:0 24px 64px #00000059,0 2px 8px #0000001a;z-index:101;opacity:0;pointer-events:none!important;visibility:hidden!important;transition:transform .25s cubic-bezier(.34,1.4,.64,1),opacity .22s ease,visibility .22s ease;color:#072a52;display:flex;flex-direction:column;overflow:hidden}.lk-modal.active{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto!important;visibility:visible!important}.lk-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(11,42,74,.08)}.lk-modal-title-wrap{display:flex;align-items:center;gap:10px}.lk-modal-ic{width:36px;height:36px;border-radius:var(--ptv-curve-sm);background:#0a66c21a;color:#0a66c2;display:grid;place-items:center}.lk-modal-ic.success{background:#10b9811f;color:#10b981}.lk-modal-ic.warning{background:#f59e0b1f;color:#d97706}.lk-modal-ic.danger{background:#e11d481f;color:#e11d48}.lk-modal-ic.error{background:#ef44441f;color:#dc2626}.lk-modal-title{font-size:17px;font-weight:700;letter-spacing:-.025em;color:#072a52}.lk-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#0b2a4a0f;color:#5b6b8a;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease}.lk-modal-close:hover{background:#0b2a4a1f;color:#072a52}.lk-modal-body{padding:16px 2px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;text-align:left}.lk-help-card{background:#f8fafd;border:1px solid #E2ECF8;border-radius:var(--ptv-curve-lg);padding:13px 15px}.lk-help-card h4{font-size:13.5px;font-weight:700;color:#0b5fbf;margin-bottom:4px}.lk-help-card p{font-size:12.5px;color:#38587a;line-height:1.45;margin:0}.lk-help-card code{background:#e8f0fb;color:#0b5fbf;padding:1px 5px;border-radius:var(--ptv-curve-xs);font-size:12px;font-family:var(--ptv-font-mono, monospace)}.lk-modal-desc{font-size:13.5px;line-height:1.5;color:#38587a;margin:0}.lk-verified-user-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafd;border:1px solid #E2ECF8;border-radius:var(--ptv-curve-lg);padding:12px 14px;margin-top:4px}.lk-verified-user-name{font-size:14px;font-weight:700;color:#072a52}.lk-verified-user-sub{font-size:11.5px;color:#5b6b8a;margin-top:1px}.lk-verified-user-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#0b5fbf;background:#e8f0fb;padding:4px 8px;border-radius:var(--ptv-curve-pill)}.lk-modal-dev-info{margin-top:6px;padding:8px 12px;background:#f1f5f9;border-radius:var(--ptv-curve-sm);font-size:11px;color:#475569}.lk-modal-dev-info summary{cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.lk-modal-dev-info code{display:inline-block;margin-top:4px;font-family:var(--ptv-font-mono, monospace);font-size:10.5px;color:#0f172a;word-break:break-all}.lk-modal-btn:focus-visible,.lk-modal-close:focus-visible{outline:2px solid #0A66C2;outline-offset:2px}@media(prefers-reduced-motion:reduce){.lk-modal,.lk-modal-scrim{transition:none!important;transform:translate(-50%,-50%)!important}}.lk-modal-footer{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid rgba(11,42,74,.08)}.lk-modal-btn{flex:1;height:42px;min-height:42px;max-height:42px;margin:0!important;padding:0 16px;border-radius:var(--ptv-curve-pill);font-size:13.5px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;box-sizing:border-box;transition:all .15s ease}.lk-modal-btn.pri,.lk-modal-btn.lk-modal-btn-pri{background:#0a66c2;color:#fff;box-shadow:0 4px 14px #0a66c247;margin:0!important}.lk-modal-btn.pri:hover,.lk-modal-btn.lk-modal-btn-pri:hover{background:#0854a1}.lk-modal-btn.sec,.lk-modal-btn.lk-modal-btn-sec{background:#f1f4f9;color:#38587a;margin:0!important}.lk-modal-btn.sec:hover,.lk-modal-btn.lk-modal-btn-sec:hover{background:#e2e8f0;color:#072a52}@media(max-width:440px){.lk-auth-box{max-width:100%;padding:0 6px}.lk-topbar{top:max(14px,env(safe-area-inset-top,14px));right:max(16px,env(safe-area-inset-right,16px));gap:14px}.lk-navlink{font-size:12.5px}}.loan-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1a2ca6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9990;animation:loanFadeIn .2s cubic-bezier(.16,1,.3,1)}.loan-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9991;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;font-family:var(--ptv-font-family, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif)}.loan-modal-card{pointer-events:auto;width:100%;max-width:1100px;height:min(88vh,840px);max-height:calc(100vh - 48px);background:var(--surface);border-radius:24px;border:1px solid var(--line-2);box-shadow:0 24px 60px -12px #0b2a4a38,0 8px 24px -4px #0b2a4a14;display:flex;flex-direction:column;overflow:hidden;animation:loanModalZoom .24s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.loan-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line-2);background:var(--surface);flex-shrink:0}.loan-modal-title-group{display:flex;align-items:center;gap:10px;min-width:0}.loan-modal-title-group h3{font-size:17px;font-weight:700;color:var(--ink);margin:0;display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap;letter-spacing:-.01em}.loan-modal-title-group .title-icon{color:var(--b-600);font-size:18px}.loan-modal-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg-2);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.loan-modal-close-btn:hover{background:var(--b-050);color:var(--b-700);border-color:var(--b-300)}.loan-modal-close-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e640}.loan-modal-body{flex:1 1 auto;min-height:0;display:flex;overflow:hidden;padding:0;background:var(--bg)}.loan-split-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);gap:20px;width:100%;height:100%;min-height:0;padding:20px 24px;box-sizing:border-box}.loan-left-column{display:flex;flex-direction:column;gap:14px;min-width:0;height:100%;overflow:hidden}.loan-search-row{display:flex;align-items:center;gap:10px;flex-shrink:0}.loan-searchbar-pill{flex:1;min-width:0;min-height:48px;height:48px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line-2);display:flex;align-items:center;padding:0 16px;gap:10px;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.loan-searchbar-pill:focus-within{border-color:var(--b-500);box-shadow:0 0 0 3px #1273e626}.loan-searchbar-pill .search-icon{position:static!important;color:var(--muted);font-size:15px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.loan-searchbar-pill input{flex:1;min-width:0;width:100%;border:none;background:transparent;outline:none;font-size:15px;color:var(--ink);font-family:inherit;padding:8px 4px 8px 0;margin:0}.loan-searchbar-pill input::placeholder{color:var(--muted);font-size:14px}.loan-btn-scan{min-width:88px;justify-content:center;height:48px;min-height:48px;border-radius:999px;padding:0 18px;background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0;white-space:nowrap}.loan-btn-scan:hover{border-color:var(--b-400);background:var(--b-050);color:var(--b-700)}.loan-btn-scan:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e640}.loan-cat-rail-wrap{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-width:0}.loan-cat-rail{display:flex;min-width:0;max-width:100%;overscroll-behavior-x:contain;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none;-ms-overflow-style:none;flex:1;scroll-behavior:smooth;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.loan-cat-rail:active{cursor:grabbing}.loan-cat-rail::-webkit-scrollbar{display:none}.loan-cat-nav-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--line-2);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #0000000f;transition:all .15s ease;z-index:2}.loan-cat-nav-btn:hover{background:var(--b-050);color:var(--b-600);border-color:var(--b-300)}.loan-cat-nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.loan-asset-thumb-box{width:44px;height:44px;border-radius:var(--radius-md, 10px);overflow:hidden;background:var(--bg-2, #f8fafc);border:1px solid var(--line-2, #e2e8f0);flex-shrink:0;display:flex;align-items:center;justify-content:center}.loan-asset-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.loan-cat-pill{flex:0 0 auto;min-height:44px;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);transition:all .15s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px}.loan-cat-pill:hover{border-color:var(--b-300);background:var(--b-050);color:var(--b-700)}.loan-cat-pill.on{background:var(--b-600);color:#fff;border-color:var(--b-600);box-shadow:none}.loan-cat-pill:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e640}.loan-catalog-scroll{flex:1 1 auto;overflow-y:auto;min-height:0;overflow-x:hidden;padding-right:4px;display:flex;flex-direction:column;gap:12px}.loan-catalog-empty{text-align:center;padding:36px 16px;background:var(--surface);border-radius:16px;border:1px dashed var(--line-2)}.loan-cat-acc-card{flex:0 0 auto;border:1px solid var(--line-2);border-radius:16px;background:var(--surface);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.loan-cat-acc-card:hover{border-color:var(--b-300)}.loan-cat-acc-card.has-selected{border-color:var(--b-500);box-shadow:0 2px 8px #1273e614}.loan-cat-acc-header{display:grid;grid-template-columns:14px 34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;background:var(--bg-2);transition:background .12s ease;-webkit-user-select:none;user-select:none}.loan-cat-acc-header:focus-visible,.loan-asset-acc-header:focus-visible{outline:2px solid var(--b-600);outline-offset:-3px}.loan-cat-acc-card.expanded .loan-cat-acc-header{background:var(--surface);border-bottom:1px solid var(--line-2)}.loan-chevron-icon{font-size:12px;color:var(--muted);width:14px;flex-shrink:0;transition:transform .18s ease}.loan-chevron-icon.open{transform:rotate(90deg)}.loan-cat-tint-box{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid transparent;flex-shrink:0;transition:background .15s ease,color .15s ease}.loan-cat-tint-box[data-cat=kamera]{background:var(--cat-kamera-bg);color:var(--cat-kamera-fg);border-color:var(--cat-kamera-border)}.loan-cat-tint-box[data-cat=lensa]{background:var(--cat-lensa-bg);color:var(--cat-lensa-fg);border-color:var(--cat-lensa-border)}.loan-cat-tint-box[data-cat="tripod & rig"],.loan-cat-tint-box[data-cat=tripod]{background:var(--cat-tripod-bg);color:var(--cat-tripod-fg);border-color:var(--cat-tripod-border)}.loan-cat-tint-box[data-cat="baterai & power"]{background:var(--cat-baterai-bg);color:var(--cat-baterai-fg);border-color:var(--cat-baterai-border)}.loan-cat-tint-box[data-cat=audio]{background:var(--cat-audio-bg);color:var(--cat-audio-fg);border-color:var(--cat-audio-border)}.loan-cat-tint-box[data-cat=lighting]{background:var(--cat-lighting-bg);color:var(--cat-lighting-fg);border-color:var(--cat-lighting-border)}.loan-cat-tint-box[data-cat=stabilizer]{background:var(--cat-stabilizer-bg);color:var(--cat-stabilizer-fg);border-color:var(--cat-stabilizer-border)}.loan-cat-tint-box[data-cat="streaming / live"]{background:var(--cat-streaming-bg);color:var(--cat-streaming-fg);border-color:var(--cat-streaming-border)}.loan-cat-tint-box[data-cat="smartphone / tablet"]{background:var(--cat-tripod-bg);color:var(--cat-tripod-fg);border-color:var(--cat-tripod-border)}.loan-cat-tint-box[data-cat="komputer / laptop"]{background:var(--cat-kamera-bg);color:var(--cat-kamera-fg);border-color:var(--cat-kamera-border)}.loan-cat-tint-box[data-cat="kabel & adapter"],.loan-cat-tint-box[data-cat=lainnya]{background:var(--cat-lainnya-bg);color:var(--cat-lainnya-fg);border-color:var(--cat-lainnya-border)}.loan-cat-acc-title{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.loan-cat-acc-title-text{overflow-wrap:anywhere;font-size:14px;font-weight:700;color:var(--ink)}.loan-cat-acc-count{font-size:12px;font-weight:500;color:var(--muted)}.loan-cat-meta-right{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.loan-avail-text{font-size:12px;font-weight:600}.loan-avail-text.ok{color:var(--ok)}.loan-avail-text.warn{color:var(--warn)}.loan-badge-selected{background:var(--b-100);color:var(--b-700);border:1px solid var(--b-300);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.loan-cat-inner-list{padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--bg-2)}.loan-asset-acc-card{flex-shrink:0;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden;transition:border-color .15s ease,background .15s ease}.loan-asset-acc-card:hover{border-color:var(--b-300)}.loan-asset-acc-card.has-selected{border-color:var(--b-500);background:var(--b-050)}.loan-asset-acc-header{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;background:var(--surface);transition:background .12s ease;-webkit-user-select:none;user-select:none}.loan-asset-acc-card.expanded .loan-asset-acc-header{border-bottom:1px solid var(--line-2);background:var(--bg-2)}.loan-asset-icon-sm{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.loan-asset-info-group{flex:1;min-width:0}.loan-asset-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.loan-asset-name{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3;word-break:break-word}.loan-asset-code-badge{font-family:monospace;font-size:11px;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2);padding:1px 6px;border-radius:6px;font-weight:600}.loan-asset-subtext{font-size:11.5px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.loan-units-list{display:flex;flex-direction:column;background:var(--surface)}.loan-unit-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line-2);cursor:pointer;transition:background .12s ease;-webkit-user-select:none;user-select:none}.loan-unit-row:last-child{border-bottom:none}.loan-unit-row:hover:not(.disabled){background:var(--b-050)}.loan-unit-row.selected{background:var(--b-050);border-left:3px solid var(--b-600)}.loan-unit-row.disabled{cursor:not-allowed;opacity:.65;background:var(--bg-2)}.loan-unit-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--b-600);flex-shrink:0}.loan-unit-row.disabled .loan-unit-checkbox{cursor:not-allowed}.loan-unit-detail{display:flex;flex-direction:column;min-width:0;gap:1px}.loan-unit-title{font-size:13px;font-weight:600;color:var(--ink)}.loan-unit-code{font-family:monospace;font-size:11px;color:var(--muted)}.loan-status-chip{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.loan-status-chip.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-border)}.loan-status-chip.warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.loan-status-chip.dang{background:var(--dang-bg);color:var(--dang);border:1px solid var(--dang-border)}.loan-status-chip.neutral{background:var(--neutral-bg);color:var(--neutral-fg);border:1px solid var(--line-2)}.loan-right-column{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:18px;padding:18px 20px;height:100%;overflow-y:auto;box-shadow:var(--shadow-s);min-width:0;box-sizing:border-box}.loan-selected-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.loan-selected-title{font-size:14px;font-weight:700;color:var(--b-700);display:flex;align-items:center;gap:8px}.loan-selected-controls{display:flex;align-items:center;gap:8px}.loan-btn-clear-basket{background:none;border:none;color:var(--dang);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;transition:background .12s ease}.loan-btn-clear-basket:hover{background:var(--dang-bg)}.loan-badge-count{background:var(--b-050);color:var(--b-700);border:1px solid var(--b-300);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.loan-empty-selection{border:1.5px dashed var(--line-2);border-radius:14px;padding:24px 16px;text-align:center;background:var(--bg-2);margin-bottom:14px}.loan-empty-selection i{font-size:28px;color:var(--muted);opacity:.55;display:block;margin-bottom:8px}.loan-empty-selection .empty-title{font-size:13px;font-weight:600;color:var(--ink)}.loan-empty-selection .empty-desc{font-size:11.5px;color:var(--muted);margin-top:3px}.loan-selected-scroll-box{max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px;margin-bottom:14px;flex-shrink:0}.loan-selected-asset-card{background:var(--bg-2);border:1px solid var(--line-2);border-radius:10px;padding:8px 12px}.loan-selected-asset-head{font-size:12.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;margin-bottom:6px}.loan-selected-unit-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-2);padding:3px 0}.loan-btn-remove-unit{width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:var(--dang);cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease}.loan-btn-remove-unit:hover{background:var(--dang-bg)}.loan-form-section{border-top:1px solid var(--line-2);padding-top:14px;display:flex;flex-direction:column;gap:12px}.loan-form-field{display:flex;flex-direction:column;gap:6px}.loan-form-label{font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:4px}.loan-form-label .required{color:var(--dang)}.loan-form-error-banner{background:var(--dang-bg);color:var(--dang);border:1px solid var(--dang-border);padding:10px 14px;border-radius:var(--r-ref-s, 13px);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;animation:loanFadeIn .15s ease;margin-bottom:2px}.loan-form-input{width:100%;height:48px;min-height:48px;font-size:16px;padding:0 14px;border-radius:var(--r-ref-s, 13px);border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;outline:none;box-sizing:border-box}.loan-form-input:focus{border-color:var(--b-500);box-shadow:0 0 0 3px #1273e626}.loan-form-textarea{min-height:60px;height:auto;padding:12px 14px;resize:vertical;line-height:1.45}.loan-purpose-chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.loan-purpose-pill{border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink-2);cursor:pointer;transition:all .12s ease;min-height:36px;display:inline-flex;align-items:center}.loan-purpose-pill:hover{border-color:var(--b-300);background:var(--b-050);color:var(--b-700)}.loan-purpose-pill.active{background:var(--b-600);color:#fff;border-color:var(--b-600);box-shadow:var(--shadow-blue)}.loan-purpose-pill:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e640}.loan-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loan-btn-submit{border-radius:999px;height:48px;min-height:48px;width:100%;font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--b-600);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-blue);transition:all .15s ease;margin-top:4px}.loan-btn-submit:hover:not(:disabled){background:var(--b-700);transform:translateY(-1px)}.loan-btn-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e64d}.loan-btn-submit:disabled{opacity:.55;cursor:not-allowed;background:var(--neutral-bg);color:var(--neutral-fg);box-shadow:none;transform:none;border:1px solid var(--line-2)}.loan-mobile-sticky-bar,.loan-mobile-drawer-overlay{display:none}@media(max-width:860px){.loan-modal-container{padding:0!important}.loan-modal-card{max-width:100%!important;width:100%!important;height:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:none!important}.loan-split-layout{grid-template-columns:1fr!important;padding:14px 16px 80px!important;gap:14px!important}.loan-right-column.desktop-only-panel{display:none!important}.loan-mobile-sticky-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--line-2);box-shadow:0 -4px 18px #0b2a4a1f;padding-left:16px;padding-right:16px;display:flex;align-items:center;justify-content:space-between;z-index:9995;cursor:pointer;box-sizing:border-box}.loan-mobile-bar-info{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink)}.loan-mobile-bar-btn{border-radius:999px;padding:8px 18px;background:var(--b-600);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.loan-mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10005;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .22s ease}.loan-mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.loan-mobile-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1a2cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loan-mobile-drawer-content{position:relative;z-index:1;background:var(--surface);border-radius:var(--r-ref-xl, 30px) var(--r-ref-xl, 30px) 0 0;border-top:1px solid var(--line-2);border-left:1px solid var(--line-2);border-right:1px solid var(--line-2);max-height:calc(100dvh - 36px);height:calc(100dvh - 36px);display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform .26s cubic-bezier(.16,1,.3,1);box-shadow:0 -12px 36px #0b2a4a40;box-sizing:border-box}.loan-mobile-drawer-overlay.open .loan-mobile-drawer-content{transform:translateY(0)}.loan-mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line-2);background:var(--surface);flex-shrink:0}.loan-mobile-back-btn{background:none;border:none;color:var(--b-600);font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 0}.loan-mobile-drawer-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px calc(48px + env(safe-area-inset-bottom,0px));box-sizing:border-box}}@keyframes loanFadeIn{0%{opacity:0}to{opacity:1}}.inventory-scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;padding:16px;display:grid;place-items:center;background:#0000008c}.inventory-scan-dialog{width:min(100%,440px);min-width:0;max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);border:1px solid var(--line)}.inventory-scan-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-scan-dialog h2{margin:0;font-size:18px}.inventory-scan-dialog p{color:var(--ink-2)}.inventory-scan-dialog video{width:100%;max-height:240px;background:#000;border-radius:var(--radius-md)}.inventory-scan-dialog form{display:grid;gap:10px;margin-top:16px}@keyframes loanModalZoom{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:430px){.loan-cat-acc-header{grid-template-columns:14px 34px minmax(0,1fr);padding:12px;gap:8px}.loan-cat-meta-right{grid-column:3;justify-content:flex-start}.loan-asset-acc-header{flex-wrap:wrap}.loan-search-row{gap:8px}.loan-btn-scan{padding-inline:12px}.unit-picker-asset-banner,.unit-picker-item{flex-wrap:wrap}.unit-picker-title-group{min-width:0}}:root[data-theme=dark] .loan-modal-scrim{background:#000000bf}:root[data-theme=dark] .loan-modal-card{background:var(--surface);border-color:var(--line);box-shadow:0 24px 60px -12px #000000b3,0 8px 24px -4px #0006}:root[data-theme=dark] .loan-modal-header{background:var(--surface);border-bottom-color:var(--line)}:root[data-theme=dark] .loan-modal-close-btn{background:var(--bg-2);border-color:var(--line);color:var(--muted)}:root[data-theme=dark] .loan-modal-close-btn:hover{background:var(--b-050);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .loan-searchbar-pill{background:var(--bg-2);border-color:var(--line)}:root[data-theme=dark] .loan-searchbar-pill:focus-within{border-color:var(--b-500);box-shadow:0 0 0 3px #8ab4f833}:root[data-theme=dark] .loan-btn-scan{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .loan-btn-scan:hover{background:var(--b-050);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .loan-cat-pill{background:var(--bg-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .loan-cat-pill:hover{background:var(--b-050);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .loan-cat-pill.on{background:var(--b-600);border-color:var(--b-600);color:#fff}:root[data-theme=dark] .loan-cat-nav-btn{background:var(--bg-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .loan-cat-nav-btn:hover{background:var(--surface);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .loan-asset-thumb-box{background:var(--bg-2);border-color:var(--line)}:root[data-theme=dark] .loan-cat-acc-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .loan-cat-acc-header{background:var(--bg-2)}:root[data-theme=dark] .loan-cat-acc-card.expanded .loan-cat-acc-header{background:var(--surface);border-bottom-color:var(--line)}:root[data-theme=dark] .loan-cat-inner-list{background:var(--bg-2)}:root[data-theme=dark] .loan-asset-acc-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .loan-asset-acc-card.has-selected{background:var(--b-050);border-color:var(--b-600)}:root[data-theme=dark] .loan-asset-acc-header{background:var(--surface)}:root[data-theme=dark] .loan-asset-acc-card.expanded .loan-asset-acc-header{background:var(--bg-2);border-bottom-color:var(--line)}:root[data-theme=dark] .loan-asset-code-badge{background:var(--bg-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .loan-unit-row{border-bottom-color:var(--line)}:root[data-theme=dark] .loan-unit-row.selected{background:var(--b-050)}:root[data-theme=dark] .loan-right-column{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .loan-selected-title{color:var(--b-500)}:root[data-theme=dark] .loan-badge-count{background:var(--b-050);color:var(--b-500);border-color:var(--b-600)}:root[data-theme=dark] .loan-empty-selection{background:var(--bg-2);border-color:var(--line)}:root[data-theme=dark] .loan-selected-asset-card{background:var(--bg-2);border-color:var(--line)}:root[data-theme=dark] .loan-form-section{border-top-color:var(--line)}:root[data-theme=dark] .loan-form-input{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .loan-form-input:focus{border-color:var(--b-500);box-shadow:0 0 0 3px #8ab4f833}:root[data-theme=dark] .loan-purpose-pill{background:var(--bg-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .loan-purpose-pill:hover{background:var(--b-050);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .loan-purpose-pill.active{background:var(--b-600);border-color:var(--b-600);color:#fff}:root[data-theme=dark] .loan-mobile-sticky-bar{background:var(--surface);border-top-color:var(--line);box-shadow:0 -4px 18px #0006}:root[data-theme=dark] .loan-mobile-drawer-backdrop{background:#000000bf}:root[data-theme=dark] .loan-mobile-drawer-content{background:var(--surface);border-top-color:var(--line);border-left-color:var(--line);border-right-color:var(--line);box-shadow:0 -12px 36px #00000080}:root[data-theme=dark] .loan-mobile-drawer-header{background:var(--surface);border-bottom-color:var(--line)}.loan-page-root{display:flex;flex-direction:column;gap:14px;padding:0;margin:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:var(--font-body);color:var(--ink)}.loan-page-root .ptv-page-header{margin-bottom:2px}.loan-page-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-xl, 22px);padding:12px 14px;margin:0;box-shadow:var(--shadow-s);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-sizing:border-box}.loan-search-wrap{position:relative;flex:1 1 200px;min-width:180px}.loan-search-input-pill{width:100%;height:40px;min-height:40px;padding-left:38px;padding-right:34px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line);background:var(--bg-2);color:var(--ink);font-size:13.5px;font-family:var(--font-body);outline:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.loan-search-input-pill:focus{background:var(--surface);border-color:var(--b-500);box-shadow:0 0 0 3px #1273e624}:root[data-theme=dark] .loan-search-input-pill:focus{background:var(--surface-2)}.loan-search-input-pill::placeholder{color:var(--muted);font-size:13px}.loan-search-icon-left{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13.5px;pointer-events:none}.loan-search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:transparent;border:none;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .12s ease}.loan-search-clear-btn:hover{background:var(--line-2);color:var(--ink)}.loan-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.loan-filter-rail{display:inline-flex;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--ptv-curve-pill, 9999px);padding:4px;gap:4px;box-sizing:border-box;max-width:100%;overflow-x:auto;scrollbar-width:none}.loan-filter-rail::-webkit-scrollbar{display:none}.loan-filter-pill-btn{border-radius:var(--ptv-curve-pill, 9999px);min-height:32px;padding:5px 13px;font-size:12.5px;font-weight:500;border:none;background:transparent;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all .16s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.loan-filter-pill-btn:hover:not(.active){color:var(--ink);background:#0b2a4a0d}:root[data-theme=dark] .loan-filter-pill-btn:hover:not(.active){color:var(--ink);background:#ffffff0f}.loan-filter-pill-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--b-500)}.loan-filter-pill-btn.active{background:var(--pri, #1273E6);color:#fff;font-weight:600;box-shadow:0 2px 6px #1273e63d}:root[data-theme=dark] .loan-filter-pill-btn.active{background:var(--pri, #1273E6);color:#fff;box-shadow:0 2px 8px #00000059}.loan-btn-checkout-primary{height:38px;min-height:38px;border-radius:var(--ptv-curve-pill, 9999px);padding:0 16px;background:var(--pri, #1273E6);color:#fff;font-size:12.5px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:var(--shadow-blue);transition:all .15s ease;flex-shrink:0;white-space:nowrap}.loan-btn-checkout-primary:hover{background:var(--b-700);transform:translateY(-1px);box-shadow:0 4px 14px #1273e652}.loan-btn-checkout-primary:active{transform:translateY(0)}.loan-btn-checkout-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e659}.loan-summary-bar{display:flex;align-items:center;gap:12px;min-height:42px;font-size:12.5px;font-weight:500;color:var(--ink-2);padding:9px 16px;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-lg, 16px);box-shadow:var(--shadow-s);flex-wrap:wrap;box-sizing:border-box}.loan-metric-item{display:inline-flex;align-items:center;gap:6px}.loan-summary-num{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.loan-metric-item.active-loans i{color:var(--b-600);font-size:13.5px}.loan-metric-item.active-units i{color:var(--info);font-size:13.5px}.loan-metric-item.overdue,.loan-metric-item.overdue .loan-summary-num{color:var(--dang)}.loan-metric-item.overdue i{color:var(--dang);font-size:13.5px}.loan-metric-item.clean i{color:var(--ok);font-size:13.5px}.loan-metric-dot-sep{color:var(--muted);opacity:.55;-webkit-user-select:none;user-select:none}.loan-result-count-label{margin-left:auto;font-size:12px;font-weight:500;color:var(--muted);display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.loan-txn-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-xl, 22px);box-shadow:var(--shadow-xs, 0 1px 3px rgba(11, 42, 74, .03), 0 6px 18px -4px rgba(11, 42, 74, .04));transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-sizing:border-box;display:flex;overflow:hidden;position:relative}.loan-txn-card:hover{box-shadow:var(--shadow-s, 0 4px 12px rgba(11, 42, 74, .06), 0 10px 24px -4px rgba(11, 42, 74, .07));border-color:var(--b-200, rgba(18, 115, 230, .25))}.loan-txn-card.is-overdue{border:1px solid var(--line);border-left:1px solid var(--line)}.loan-txn-card.is-done{opacity:.92;border-color:var(--line)}.loan-split-left{width:280px;flex-shrink:0;padding:18px 20px;background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;gap:14px}.loan-txn-card.is-overdue .loan-split-left{background:var(--bg-2)}.loan-borrower-head{display:flex;align-items:flex-start;gap:12px}.loan-avatar-wrap{position:relative;flex-shrink:0}.loan-avatar-monogram{width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0b2a4a0a}.loan-avatar-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface)}.loan-avatar-status-dot.active{background:var(--b-600)}.loan-avatar-status-dot.overdue{background:var(--dang)}.loan-avatar-status-dot.done{background:var(--ok)}.loan-borrower-info{min-width:0;flex:1}.loan-borrower-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.loan-borrower-name{font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.25}.loan-txn-id-pill{font-size:10px;padding:1.5px 7px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.loan-purpose-text{font-size:12.5px;color:var(--ink-2);margin-top:3px;line-height:1.4;font-weight:400;word-break:break-word}.loan-meta-block{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.loan-meta-label{font-size:11.5px;font-weight:500;color:var(--muted);margin-bottom:3px}.loan-meta-dates{font-size:12.5px;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;line-height:1.35}.loan-late-indicator{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:600;color:var(--dang);background:var(--dang-bg);border:1px solid var(--dang-border);padding:3px 8px;border-radius:999px;line-height:1.2}.loan-status-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;letter-spacing:-.005em;border:1px solid transparent}.loan-status-chip.dipinjam{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.loan-status-chip.terlambat{background:var(--dang-bg);color:var(--dang);border-color:var(--dang-border)}.loan-status-chip.selesai{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}.loan-split-right{flex:1;min-width:0;padding:18px 22px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;background:var(--surface)}.loan-split-items-list{display:flex;flex-direction:column;flex:1}.loan-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2);min-width:0}.loan-item-row:last-child{border-bottom:none}.loan-item-thumb-box{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-sizing:border-box;overflow:hidden;position:relative}.loan-item-thumb-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.loan-item-name{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loan-item-unit-badge{font-size:11px;font-weight:600;color:var(--b-700);background:var(--b-050);padding:2px 8px;border-radius:6px;border:1px solid var(--b-200, rgba(18, 115, 230, .2));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.loan-btn-return-item{font-size:12px;font-weight:600;padding:6px 14px;min-height:32px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink-2);box-shadow:0 1px 2px #0b2a4a05;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.loan-btn-return-item:hover{background:var(--b-050);border-color:var(--b-300);color:var(--b-700)}.loan-btn-return-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--b-500)}.loan-split-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.loan-btn-return-all{font-size:12.5px;font-weight:600;padding:7px 18px;min-height:36px;border-radius:999px;background:var(--pri, #1273E6);color:#fff;border:none;box-shadow:var(--shadow-blue);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.loan-btn-return-all:hover{background:var(--b-700);box-shadow:0 4px 12px #1273e659;transform:translateY(-.5px)}.loan-btn-return-all:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e64d}.loan-text-all-returned{font-size:12px;font-weight:600;color:var(--ok);display:inline-flex;align-items:center;gap:6px}.loan-return-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1a2ca6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10010;animation:loanFadeIn .2s ease}.loan-return-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10011;padding:16px;box-sizing:border-box}.loan-return-modal-card{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line-2);border-radius:24px;box-shadow:0 20px 50px -10px #0b2a4a40;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;animation:loanModalZoom .22s cubic-bezier(.16,1,.3,1)}.loan-return-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-2);background:var(--surface)}.loan-return-modal-title{display:flex;align-items:center;gap:10px}.loan-return-modal-title h3{margin:0;font-size:16.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.loan-return-modal-title i{color:var(--b-600);font-size:16px}.loan-return-modal-body{padding:18px 20px 24px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.loan-return-detail-box{background:var(--bg-2);border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.loan-return-detail-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.loan-return-detail-name{font-size:14.5px;font-weight:700;color:var(--ink)}.loan-return-detail-code{font-size:12px;font-weight:600;color:var(--b-600);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.loan-return-field-group{display:flex;flex-direction:column;gap:6px}.loan-return-field-label{font-size:12.5px;font-weight:700;color:var(--ink)}.loan-return-input-text{width:100%;height:48px;min-height:48px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:16px;font-family:inherit;outline:none;transition:all .15s ease;box-sizing:border-box}.loan-return-input-text:focus{border-color:var(--b-500);box-shadow:0 0 0 3px #1273e626}.loan-return-modal-footer{display:flex;align-items:center;gap:10px;margin-top:6px}.loan-btn-cancel-modal{flex:1;height:44px;min-height:44px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink-2);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.loan-btn-cancel-modal:hover{background:var(--bg-2);color:var(--ink);border-color:var(--line)}.loan-btn-submit-modal{flex:1;height:44px;min-height:44px;border-radius:999px;background:var(--b-600);color:#fff;font-size:13.5px;font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow-blue);transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.loan-btn-submit-modal:hover:not(:disabled){background:var(--b-700);transform:translateY(-.5px)}.loan-empty-card{padding:48px 24px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--ptv-curve-xl, 22px);box-shadow:var(--shadow-s);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loan-empty-icon-wrap{width:48px;height:48px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center}.loan-empty-icon{font-size:20px;color:var(--muted);margin:0;display:block}.loan-empty-text{margin:0;font-size:13.5px;font-weight:500;color:var(--ink-2);max-width:380px;line-height:1.45}.loan-btn-submit-modal:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.loan-page-root{gap:12px}}@media(max-width:768px){.loan-page-toolbar{padding:12px;gap:10px;flex-direction:column;align-items:stretch}.loan-search-wrap{flex:1 1 100%;min-width:100%;max-width:100%}.loan-search-input-pill{font-size:16px;height:44px;min-height:44px}.loan-toolbar-right{width:100%;flex-direction:column;align-items:stretch;gap:10px}.loan-filter-rail{width:100%;max-width:100%;flex:none;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 18px 4px 4px;scroll-padding-inline:8px;mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%)}.loan-filter-pill-btn{padding:6px 12px;font-size:12.5px;min-height:34px}.loan-btn-checkout-primary{width:100%;justify-content:center;min-height:42px}.loan-summary-bar{gap:8px 10px;padding:10px 14px}.loan-metric-dot-sep{display:none}.loan-result-count-label{width:100%;margin-left:0;justify-content:flex-end}.loan-txn-card{flex-direction:column!important;border-radius:var(--ptv-curve-xl, 22px)!important}.loan-split-left{width:100%!important;border-right:none!important;border-bottom:1px solid var(--line-2)!important;padding:16px!important;gap:12px!important}.loan-split-right{padding:16px!important}.loan-item-name{white-space:normal;word-break:break-word}.loan-return-modal-container{padding:0;align-items:flex-end}.loan-return-modal-card{max-width:100%;border-radius:30px 30px 0 0!important;border-bottom:none}}:root{--ptv-kpi-total-card-bg: #F0FDF4;--ptv-kpi-total-card-border: #BBF7D0;--ptv-kpi-total-icon-bg: #DCFCE7;--ptv-kpi-total-icon-fg: #15803D;--ptv-kpi-total-icon-border: #86EFAC;--ptv-kpi-total-val-fg: #15803D;--ptv-kpi-cov-card-bg: #F0F7FF;--ptv-kpi-cov-card-border: #BFDBFE;--ptv-kpi-cov-icon-bg: var(--b-050, #EDF4FF);--ptv-kpi-cov-icon-fg: var(--b-600, #0765FF);--ptv-kpi-cov-icon-border: var(--b-200, #BFDBFE);--ptv-kpi-cov-val-fg: var(--b-700, #0053D6);--ptv-kpi-cov-rail-bg: rgba(7, 101, 255, .12);--ptv-kpi-cov-fill-bg: var(--b-600, #0765FF);--ptv-kpi-avg-card-bg: #FAF5FF;--ptv-kpi-avg-card-border: #E9D5FF;--ptv-kpi-avg-icon-bg: #F3E8FF;--ptv-kpi-avg-icon-fg: #7C3AED;--ptv-kpi-avg-icon-border: #DDD6FE;--ptv-kpi-avg-val-fg: #6D28D9;--ptv-kpi-unrec-card-bg: #FFFBEB;--ptv-kpi-unrec-card-border: #FDE68A;--ptv-kpi-unrec-icon-bg: #FEF3C7;--ptv-kpi-unrec-icon-fg: #B45309;--ptv-kpi-unrec-icon-border: #FDE68A;--ptv-kpi-unrec-val-fg: #B45309;--ptv-dossier-card-bg: #F4F8FE;--ptv-dossier-card-border: #BFDBFE;--ptv-dossier-unrec-bg: #FFFBEB;--ptv-dossier-unrec-border: #FDE68A}:root[data-theme=dark]{--ptv-kpi-total-card-bg: rgba(5, 150, 105, .08);--ptv-kpi-total-card-border: rgba(5, 150, 105, .28);--ptv-kpi-total-icon-bg: rgba(5, 150, 105, .22);--ptv-kpi-total-icon-fg: #34D399;--ptv-kpi-total-icon-border: rgba(5, 150, 105, .45);--ptv-kpi-total-val-fg: #34D399;--ptv-kpi-cov-card-bg: rgba(7, 101, 255, .08);--ptv-kpi-cov-card-border: rgba(7, 101, 255, .28);--ptv-kpi-cov-icon-bg: rgba(7, 101, 255, .22);--ptv-kpi-cov-icon-fg: #60A5FA;--ptv-kpi-cov-icon-border: rgba(7, 101, 255, .45);--ptv-kpi-cov-val-fg: #60A5FA;--ptv-kpi-cov-rail-bg: rgba(255, 255, 255, .1);--ptv-kpi-cov-fill-bg: #3B8EF7;--ptv-kpi-avg-card-bg: rgba(124, 58, 237, .08);--ptv-kpi-avg-card-border: rgba(124, 58, 237, .28);--ptv-kpi-avg-icon-bg: rgba(124, 58, 237, .22);--ptv-kpi-avg-icon-fg: #C084FC;--ptv-kpi-avg-icon-border: rgba(124, 58, 237, .45);--ptv-kpi-avg-val-fg: #C084FC;--ptv-kpi-unrec-card-bg: rgba(217, 119, 6, .08);--ptv-kpi-unrec-card-border: rgba(217, 119, 6, .28);--ptv-kpi-unrec-icon-bg: rgba(217, 119, 6, .22);--ptv-kpi-unrec-icon-fg: #FBBF24;--ptv-kpi-unrec-icon-border: rgba(217, 119, 6, .45);--ptv-kpi-unrec-val-fg: #FBBF24;--ptv-dossier-card-bg: rgba(7, 101, 255, .09);--ptv-dossier-card-border: rgba(7, 101, 255, .28);--ptv-dossier-unrec-bg: rgba(217, 119, 6, .09);--ptv-dossier-unrec-border: rgba(217, 119, 6, .28)}.ptv-nilai-page{width:100%;max-width:100%;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;color:var(--ink)}.ptv-nilai-notice-banner{background:var(--b-050);border:1px solid var(--b-200);border-radius:var(--ptv-curve-md, 12px);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;transition:all .15s ease}:root[data-theme=dark] .ptv-nilai-notice-banner{background:#0765ff1f;border-color:#0765ff47}.ptv-nilai-notice-icon{color:var(--b-600);font-size:17px;flex-shrink:0}.ptv-nilai-notice-text{font-size:13px;line-height:1.45;color:var(--b-800, #1e40af)}:root[data-theme=dark] .ptv-nilai-notice-text{color:var(--b-200, #bfdbfe)}.ptv-nilai-unit-calc-summary{margin-top:8px;padding:6px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--ptv-curve-sm);display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#166534;font-weight:700;flex-wrap:wrap}:root[data-theme=dark] .ptv-nilai-unit-calc-summary{background:#22c55e1f;border-color:#22c55e4d;color:#86efac}:root[data-theme=dark] .ptv-nilai-unit-calc-summary span.dot-separator{color:#34d399!important}.ptv-nilai-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.ptv-nilai-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.ptv-nilai-header-icon{width:44px;height:44px;border-radius:var(--ptv-curve-md, 12px);background:var(--b-050);color:var(--b-600);border:1px solid var(--b-200);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:all .15s ease}:root[data-theme=dark] .ptv-nilai-header-icon{background:#0765ff29;border-color:#0765ff59;color:var(--b-600)}.ptv-nilai-header-title{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.025em;margin:0;line-height:1.25}.ptv-nilai-header-sub{font-size:13px;color:var(--muted);margin:3px 0 0;font-weight:500;line-height:1.35}.ptv-nilai-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ptv-nilai-btn-catalog{border-radius:var(--ptv-curve-pill, 9999px);height:42px;padding:0 20px;background:var(--surface, #ffffff);border:1.5px solid var(--b-600, #005ce6);color:var(--b-700, #004ecc);font-size:13.5px;font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 6px #005ce61f,0 1px 2px #0000000a;transition:all .15s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;outline:none}.ptv-nilai-btn-catalog:hover{background:var(--b-050, #eff6ff);border-color:var(--b-700, #004ecc);color:var(--b-800, #003da6);transform:translateY(-1.5px);box-shadow:0 6px 16px #005ce638,0 2px 4px #0000000f}.ptv-nilai-btn-catalog:active{background:var(--b-100, #dbeafe);transform:translateY(1px) scale(.98);box-shadow:0 1px 3px #005ce62e}.ptv-nilai-btn-catalog:focus-visible{outline:2px solid var(--b-500, #3b8ef7);outline-offset:2px}.ptv-nilai-btn-catalog i{color:var(--b-600, #005ce6);font-size:14px;transition:transform .15s ease}.ptv-nilai-btn-catalog:hover i{transform:scale(1.08)}:root[data-theme=dark] .ptv-nilai-btn-catalog{background:var(--surface, #1e293b);border-color:var(--b-400, #60a5fa);color:var(--b-200, #bfdbfe);box-shadow:0 2px 8px #00000059}:root[data-theme=dark] .ptv-nilai-btn-catalog:hover{background:#60a5fa29;border-color:#93c5fd;color:#fff;transform:translateY(-1.5px);box-shadow:0 6px 18px #60a5fa40}:root[data-theme=dark] .ptv-nilai-btn-catalog:active{background:#60a5fa3d;transform:translateY(1px) scale(.98)}.ptv-nilai-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.ptv-nilai-kpi-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl, 22px);padding:16px 18px;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;min-width:0;transition:all .15s ease}.ptv-nilai-kpi-card:hover{box-shadow:0 4px 14px #0000000d;border-color:var(--line);transform:translateY(-1px)}.ptv-nilai-kpi-card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.ptv-nilai-kpi-card-lbl{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptv-nilai-kpi-card-ic{width:32px;height:32px;border-radius:var(--ptv-curve-sm, 8px);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:all .15s ease}.ptv-nilai-ic-total{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}:root[data-theme=dark] .ptv-nilai-ic-total{background:#34d3991f;color:#34d399;border-color:#34d39940}.ptv-nilai-ic-coverage{background:#1273e61a;color:var(--b-600, #1273e6);border:1px solid rgba(18,115,230,.2)}:root[data-theme=dark] .ptv-nilai-ic-coverage{background:#60a5fa1f;color:#60a5fa;border-color:#60a5fa40}.ptv-nilai-ic-avg{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}:root[data-theme=dark] .ptv-nilai-ic-avg{background:#c084fc1f;color:#c084fc;border-color:#c084fc40}.ptv-nilai-ic-unrecorded{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}:root[data-theme=dark] .ptv-nilai-ic-unrecorded{background:#fbbf241f;color:#fbbf24;border-color:#fbbf2440}.ptv-nilai-kpi-card-val{font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums;word-break:break-word;overflow-wrap:anywhere}.ptv-nilai-kpi-card-sub{font-size:12px;color:var(--muted);margin-top:6px;font-weight:500;line-height:1.35}.ptv-nilai-coverage-progress-rail{width:100%;height:6px;background:var(--ptv-kpi-cov-rail-bg);border-radius:999px;overflow:hidden;margin-top:8px}.ptv-nilai-coverage-progress-fill{height:100%;background:var(--ptv-kpi-cov-fill-bg);border-radius:999px;transition:width .4s ease}.ptv-nilai-filter-bar{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl, 18px);padding:16px 18px;margin-bottom:20px;box-shadow:0 1px 3px #00000005;box-sizing:border-box}.ptv-nilai-toolbar-vertical-wrap{display:flex;flex-direction:column;gap:12px}.ptv-nilai-search-wrap{position:relative;width:100%}.ptv-nilai-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:15px;pointer-events:none}.ptv-nilai-search-input{width:100%;min-height:48px;height:48px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);font-size:16px;padding-left:46px;padding-right:44px;box-sizing:border-box;font-family:inherit;outline:none;transition:all .15s ease}.ptv-nilai-search-input:focus{border-color:var(--b-600);background:var(--surface);box-shadow:0 0 0 3px #0765ff1f}.ptv-nilai-search-input::placeholder{color:var(--muted);font-size:14.5px}.ptv-nilai-search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:none;background:var(--line-2);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .12s ease}.ptv-nilai-search-clear-btn:hover{background:var(--line);color:var(--ink)}.ptv-nilai-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.ptv-nilai-filter-counter-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--muted)}.ptv-nilai-btn-reset-pill{border-radius:999px;border:1px solid var(--dang-border);background:var(--dang-bg);color:var(--dang);font-size:12px;font-weight:600;padding:4px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .12s ease}.ptv-nilai-btn-reset-pill:hover{opacity:.85}.ptv-nilai-list{display:flex;flex-direction:column;gap:14px}.ptv-nilai-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl, 18px);padding:18px 20px;box-shadow:0 1px 3px #00000005;transition:all .15s ease;box-sizing:border-box}.ptv-nilai-card:hover{box-shadow:0 4px 14px #0000000a}.ptv-nilai-card.no-val{border-color:var(--warn-border)}.ptv-nilai-card-inner{display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;flex-wrap:wrap}.ptv-nilai-card-main-col{display:flex;align-items:flex-start;gap:14px;flex:1 1 280px;min-width:260px;max-width:440px}.ptv-nilai-thumb{width:62px;height:62px;border-radius:var(--ptv-curve-sm, 10px);background:var(--bg-2);border:1px solid var(--line-2);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .15s ease}.ptv-nilai-thumb img{width:100%;height:100%;object-fit:cover}.ptv-nilai-thumb i{color:inherit;font-size:22px}.ptv-nilai-thumb.ptv-nilai-cat-kamera,.ptv-nilai-badge-cat.ptv-nilai-cat-kamera,.ptv-nilai-thumb[data-cat*=kamera],.ptv-nilai-badge-cat[data-cat*=kamera]{background:var(--cat-kamera-bg);color:var(--cat-kamera-fg);border-color:var(--cat-kamera-border)}.ptv-nilai-thumb.ptv-nilai-cat-lensa,.ptv-nilai-badge-cat.ptv-nilai-cat-lensa,.ptv-nilai-thumb[data-cat*=lensa],.ptv-nilai-badge-cat[data-cat*=lensa]{background:var(--cat-lensa-bg);color:var(--cat-lensa-fg);border-color:var(--cat-lensa-border)}.ptv-nilai-thumb.ptv-nilai-cat-audio,.ptv-nilai-badge-cat.ptv-nilai-cat-audio,.ptv-nilai-thumb[data-cat*=audio],.ptv-nilai-badge-cat[data-cat*=audio]{background:var(--cat-audio-bg);color:var(--cat-audio-fg);border-color:var(--cat-audio-border)}.ptv-nilai-thumb.ptv-nilai-cat-lighting,.ptv-nilai-badge-cat.ptv-nilai-cat-lighting,.ptv-nilai-thumb[data-cat*=lighting],.ptv-nilai-badge-cat[data-cat*=lighting]{background:var(--cat-lighting-bg);color:var(--cat-lighting-fg);border-color:var(--cat-lighting-border)}.ptv-nilai-thumb.ptv-nilai-cat-stabilizer,.ptv-nilai-badge-cat.ptv-nilai-cat-stabilizer,.ptv-nilai-thumb[data-cat*=stabilizer],.ptv-nilai-badge-cat[data-cat*=stabilizer]{background:var(--cat-stabilizer-bg);color:var(--cat-stabilizer-fg);border-color:var(--cat-stabilizer-border)}.ptv-nilai-thumb.ptv-nilai-cat-tripod,.ptv-nilai-badge-cat.ptv-nilai-cat-tripod,.ptv-nilai-thumb[data-cat*=tripod],.ptv-nilai-badge-cat[data-cat*=tripod]{background:var(--cat-tripod-bg);color:var(--cat-tripod-fg);border-color:var(--cat-tripod-border)}.ptv-nilai-thumb.ptv-nilai-cat-baterai,.ptv-nilai-badge-cat.ptv-nilai-cat-baterai,.ptv-nilai-thumb[data-cat*=baterai],.ptv-nilai-badge-cat[data-cat*=baterai]{background:var(--cat-baterai-bg);color:var(--cat-baterai-fg);border-color:var(--cat-baterai-border)}.ptv-nilai-thumb.ptv-nilai-cat-streaming,.ptv-nilai-badge-cat.ptv-nilai-cat-streaming,.ptv-nilai-thumb[data-cat*=streaming],.ptv-nilai-badge-cat[data-cat*=streaming]{background:var(--cat-streaming-bg);color:var(--cat-streaming-fg);border-color:var(--cat-streaming-border)}.ptv-nilai-thumb.ptv-nilai-cat-komputer,.ptv-nilai-badge-cat.ptv-nilai-cat-komputer,.ptv-nilai-thumb[data-cat*=komputer],.ptv-nilai-badge-cat[data-cat*=komputer]{background:var(--cat-kamera-bg, #EBF3FE);color:var(--cat-kamera-fg, #1273E6);border-color:var(--cat-kamera-border, #BED8FD)}.ptv-nilai-thumb.ptv-nilai-cat-kabel,.ptv-nilai-badge-cat.ptv-nilai-cat-kabel,.ptv-nilai-thumb[data-cat*=kabel],.ptv-nilai-badge-cat[data-cat*=kabel]{background:var(--cat-lainnya-bg, #E9F0F9);color:var(--cat-lainnya-fg, #5A7793);border-color:var(--cat-lainnya-border, rgba(11, 42, 74, .055))}.ptv-nilai-thumb.ptv-nilai-cat-lainnya,.ptv-nilai-badge-cat.ptv-nilai-cat-lainnya,.ptv-nilai-thumb[data-cat*=lainnya],.ptv-nilai-badge-cat[data-cat*=lainnya]{background:var(--cat-lainnya-bg);color:var(--cat-lainnya-fg);border-color:var(--cat-lainnya-border)}.ptv-nilai-card-info{flex:1;min-width:0}.ptv-nilai-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.ptv-nilai-badge-code{font-family:monospace;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink-2)}.ptv-nilai-badge-cat{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--muted);display:inline-flex;align-items:center;transition:all .15s ease}.ptv-nilai-badge-cat i{color:inherit}.ptv-nilai-badge-loc{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--muted);display:inline-flex;align-items:center}.ptv-nilai-card-name{font-size:16px;font-weight:700;color:var(--ink);line-height:1.35;margin:0 0 4px;cursor:pointer;transition:color .15s ease;word-break:break-word}.ptv-nilai-card-name:hover{color:var(--b-600)}.ptv-nilai-card-brand{font-size:12px;color:var(--muted);margin-bottom:8px;line-height:1.4}.ptv-nilai-card-units{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ptv-nilai-unit-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center}.ptv-nilai-unit-badge.total{background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line-2)}.ptv-nilai-unit-badge.avail{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-border)}.ptv-nilai-unit-badge.borrow{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.ptv-nilai-unit-badge.dmg{background:var(--dang-bg);color:var(--dang);border:1px solid var(--dang-border)}.ptv-nilai-card-dossier-col{background:var(--ptv-dossier-card-bg);border:1px solid var(--ptv-dossier-card-border);border-radius:var(--ptv-curve-md, 12px);padding:14px 16px;min-width:250px;flex:1 1 260px;max-width:380px;box-sizing:border-box;transition:all .15s ease}.ptv-nilai-card.no-val .ptv-nilai-card-dossier-col{background:var(--ptv-dossier-unrec-bg);border-color:var(--ptv-dossier-unrec-border)}.ptv-nilai-dossier-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.ptv-nilai-dossier-title{font-size:11px;font-weight:700;color:var(--b-700);text-transform:uppercase;letter-spacing:.04em}:root[data-theme=dark] .ptv-nilai-dossier-title{color:var(--b-300, #93c5fd)}.ptv-nilai-card.no-val .ptv-nilai-dossier-title{color:var(--warn)}.ptv-nilai-dossier-badge-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center}.ptv-nilai-dossier-badge-status.aktif{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-border)}.ptv-nilai-dossier-badge-status.belum-dicatat{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.ptv-nilai-dossier-val{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-bottom:6px;line-height:1.25}.ptv-nilai-card.no-val .ptv-nilai-dossier-val{color:var(--warn)}.ptv-nilai-dossier-unit-breakdown{font-size:11.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:-2px;margin-bottom:6px}.ptv-nilai-dossier-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;font-size:11.5px;color:var(--ink-2)}.ptv-nilai-dossier-meta-grid .meta-lbl{color:var(--muted);display:inline-flex;align-items:center;gap:4px}.ptv-nilai-dossier-meta-grid .meta-val{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptv-nilai-card-actions-col{display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:120px;margin-left:auto;box-sizing:border-box}.ptv-nilai-btn-detail{border-radius:var(--ptv-curve-pill, 9999px);height:38px;padding:0 16px;background:var(--surface, #ffffff);border:1.5px solid var(--b-300, #93c5fd);color:var(--b-700, #004ecc);font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 1px 3px #0000000d;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ptv-nilai-btn-detail:hover{background:var(--b-050, #eff6ff);border-color:var(--b-500, #3b8ef7);color:var(--b-800, #003da6);transform:translateY(-1px);box-shadow:0 4px 10px #005ce626}.ptv-nilai-btn-detail:active{background:var(--b-100, #dbeafe);transform:translateY(1px) scale(.98)}.ptv-nilai-btn-detail i{color:var(--b-600)}:root[data-theme=dark] .ptv-nilai-btn-detail{background:var(--surface, #1e293b);border-color:var(--b-400, #60a5fa);color:var(--b-200)}:root[data-theme=dark] .ptv-nilai-btn-detail:hover{background:#60a5fa29;border-color:#93c5fd;color:#fff;transform:translateY(-1px)}:root[data-theme=dark] .ptv-nilai-btn-detail:active{transform:translateY(1px) scale(.98)}.ptv-nilai-btn-edit{border-radius:var(--ptv-curve-pill, 9999px);height:38px;padding:0 18px;background:var(--b-600, #005ce6);border:1.5px solid var(--b-600, #005ce6);color:#fff;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 2px 8px #005ce640;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ptv-nilai-btn-edit:hover{background:var(--b-700, #004ecc);border-color:var(--b-700, #004ecc);transform:translateY(-1px);box-shadow:0 4px 14px #005ce659}.ptv-nilai-btn-edit:active{background:var(--b-800, #003da6);transform:translateY(1px) scale(.98)}.ptv-nilai-btn-del{border-radius:var(--ptv-curve-pill, 9999px);height:38px;padding:0 14px;background:var(--surface, #ffffff);border:1.5px solid var(--dang-border, #fca5a5);color:var(--dang, #dc2626);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 1px 3px #0000000a;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ptv-nilai-btn-del:hover{background:var(--dang-bg, #fef2f2);border-color:var(--dang, #dc2626);transform:translateY(-1px);box-shadow:0 4px 10px #dc262626}.ptv-nilai-btn-del:active{transform:translateY(1px) scale(.98)}.ptv-nilai-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.ptv-nilai-modal-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-2xl, 24px);width:100%;max-width:540px;box-shadow:0 24px 48px #00000040;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;box-sizing:border-box;margin:auto}.ptv-nilai-modal-header{flex-shrink:0;padding:18px 22px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between}.ptv-nilai-modal-title{font-size:17px;font-weight:700;margin:0;color:var(--ink)}.ptv-nilai-modal-sub{font-size:12.5px;color:var(--muted);margin-top:2px;display:block}.ptv-nilai-modal-close-btn{width:32px;height:32px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .12s ease}.ptv-nilai-modal-close-btn:hover{color:var(--ink);background:var(--line-2)}.ptv-nilai-modal-body{padding:22px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.ptv-nilai-form-group{display:flex;flex-direction:column;gap:6px}.ptv-nilai-form-label{font-size:12.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:4px}.ptv-nilai-form-label .req{color:var(--dang)}.ptv-nilai-form-input{width:100%;min-height:48px;height:48px;border-radius:var(--ptv-curve-md, 12px);border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);font-size:16px;padding:0 14px;box-sizing:border-box;font-family:inherit;outline:none;transition:all .15s ease}.ptv-nilai-form-input:focus{border-color:var(--b-600);background:var(--surface);box-shadow:0 0 0 3px #0765ff1f}.ptv-nilai-form-textarea{width:100%;border-radius:var(--ptv-curve-md, 12px);border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);font-size:14px;padding:12px 14px;box-sizing:border-box;font-family:inherit;outline:none;resize:vertical;min-height:72px;transition:all .15s ease}.ptv-nilai-form-textarea:focus{border-color:var(--b-600);background:var(--surface);box-shadow:0 0 0 3px #0765ff1f}.ptv-nilai-form-hint{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.ptv-nilai-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ptv-nilai-modal-footer{flex-shrink:0;padding:16px 22px;border-top:1px solid var(--line-2);background:var(--surface);display:flex;justify-content:flex-end;gap:10px}.ptv-nilai-btn-cancel-modal{border-radius:999px;height:44px;padding:0 20px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.ptv-nilai-btn-cancel-modal:hover{background:var(--line-2)}.ptv-nilai-btn-submit-modal{border-radius:999px;height:44px;padding:0 24px;background:var(--b-600);border:none;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #0765ff40;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.ptv-nilai-btn-submit-modal:hover:not(:disabled){background:var(--b-700, #0053d6);transform:translateY(-.5px)}.ptv-nilai-btn-submit-modal:disabled{opacity:.6;cursor:not-allowed}.ptv-nilai-empty-card{padding:48px 24px;text-align:center;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--ptv-curve-xl, 18px)}.ptv-nilai-empty-icon{font-size:32px;color:var(--muted);margin-bottom:12px;display:block}.ptv-nilai-empty-title{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--ink)}.ptv-nilai-empty-text{margin:0 0 16px;font-size:13px;color:var(--muted)}@media(max-width:768px){.ptv-nilai-header{margin-bottom:14px}.ptv-nilai-header-actions{width:100%}.ptv-nilai-btn-catalog{width:100%;justify-content:center}.ptv-nilai-kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.ptv-nilai-kpi-card{padding:12px 14px;border-radius:var(--ptv-curve-lg, 14px)}.ptv-nilai-kpi-card-val{font-size:17px}.ptv-nilai-filter-bar{padding:12px 14px;margin-bottom:16px}.ptv-nilai-filter-grid{grid-template-columns:1fr 1fr;gap:8px}.ptv-nilai-card{padding:10px 12px;border-radius:var(--ptv-curve-md, 12px);height:auto!important;min-height:0!important;align-self:stretch;box-sizing:border-box}.ptv-nilai-card-inner{flex-direction:column;align-items:stretch;gap:6px!important;height:auto!important;min-height:0!important}.ptv-nilai-card-main-col{width:100%;min-width:0;max-width:100%;gap:10px;height:auto!important;min-height:0!important;flex:none!important;margin-bottom:0!important}.ptv-nilai-thumb{width:44px;height:44px;font-size:16px;flex-shrink:0}.ptv-nilai-card-name{font-size:14px;line-height:1.25;margin-bottom:2px}.ptv-nilai-card-brand{font-size:11px!important;margin-bottom:4px!important;line-height:1.25!important}.ptv-nilai-badges{margin-bottom:3px!important;gap:4px!important}.ptv-nilai-card-units{gap:4px!important}.ptv-nilai-unit-badge{font-size:10px!important;padding:1px 6px!important}.ptv-nilai-card-dossier-col{width:100%!important;max-width:100%!important;min-width:0!important;padding:6px 10px!important;height:auto!important;min-height:0!important;flex:none!important;box-sizing:border-box;margin:0!important}.ptv-nilai-dossier-hd{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.ptv-nilai-dossier-val{font-size:15.5px;margin-bottom:2px;line-height:1.2}.ptv-nilai-dossier-unit-breakdown{margin-bottom:3px;font-size:10.5px}.ptv-nilai-dossier-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;font-size:11px;line-height:1.25}.ptv-nilai-card-actions-col{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;min-width:0!important;gap:6px!important;flex-wrap:nowrap!important;margin-left:0!important;margin-top:2px!important;height:auto!important;min-height:0!important}.ptv-nilai-btn-detail,.ptv-nilai-btn-edit{flex:1 1 0!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 8px!important;font-size:12px!important;border-radius:999px!important;justify-content:center!important;white-space:nowrap!important}.ptv-nilai-btn-del{flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:999px!important;justify-content:center!important;display:inline-flex!important;align-items:center!important}.ptv-nilai-btn-del span{display:none!important}.ptv-nilai-modal-backdrop{padding:0;align-items:flex-end}.ptv-nilai-modal-card{max-width:100%;border-radius:30px 30px 0 0!important;border-bottom:none;max-height:85vh}.ptv-nilai-form-row-2col{grid-template-columns:1fr;gap:10px}}.ptv-nilai-detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}.ptv-nilai-detail-grid>div{min-width:0;align-self:start}.ptv-nilai-detail-card{height:auto;min-height:0}.kk-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.kk-searchbar{display:flex;align-items:center;gap:10px;background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .12));border-radius:var(--ptv-curve-pill, 9999px);padding:8px 16px;box-shadow:var(--shadow-s, 0 1px 3px rgba(11, 42, 74, .04));transition:border-color .18s ease,box-shadow .18s ease;min-height:44px;box-sizing:border-box}.kk-searchbar:focus-within{border-color:var(--b-400, #388bfd);box-shadow:0 0 0 3px #2563eb26}.kk-searchbar input{flex:1;background:transparent;border:none;outline:none;font-family:var(--ptv-font-family, inherit);font-size:13.5px;color:var(--ink, #0b2a4a)}.kk-searchbar input::placeholder{color:var(--muted, #6e8cae)}.kk-filters-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kk-filters-scroll::-webkit-scrollbar{display:none}.kk-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;min-height:36px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line, rgba(11, 42, 74, .12));background:var(--surface, #ffffff);color:var(--ink-2, #335375);font-family:var(--ptv-font-family, inherit);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .16s ease;touch-action:manipulation}.kk-filter-pill:hover{background:var(--b-050, #edf4ff);color:var(--pri, #1273e6);border-color:var(--b-200, #b2d4ff)}.kk-filter-pill.active{background:var(--pri, #1273e6);color:#fff;border-color:var(--pri, #1273e6);box-shadow:0 2px 6px #1273e647}@media(max-width:768px){.kk-searchbar input{font-size:16px}}.kk-filter-pill .cnt{font-size:11px;font-weight:700;padding:1px 6px;border-radius:var(--ptv-curve-pill, 9999px);background:#0b2a4a14;color:inherit}.kk-filter-pill.active .cnt{background:#ffffff40;color:#fff}.kk-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}.kk-stat-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);padding:14px 18px;box-shadow:var(--shadow-s, 0 1px 3px rgba(11, 42, 74, .04));display:flex;flex-direction:column;gap:4px}.kk-stat-card .num{font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--b-600, #1273e6);line-height:1.1}.kk-stat-card .lbl{font-size:12px;font-weight:500;color:var(--muted, #6e8cae);letter-spacing:-.005em}.kk-group-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);padding:16px;margin-top:14px;box-shadow:var(--shadow-s, 0 1px 3px rgba(11, 42, 74, .04))}.kk-group-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .06))}.kk-group-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink, #0b2a4a)}.kk-group-title i{color:var(--b-500, #2563eb)}.kk-list-stack{display:flex;flex-direction:column;gap:8px}.kk-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;min-height:52px;border-radius:var(--ptv-curve-lg, 16px);background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .09));box-shadow:var(--shadow-s, 0 1px 3px rgba(11, 42, 74, .04));cursor:pointer;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%;box-sizing:border-box}.kk-list-item:hover{background:var(--b-050, #edf4ff);border-color:var(--b-300, #a7ceff);box-shadow:var(--shadow-m, 0 3px 8px rgba(11, 42, 74, .08));transform:translateY(-1px)}.kontak-category-section{margin-bottom:20px}.kontak-category-section:last-child{margin-bottom:0}.kontak-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 4px}.kontak-category-title-wrap{display:flex;align-items:center;gap:8px}.kontak-category-title{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink, #0b2a4a)}.kontak-category-count{font-size:11px;font-weight:600;background:#1273e61a;color:var(--b-600, #1273e6);padding:2px 8px;border-radius:var(--ptv-curve-pill, 9999px)}.kontak-category-desc{font-size:12px;color:var(--muted, #6e8cae);font-weight:400}.kontak-cards-stack{display:flex;flex-direction:column;gap:8px}.kontak-angkatan-group{margin-top:6px}.kontak-angkatan-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-2, #335375);margin-bottom:6px;padding:2px 4px}.kontak-angkatan-count{font-size:10.5px;font-weight:600;background:#0b2a4a0f;color:inherit;padding:1px 7px;border-radius:var(--ptv-curve-pill, 9999px)}.kk-list-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kk-list-item-name{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink, #0b2a4a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kk-list-item-sub{font-size:12px;color:var(--muted, #6e8cae);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kru-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px}.kru-section-title{margin:0;font-size:13.5px;font-weight:600;letter-spacing:.01em;color:var(--ink, #0b2a4a);text-transform:uppercase}.kru-section-count{font-size:11.5px;font-weight:600;color:var(--b-600, #1273e6)}.kru-section-count.is-muted{color:var(--muted, #6e8cae)}.kru-group-section{margin-top:18px;margin-bottom:22px}.kru-group-section:first-child{margin-top:6px}.kru-group-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}.kru-group-heading-left{display:flex;align-items:center;gap:8px}.kru-group-heading-left i{font-size:13.5px;color:var(--b-500, #2563eb)}.kru-group-heading-title{margin:0;font-size:13px;font-weight:600;color:var(--ink, #0b2a4a)}.kru-group-heading-count{font-size:11px;font-weight:600;background:#2563eb17;color:var(--b-600, #1273e6);padding:2px 8px;border-radius:var(--ptv-curve-pill, 9999px)}.kru-group-container{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);box-shadow:var(--shadow-s, 0 1px 3px rgba(11, 42, 74, .04));overflow:hidden;display:flex;flex-direction:column}.kru-row-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;min-height:56px;width:100%;box-sizing:border-box;background:transparent;border:none;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .06));border-radius:0;box-shadow:none;cursor:pointer;text-align:left;font-family:inherit;transition:background-color .15s ease}.kru-row-item:last-child{border-bottom:none}.kru-row-item:hover{background-color:var(--b-050, rgba(37, 99, 235, .04))}.kru-row-item:active{background-color:#2563eb14}.kru-row-item:focus-visible{outline:2px solid var(--b-500, #2563eb);outline-offset:-2px}.kru-row-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.kru-row-avatar-img{width:38px;height:38px;border-radius:var(--ptv-curve-pill, 9999px);object-fit:cover;flex-shrink:0;background:var(--surface-subtle, #f1f5f9)}.kru-row-avatar-fallback{width:38px;height:38px;border-radius:var(--ptv-curve-pill, 9999px);background:linear-gradient(135deg,var(--b-700, #1d4ed8) 0%,var(--b-500, #2563eb) 100%);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.kru-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kru-row-name{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink, #0b2a4a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kru-row-sub{font-size:12px;color:var(--muted, #6e8cae);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kru-row-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--ptv-curve-pill, 9999px);flex-shrink:0;letter-spacing:.01em}.kru-row-badge.is-active{background:var(--ok-bg, rgba(16, 185, 129, .12));color:var(--ok, #059669)}.kru-row-badge.is-inactive{background:#6e8cae1f;color:var(--muted, #6e8cae)}@media(max-width:640px){.kru-group-container{border-radius:var(--ptv-curve-lg, 16px)}.kru-row-item{padding:10px 14px;gap:10px;min-height:52px}.kru-row-avatar-img,.kru-row-avatar-fallback{width:34px;height:34px;font-size:11.5px}.kru-row-name{font-size:13px}.kru-row-sub{font-size:11px}.kru-row-badge{padding:2px 7px;font-size:10.5px}}.kk-kontak-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box}.kk-kontak-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:420px){.kk-kontak-detail-btn{display:none!important}}@media(max-width:360px){.kk-kontak-row{flex-wrap:wrap;gap:10px}.kk-kontak-actions{width:100%;justify-content:flex-end;padding-top:8px;border-top:1px dashed var(--line-2, rgba(11, 42, 74, .06))}}.kk-doc-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line-2, rgba(11, 42, 74, .06));padding-top:10px}.kk-doc-date{font-size:11.5px;color:var(--muted, #6e8cae);white-space:nowrap;display:inline-flex;align-items:center}.idcard-holder-wrap{display:flex;flex-direction:column;align-items:center;max-width:440px;margin:0 auto;padding:12px 16px 32px;box-sizing:border-box;width:100%}.idcard{width:360px;max-width:100%;min-height:560px;border-radius:24px;background:linear-gradient(165deg,#071f48,#0a2e70 42%,#051636);position:relative;overflow:hidden;box-shadow:0 24px 50px -10px #020e2680,0 8px 24px #020e2640,inset 0 1px 1px #fff3;display:flex;flex-direction:column;color:#fff;box-sizing:border-box;border:1.5px solid rgba(96,165,250,.28);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.idcard:hover{transform:translateY(-2px);box-shadow:0 28px 56px -10px #020e2694,0 12px 28px #020e264d,inset 0 1px 1px #ffffff40}@media(max-width:375px){.idcard-holder-wrap{padding:8px 14px 28px}.idcard{max-width:calc(100vw - 28px)}}.idcard-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.idcard-bg-waves{width:100%;height:100%;object-fit:fill;display:block}.idcard-body{position:relative;z-index:2;padding:20px 20px 16px;display:flex;flex-direction:column;flex:1}.idcard-top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;min-height:52px}.idcard-brand-box{display:flex;flex-direction:column;gap:3px}.idcard-logo-img{height:26px;width:auto;max-width:145px;object-fit:contain;display:block;margin-bottom:2px}.idcard-brand-label{font-size:8px;letter-spacing:.12em;font-weight:800;color:#7dd3fc;text-transform:uppercase}.idcard-qr-box{background:#fff;padding:4px;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000004d;flex-shrink:0}.idcard-qr-box svg{width:52px;height:52px;display:block}.idcard-photo-frame{width:100%;aspect-ratio:1 / 1.08;border-radius:16px;overflow:hidden;background:#081b38;border:2px solid rgba(255,255,255,.22);box-shadow:0 10px 26px #0006;position:relative;flex-shrink:0;margin-bottom:12px}.idcard-photo-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.idcard-photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1d4ed8,#0a2f72);color:#fff;font-weight:900;font-size:44px;letter-spacing:.05em;font-family:inherit}.idcard-identity-block{text-align:center;margin-bottom:12px}.idcard-person-name{font-size:clamp(18px,4.8vw,22px);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#fff;text-transform:uppercase;word-break:break-word;text-shadow:0 2px 6px rgba(0,0,0,.3)}.idcard-creds-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);margin-top:auto}.idcard-cred-item{min-width:0;display:flex;flex-direction:column;gap:2px}.idcard-cred-lbl{font-size:8.5px;font-weight:600;letter-spacing:.03em;color:#7dd3fc;text-transform:uppercase;margin-bottom:2px}.idcard-cred-val{font-size:13px;font-weight:600;color:#fff;letter-spacing:.01em;text-transform:uppercase;line-height:1.25;word-break:break-word}.idcard-cred-val.idcard-cred-kruno,.idcard-cred-val.font-mono{color:#fff}.idcard-footer-strip{position:relative;z-index:2;background:#04122abf;border-top:1px solid rgba(255,255,255,.1);height:38px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.idcard-footer-brand{font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff;text-transform:uppercase}.idcard-footer-expiry{font-size:10.5px;font-weight:600;letter-spacing:.03em;color:#93c5fd;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.kk-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}@media(max-width:600px){.kk-timeline{grid-template-columns:1fr;gap:12px}}.kk-tl-step{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--ptv-curve-md, 14px);background:var(--surface-sunken, #f8fafc);border:1px solid var(--line-2, rgba(11, 42, 74, .08))}.kk-tl-step.done{background:#f0fdf4;border-color:#bbf7d0}.kk-tl-step.now{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 0 0 2px #2563eb26}.kk-tl-step.reject{background:#fef2f2;border-color:#fecaca}.kk-tl-step .tl-title{font-size:12px;font-weight:700;color:var(--ink, #0b2a4a)}.kk-tl-step.done .tl-title{color:#15803d}.kk-tl-step.now .tl-title{color:#1d4ed8}.kk-tl-step.reject .tl-title{color:#dc2626}.kk-tl-step .tl-meta{font-size:10.5px;color:var(--muted, #6e8cae);margin-top:2px}.kk-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:kkFadeIn .2s ease}:root[data-theme=dark] .kk-drawer-overlay{background:#000000b3}.kk-drawer-content{width:100%;max-width:580px;height:100%;background:var(--surface, #ffffff);box-shadow:-8px 0 32px #00000040;display:flex;flex-direction:column;animation:kkSlideIn .24s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes kkFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kkSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.kk-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line-2, rgba(11, 42, 74, .08));background:var(--surface, #ffffff)}.kk-drawer-header-meta{display:flex;align-items:center;gap:8px}.kk-drawer-header-label{font-size:13px;font-weight:600;color:var(--muted)}.kk-drawer-header-sep{color:var(--line)}.kk-drawer-header-id{font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--b-600)}.kk-drawer-body{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.kk-drawer-footer{padding:12px 20px;border-top:1px solid var(--line-2, rgba(11, 42, 74, .08));background:var(--surface, #ffffff);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kk-profile-hero{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--ptv-curve-lg, 16px);background:var(--bg, #F8FAFD);border:1px solid var(--line, rgba(11, 42, 74, .08))}:root[data-theme=dark] .kk-profile-hero{background:var(--bg-2, #1B1E21);border-color:var(--line, #34383D)}.kk-profile-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--surface);box-shadow:var(--shadow-s);flex-shrink:0}.kk-profile-avatar-fallback{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--b-700) 0%,var(--b-500) 100%);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:600;box-shadow:0 3px 10px #1273e638;flex-shrink:0}.kk-profile-hero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.kk-profile-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kk-profile-name{margin:0;font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.015em;line-height:1.25}.kk-profile-status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--ptv-curve-pill, 9999px);font-size:11px;font-weight:600}.kk-profile-status-pill.is-active{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-border)}.kk-profile-status-pill.is-inactive{background:var(--bg-2);color:var(--muted);border:1px solid var(--line)}.kk-profile-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.kk-profile-role-line{font-size:13px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kk-profile-division{color:var(--ink-2)}.kk-kv-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:var(--ptv-curve-lg, 16px);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.kk-kv-section-title{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:4px}.kk-kv-section-title i{font-size:12px;color:var(--b-600)}.kk-kv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;border-bottom:1px dashed var(--line-2, rgba(11, 42, 74, .06))}.kk-kv-row:last-child{border-bottom:none;padding-bottom:0}.kk-kv-row .k{color:var(--muted, #6e8cae);font-weight:500}.kk-kv-row .v{color:var(--ink, #0b2a4a);font-weight:600;text-align:right}.kk-account-relation-card{gap:10px}.kk-account-relation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.kk-account-access-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line);background:var(--b-050, #EDF4FF);color:var(--b-700, #0B5FBF);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.kk-account-access-btn:hover{background:var(--b-100);border-color:var(--b-400)}:root[data-theme=dark] .kk-account-access-btn{background:#3b8ef724;color:#8ab4f8;border-color:#3b8ef747}.kk-account-relation-desc{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}.kk-pending-link-notice{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:var(--ptv-curve-md, 12px);background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn);font-size:12px;line-height:1.45}.kk-pending-link-notice i{margin-top:2px;flex-shrink:0}.kk-module-links-block{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--line-2)}.kk-module-links-label{font-size:11.5px;font-weight:500;color:var(--muted)}.kk-module-links-nav{display:flex;flex-wrap:wrap;gap:8px}.kk-module-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--ptv-curve-pill, 9999px);background:var(--bg, #F8FAFD);border:1px solid var(--line);color:var(--ink-2);font-size:12px;font-weight:600;text-decoration:none;transition:all .15s ease}.kk-module-chip i{font-size:11px;color:var(--b-600)}.kk-module-chip:hover{background:var(--b-050);color:var(--b-700);border-color:var(--b-300)}:root[data-theme=dark] .kk-module-chip{background:var(--bg-2, #1B1E21);border-color:var(--line, #34383D);color:var(--ink-2)}:root[data-theme=dark] .kk-module-chip:hover{background:var(--surface-2, #2E3338);color:var(--ink)}.kk-drawer-action-btn{flex:1;min-height:38px;padding:0 14px;border-radius:var(--ptv-curve-pill, 9999px);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}@media(max-width:640px){.kk-drawer-overlay{align-items:flex-end;justify-content:center}.kk-drawer-content{max-width:100%;height:auto;max-height:90vh;border-radius:var(--ptv-curve-2xl, 24px) var(--ptv-curve-2xl, 24px) 0 0}}.kk-whatsapp-btn{min-height:34px;height:34px;padding:0 12px;font-size:12px;font-weight:600;border-radius:var(--ptv-curve-pill, 9999px);background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;box-sizing:border-box;transition:all .16s ease}.kk-whatsapp-btn:hover{background:#d1fae5;border-color:#6ee7b7;color:#047857}.kk-whatsapp-btn-full{flex:1;min-height:38px;padding:0 16px;font-size:13px;font-weight:600;border-radius:var(--ptv-curve-pill, 9999px);background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;transition:all .16s ease;cursor:pointer}.kk-whatsapp-btn-full:hover{background:#d1fae5;border-color:#6ee7b7;color:#047857}.kk-phone-btn{min-height:40px;padding:8px 14px;font-size:13px;font-weight:650;border-radius:var(--ptv-curve-pill, 9999px);background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .15));color:var(--ink, #0b2a4a);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.kk-phone-btn:hover{background:var(--bg-2, #f8fafc);border-color:var(--b-600);color:var(--b-600)}.kk-kontak-detail-btn{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .15));color:var(--ink, #0b2a4a);transition:all .15s ease}.kk-kontak-detail-btn:hover{background:var(--bg-2, #f8fafc);border-color:var(--b-600);color:var(--b-600)}.kk-category-badge{font-size:10.5px;font-weight:600;padding:1.5px 8px;border-radius:var(--ptv-curve-pill, 9999px);display:inline-flex;align-items:center;gap:4px}.kk-category-badge.pondok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-border)}.kk-category-badge.sekolah{background:var(--b-050);color:var(--b-600);border:1px solid var(--b-100)}.kk-category-badge.yayasan{background:#f3e8ff;color:#7c3aed;border:1px solid #ddd6fe}.kk-category-badge.mitra{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}:root[data-theme=dark] .kk-searchbar{background:var(--surface);border-color:var(--line);box-shadow:0 1px 3px #00000040}:root[data-theme=dark] .kk-searchbar input{color:var(--ink)}:root[data-theme=dark] .kk-searchbar input::placeholder{color:var(--muted);opacity:.85}:root[data-theme=dark] .kk-filter-pill{background:var(--surface);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .kk-filter-pill:hover{background:var(--surface-2);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .kk-filter-pill.active{background:var(--pri, #1273e6);border-color:var(--pri, #1273e6);color:#fff;box-shadow:0 2px 8px #0006}:root[data-theme=dark] .kk-filter-pill .cnt{background:#ffffff1f;color:var(--ink)}:root[data-theme=dark] .kk-filter-pill.active .cnt{background:#ffffff40;color:#fff}:root[data-theme=dark] .kk-list-item{background:var(--surface);border-color:var(--line);box-shadow:0 1px 4px #00000040}:root[data-theme=dark] .kk-list-item:hover{background:var(--surface-2);border-color:var(--b-600);box-shadow:0 4px 14px #0006}:root[data-theme=dark] .kk-list-item-name{color:var(--ink)}:root[data-theme=dark] .kk-list-item-sub{color:var(--muted)}:root[data-theme=dark] .kontak-category-title{color:var(--ink)}:root[data-theme=dark] .kontak-category-count{background:#8ab4f829;color:var(--b-500)}:root[data-theme=dark] .kontak-category-desc{color:var(--muted)}:root[data-theme=dark] .kontak-angkatan-header{color:var(--ink-2)}:root[data-theme=dark] .kontak-angkatan-count{background:#ffffff1a;color:var(--ink-2)}:root[data-theme=dark] .kk-whatsapp-btn,[data-theme=dark] .kk-whatsapp-btn{background:#81c99524;color:#81c995;border:1px solid rgba(129,201,149,.32)}:root[data-theme=dark] .kk-whatsapp-btn:hover,[data-theme=dark] .kk-whatsapp-btn:hover{background:#81c9953d;color:#a7f3d0;border-color:#81c9958c}:root[data-theme=dark] .kk-whatsapp-btn-full,[data-theme=dark] .kk-whatsapp-btn-full{background:#81c99524;color:#81c995;border:1px solid rgba(129,201,149,.35)}:root[data-theme=dark] .kk-whatsapp-btn-full:hover,[data-theme=dark] .kk-whatsapp-btn-full:hover{background:#81c9953d;color:#a7f3d0;border-color:#81c9958c}:root[data-theme=dark] .kk-phone-btn,[data-theme=dark] .kk-phone-btn{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .kk-phone-btn:hover,[data-theme=dark] .kk-phone-btn:hover{background:var(--surface);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .kk-kontak-detail-btn,[data-theme=dark] .kk-kontak-detail-btn{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .kk-kontak-detail-btn:hover,[data-theme=dark] .kk-kontak-detail-btn:hover{background:var(--surface);border-color:var(--b-600);color:var(--b-500)}:root[data-theme=dark] .kk-category-badge.yayasan,[data-theme=dark] .kk-category-badge.yayasan{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}:root[data-theme=dark] .kk-tl-step,[data-theme=dark] .kk-tl-step{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .kk-tl-step .tl-title,[data-theme=dark] .kk-tl-step .tl-title{color:var(--ink)}:root[data-theme=dark] .kk-tl-step .tl-meta,[data-theme=dark] .kk-tl-step .tl-meta{color:var(--muted)}:root[data-theme=dark] .kk-tl-step.done,[data-theme=dark] .kk-tl-step.done{background:#81c9951f;border-color:#81c99547}:root[data-theme=dark] .kk-tl-step.done .tl-title,[data-theme=dark] .kk-tl-step.done .tl-title{color:#81c995}:root[data-theme=dark] .kk-tl-step.done .tl-meta,[data-theme=dark] .kk-tl-step.done .tl-meta{color:#81c995d9}:root[data-theme=dark] .kk-tl-step.now,[data-theme=dark] .kk-tl-step.now{background:#8ab4f81f;border-color:#8ab4f852;box-shadow:0 0 0 2px #8ab4f833}:root[data-theme=dark] .kk-tl-step.now .tl-title,[data-theme=dark] .kk-tl-step.now .tl-title{color:#8ab4f8}:root[data-theme=dark] .kk-tl-step.now .tl-meta,[data-theme=dark] .kk-tl-step.now .tl-meta{color:#8ab4f8d9}:root[data-theme=dark] .kk-tl-step.reject,[data-theme=dark] .kk-tl-step.reject{background:#f28b821f;border-color:#f28b8247}:root[data-theme=dark] .kk-tl-step.reject .tl-title,[data-theme=dark] .kk-tl-step.reject .tl-title{color:#f28b82}:root[data-theme=dark] .kk-tl-step.reject .tl-meta,[data-theme=dark] .kk-tl-step.reject .tl-meta{color:#f28b82d9}:root[data-theme=dark] .kk-drawer-header,:root[data-theme=dark] .kk-drawer-footer,[data-theme=dark] .kk-drawer-header,[data-theme=dark] .kk-drawer-footer{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .kk-kv-card,[data-theme=dark] .kk-kv-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .kk-kv-row,[data-theme=dark] .kk-kv-row{border-color:var(--line-2)}:root[data-theme=dark] .kk-kv-row .k,[data-theme=dark] .kk-kv-row .k{color:var(--muted)}:root[data-theme=dark] .kk-kv-row .v,[data-theme=dark] .kk-kv-row .v{color:var(--ink)}:root[data-theme=dark] .kru-group-container,[data-theme=dark] .kru-group-container{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .kru-row-item:hover,[data-theme=dark] .kru-row-item:hover{background-color:var(--surface-2)}.doc-detail-modal-overlay{display:flex!important;align-items:center!important;justify-content:center!important;padding:24px 16px!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;box-sizing:border-box!important}.doc-detail-modal-content{width:100%!important;max-width:740px!important;max-height:88vh!important;height:auto!important;background:var(--surface, #ffffff)!important;border:1px solid var(--line, rgba(11, 42, 74, .12))!important;border-radius:var(--ptv-curve-xl, 22px)!important;box-shadow:0 20px 48px -10px #00000047,0 8px 16px -4px #0000001f!important;animation:docModalPop .24s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important}@keyframes docModalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.doc-detail-modal-overlay{align-items:flex-end!important;padding:0!important;z-index:10000!important;overflow-x:hidden!important;overscroll-behavior:contain!important}.doc-detail-modal-content{max-width:100%!important;max-height:90dvh!important;height:90dvh!important;display:flex!important;flex-direction:column!important;border-radius:var(--ptv-curve-2xl, 24px) var(--ptv-curve-2xl, 24px) 0 0!important;border-bottom:none!important;overflow:hidden!important;animation:kkSlideInMobile .24s cubic-bezier(.16,1,.3,1)!important}.doc-detail-modal-content .kk-drawer-header{padding:14px 18px 12px!important;flex-shrink:0!important}.doc-detail-modal-content .kk-drawer-body{padding:16px 18px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.doc-detail-modal-content .kk-drawer-footer{padding:12px 18px max(16px,calc(16px + env(safe-area-inset-bottom,0px)))!important;flex-shrink:0!important;position:sticky!important;bottom:0!important;z-index:10!important;background:var(--surface)!important;border-top:1px solid var(--line-2)!important;display:flex!important;flex-direction:column!important;gap:8px!important}.doc-detail-modal-content .kk-drawer-footer .btn{width:100%!important;min-height:42px!important}@keyframes kkSlideInMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.prz-page{padding-bottom:40px;width:100%}.prz-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.prz-page-title{margin:0;font-size:24px;font-weight:600;color:var(--ink, #0b2a4a);letter-spacing:-.02em;line-height:1.25}.prz-page-subtitle{margin:4px 0 0;font-size:13.5px;font-weight:400;color:var(--muted, #64748b);line-height:1.45}@media(max-width:768px){.prz-page-header{margin-bottom:14px}.prz-page-title{font-size:21px}.prz-page-subtitle{font-size:13px}}.prz-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.prz-bento-card{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r-xl, 20px);border:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0b2a4a0a;overflow:hidden}.prz-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b2a4a14}.prz-bento-card.tugas{background:linear-gradient(135deg,#2563eb0f,#fffffffa);border-color:#2563eb33}:root[data-theme=dark] .prz-bento-card.tugas,[data-theme=dark] .prz-bento-card.tugas{background:linear-gradient(135deg,rgba(37,99,235,.16) 0%,var(--surface) 100%);border-color:#3b82f64d}.prz-bento-card.barang{background:linear-gradient(135deg,#9333ea0f,#fffffffa);border-color:#9333ea33}:root[data-theme=dark] .prz-bento-card.barang,[data-theme=dark] .prz-bento-card.barang{background:linear-gradient(135deg,rgba(147,51,234,.16) 0%,var(--surface) 100%);border-color:#a855f74d}.prz-bento-ic{width:52px;height:52px;min-width:52px;border-radius:14px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.prz-bento-ic.blue{background:#2563eb1f;color:#2563eb}.prz-bento-ic.purple{background:#9333ea1f;color:#7c3aed}.prz-bento-body{flex:1;min-width:0}.prz-bento-title{display:block;font-size:15px;font-weight:600;color:var(--ink, #0b2a4a);letter-spacing:-.01em;margin-bottom:2px}.prz-bento-desc{display:block;font-size:12.5px;color:var(--muted, #64748b);line-height:1.35}.prz-bento-arrow{color:var(--ink-3, #94a3b8);font-size:13px;transition:transform .2s ease}.prz-bento-card:hover .prz-bento-arrow{transform:translate(3px);color:var(--ink, #0b2a4a)}.prz-summary-banner{display:flex;align-items:center;gap:12px;padding:12px 18px;margin-bottom:20px;border-radius:var(--r-lg, 16px);background:linear-gradient(135deg,#f59e0b14,#fffffff2);border:1px solid rgba(245,158,11,.25)}:root[data-theme=dark] .prz-summary-banner,[data-theme=dark] .prz-summary-banner{background:linear-gradient(135deg,rgba(245,158,11,.16) 0%,var(--surface) 100%);border-color:#f59e0b59}.prz-summary-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f59e0b2e;color:#d97706;font-size:16px;flex-shrink:0}.prz-summary-text{font-size:13px;font-weight:600;color:var(--ink, #0b2a4a);margin:0}.prz-filters-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;flex-wrap:nowrap;width:100%;box-sizing:border-box}.prz-filters-track{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0;min-width:0;flex:1}.prz-filters-track::-webkit-scrollbar{display:none}.prz-filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 13px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line, #e2e8f0);background:var(--surface, #ffffff);color:var(--ink-2, #475569);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .16s ease;flex-shrink:0}.prz-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 13px;border-radius:var(--ptv-curve-pill, 9999px);border:1px solid var(--line, #e2e8f0);background:var(--surface, #ffffff);color:var(--ink-2, #475569);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.prz-refresh-btn:hover:not(:disabled){background:var(--bg-2, #f8fafc);color:var(--ink);border-color:var(--b-300)}.prz-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.prz-filter-chip:hover:not(.active){background:var(--b-050, #edf4ff);border-color:var(--b-300, #a7ceff);color:var(--b-700, #0b5fbf)}.prz-filter-chip.active{background:var(--pri, #1273E6);color:#fff;border-color:var(--pri, #1273E6);box-shadow:0 2px 8px #1273e647}:root[data-theme=dark] .prz-filter-chip.active,[data-theme=dark] .prz-filter-chip.active{background:var(--pri, #1273E6);color:#fff;border-color:var(--pri, #1273E6)}.prz-chip-count{font-size:11px;font-weight:600;padding:1px 7px;border-radius:var(--r-full, 9999px);background:#0b2a4a14;color:var(--ink, #0b2a4a)}.prz-filter-chip.active .prz-chip-count{background:#ffffff47;color:#fff}@media(max-width:480px){.prz-filters-bar,.prz-filters-track{gap:4px}.prz-filter-chip{min-height:32px;padding:4px 7px;font-size:11px;gap:3px}.prz-chip-count{font-size:10px;padding:1px 4px}.prz-refresh-btn{width:32px;height:32px;min-height:32px;padding:0}}.prz-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.prz-doc-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-xl, 20px);box-shadow:0 2px 8px #0b2a4a0a;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-align:left}.prz-doc-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b2a4a14;border-color:var(--b-300, #A7CEFF)}.prz-doc-card:hover .prz-card-chevron{transform:translate(3px);color:var(--ink, #0b2a4a)}.prz-cat-icon{width:44px;height:44px;min-width:44px;border-radius:var(--r-md, 12px);display:grid;place-items:center;font-size:18px;flex-shrink:0;margin-top:2px}.prz-cat-icon.tugas{background:#2563eb1a;border:1px solid rgba(37,99,235,.18);color:#2563eb}.prz-cat-icon.barang{background:#9333ea1a;border:1px solid rgba(147,51,234,.18);color:#7c3aed}.prz-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.prz-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.prz-card-type-tag{font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.prz-card-type-tag.tugas{color:var(--b-600, #1273e6)}.prz-card-type-tag.barang{color:var(--cat-lensa-fg, #7c3aed)}.prz-card-title{font-size:14.5px;font-weight:600;color:var(--ink, #0b2a4a);letter-spacing:-.015em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.prz-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prz-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding-top:8px;border-top:1px solid var(--line-2, #f1f5f9)}.prz-card-metric{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;padding:2px 8px;border-radius:var(--r-full, 9999px)}.prz-card-metric.blue{background:#2563eb14;color:#1d4ed8}.prz-card-metric.purple{background:#9333ea14;color:#6d28d9}.prz-card-revision-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:var(--r-full, 9999px);padding:2px 7px}.prz-card-chevron{color:var(--ink-3, #94a3b8);font-size:11px;transition:transform .2s ease,color .2s ease;flex-shrink:0}.prz-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2.5px 8.5px;border-radius:var(--r-full, 9999px);box-shadow:0 1px 3px #00000008;flex-shrink:0}.prz-status-badge.approved{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.prz-status-badge.pending{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.2)}.prz-status-badge.revision{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.prz-status-badge.rejected{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.prz-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2a4a7a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow-x:hidden;overscroll-behavior:contain;animation:przFadeIn .2s ease}.prz-modal-card{width:100%;max-width:680px;max-height:min(88dvh,800px);background:var(--surface, #ffffff);border-radius:var(--r-2xl, 22px);box-shadow:0 24px 56px -12px #0b2a4a38,0 0 0 1px #0b2a4a0f;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;animation:przSlideUp .24s cubic-bezier(.16,1,.3,1)}.prz-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line-2, #e2e8f0);background:var(--surface, #ffffff);position:sticky;top:0;z-index:10;flex-shrink:0}.prz-modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 22px;box-sizing:border-box}.prz-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line-2, #e2e8f0);background:var(--bg-2, #f8fafc);position:sticky;bottom:0;z-index:10;flex-shrink:0}@keyframes przFadeIn{0%{opacity:0}to{opacity:1}}@keyframes przSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.prz-modal-banner{background:var(--bg-2, #f8fafc);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-md, 12px);padding:12px 14px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.prz-modal-field{margin-bottom:16px}.prz-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prz-date-grid>div{min-width:0;width:100%}.prz-date-grid input[type=date]{min-width:0!important;width:100%!important;box-sizing:border-box!important}@media(max-width:640px){.prz-date-grid{grid-template-columns:1fr!important}}.prz-modal-label{display:block;font-size:12.5px;font-weight:700;color:var(--ink, #0b2a4a);margin-bottom:6px}.prz-modal-input,.prz-modal-select,.prz-modal-textarea{width:100%;padding:10px 14px;background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-md, 10px);font-size:13.5px;font-family:inherit;color:var(--ink, #0b2a4a);transition:border-color .15s ease,box-shadow .15s ease}.prz-modal-input:focus,.prz-modal-select:focus,.prz-modal-textarea:focus{outline:none;border-color:var(--b-700, #0B5FBF);box-shadow:0 0 0 3px #0b5fbf1f}.prz-selection-box{max-height:220px;overflow-y:auto;border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-md, 10px);padding:6px;background:var(--surface, #ffffff)}.prz-selection-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s ease}.prz-selection-item:hover{background:var(--bg-2, #f1f5f9)}.prz-selection-item.selected{background:#2563eb14}.prz-status-summary-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md, 12px);margin-bottom:14px}.prz-status-summary-card.approved{background:#10b98114;border:1px solid rgba(16,185,129,.22)}.prz-status-summary-card.pending{background:#2563eb14;border:1px solid rgba(37,99,235,.22)}.prz-status-summary-card.revision{background:#f59e0b14;border:1px solid rgba(245,158,11,.22)}.prz-status-summary-card.rejected{background:#ef444414;border:1px solid rgba(239,68,68,.22)}.prz-status-summary-icon{width:34px;height:34px;border-radius:var(--r-full, 9999px);display:grid;place-items:center;font-size:14px;flex-shrink:0}.prz-status-summary-card.approved .prz-status-summary-icon{background:#10b98129;color:#059669}.prz-status-summary-card.pending .prz-status-summary-icon{background:#2563eb29;color:#2563eb}.prz-status-summary-card.revision .prz-status-summary-icon{background:#f59e0b29;color:#d97706}.prz-status-summary-card.rejected .prz-status-summary-icon{background:#ef444429;color:#dc2626}.prz-status-summary-text{display:flex;flex-direction:column;gap:2px}.prz-status-summary-title{font-size:12.5px;font-weight:750;color:var(--ink, #0b2a4a)}.prz-status-summary-desc{font-size:11.5px;color:var(--muted, #64748b);line-height:1.35}.prz-detail-summary-card{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-lg, 16px);padding:12px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.prz-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;gap:12px}.prz-summary-row .k{color:var(--muted, #64748b);font-weight:500;flex-shrink:0}.prz-summary-row .v{color:var(--ink, #0b2a4a);font-weight:700;text-align:right;word-break:break-word}.prz-summary-row .v.count-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;padding:2px 8px;border-radius:var(--r-full, 9999px)}.prz-summary-row .v.count-pill.blue{background:#2563eb14;color:#1d4ed8}.prz-summary-row .v.count-pill.purple{background:#9333ea14;color:#6d28d9}.prz-accordion-group{display:flex;flex-direction:column;gap:8px;margin-top:6px}.prz-accordion-item{border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-md, 12px);overflow:hidden;background:var(--surface, #ffffff)}.prz-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--surface, #ffffff);border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease}.prz-accordion-header:hover{background:var(--bg-2, #f8fafc)}.prz-accordion-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:750;color:var(--ink, #0b2a4a)}.prz-accordion-arrow{font-size:11px;color:var(--muted, #64748b);transition:transform .2s cubic-bezier(.16,1,.3,1)}.prz-accordion-arrow.open{transform:rotate(180deg)}.prz-accordion-content{padding:12px 14px;border-top:1px solid var(--line-2, #f1f5f9);background:var(--bg-2, #fbfcfd);font-size:12px}.prz-detail-crew-pill,.prz-detail-item-pill{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-sm, 8px);font-size:12px;font-weight:600;color:var(--ink, #0b2a4a)}.prz-audit-item{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-sm, 8px);padding:8px 12px;font-size:11.5px}.prz-qr-box{background:var(--surface, #ffffff);border:1px solid var(--line-2, #e2e8f0);border-radius:var(--r-md, 12px);padding:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;overflow-wrap:anywhere}.prz-qr-icon-wrap{background:#fff;padding:6px;border-radius:var(--r-sm, 8px);box-shadow:0 1px 3px #00000014;display:grid;place-items:center;flex-shrink:0;break-inside:avoid}@media print{.prz-qr-box{break-inside:avoid;background:#fff;color:#000}.prz-qr-icon-wrap svg{width:30mm;height:30mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.prz-verification-notice{background:var(--surface-sunken, #f8fafc);border:1px dashed var(--line-2, #cbd5e1);border-radius:var(--r-md, 12px);padding:12px 14px;display:flex;gap:10px;align-items:center}@media(max-width:640px){.prz-bento-grid,.prz-doc-grid{grid-template-columns:1fr}.prz-modal-overlay{padding:0;align-items:flex-end;overflow-x:hidden}.prz-modal-card{max-height:90dvh;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-top:auto;width:100%;overflow:hidden;overflow-x:hidden}.prz-modal-header{padding:12px 16px}.prz-modal-header h2{font-size:15px!important}.prz-modal-banner{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.prz-modal-body{padding:14px 16px;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.prz-modal-footer{padding:12px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));flex-direction:column-reverse;gap:8px;position:sticky;bottom:0;z-index:10;width:100%;box-sizing:border-box}.prz-modal-footer button{width:100%!important;min-height:44px!important;white-space:normal!important;word-break:break-word!important}.prz-selection-box{max-height:180px;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}:root[data-theme=dark] .prz-accordion-item,[data-theme=dark] .prz-accordion-item{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .prz-accordion-header,[data-theme=dark] .prz-accordion-header{background:var(--surface)}:root[data-theme=dark] .prz-accordion-header:hover,[data-theme=dark] .prz-accordion-header:hover{background:var(--surface-2)}:root[data-theme=dark] .prz-accordion-title,[data-theme=dark] .prz-accordion-title{color:var(--ink)}:root[data-theme=dark] .prz-accordion-arrow,[data-theme=dark] .prz-accordion-arrow{color:var(--muted)}:root[data-theme=dark] .prz-accordion-content,[data-theme=dark] .prz-accordion-content{background:var(--surface-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .prz-detail-crew-pill,:root[data-theme=dark] .prz-detail-item-pill,[data-theme=dark] .prz-detail-crew-pill,[data-theme=dark] .prz-detail-item-pill{background:var(--surface);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .prz-audit-item,[data-theme=dark] .prz-audit-item{background:var(--surface);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .prz-qr-box,[data-theme=dark] .prz-qr-box{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .prz-qr-icon-wrap,[data-theme=dark] .prz-qr-icon-wrap{background:#fff}:root[data-theme=dark] .prz-verification-notice,[data-theme=dark] .prz-verification-notice{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .prz-modal-card,[data-theme=dark] .prz-modal-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .prz-modal-header,:root[data-theme=dark] .prz-modal-footer,[data-theme=dark] .prz-modal-header,[data-theme=dark] .prz-modal-footer{background:var(--surface);border-color:var(--line)}.arsip-page{padding:0 0 40px;max-width:1200px;margin:0 auto;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.arsip-hero{margin-bottom:18px}.arsip-title-group{margin-bottom:0}.arsip-title{font-size:24px;font-weight:600;color:var(--ink, #0b2a4a);letter-spacing:-.02em;margin:0 0 4px;line-height:1.25}.arsip-desc{font-size:13.5px;font-weight:400;color:var(--muted, #64748b);margin:0;line-height:1.45}@media(max-width:640px){.arsip-title{font-size:21px}.arsip-desc{font-size:13px}}.arsip-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.arsip-stat-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);padding:18px 20px;box-shadow:0 1px 3px #0b2a4a08;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.arsip-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0b2a4a0f}.arsip-stat-icon{width:48px;height:48px;border-radius:var(--r-md, 12px);display:grid;place-items:center;font-size:20px;flex:none}.arsip-stat-icon.blue{background:#1273e61a;color:var(--b-600, #1273e6)}.arsip-stat-icon.green{background:#10b9811a;color:var(--ok, #10b981)}.arsip-stat-icon.amber{background:#f59e0b1a;color:var(--warn, #f59e0b)}.arsip-stat-val{font-size:24px;font-weight:800;color:var(--ink, #0b2a4a);line-height:1.1;letter-spacing:-.02em}.arsip-stat-label{font-size:12px;font-weight:600;color:var(--muted, #64748b);margin-top:3px}.arsip-controls-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);padding:16px 18px;margin-bottom:20px;box-shadow:0 1px 3px #0b2a4a08;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;overflow:hidden}.arsip-control-section{display:flex;flex-direction:column;gap:6px;width:100%}.arsip-control-label{font-size:12px;font-weight:600;letter-spacing:-.005em;color:var(--ink-2, #475569);display:flex;align-items:center;gap:6px;margin:0}.arsip-search-wrap{position:relative;width:100%}.arsip-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted, #64748b);font-size:15px;pointer-events:none}.arsip-search-input{width:100%;min-height:44px;padding:10px 42px 10px 44px;background:var(--bg, #f8fafd);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-pill);font-size:14px;color:var(--ink, #0b2a4a);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.arsip-search-input:focus{outline:none;border-color:var(--b-600, #1273e6);background:var(--surface, #ffffff);box-shadow:0 0 0 3px #1273e61f}.arsip-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted, #64748b);font-size:14px;cursor:pointer;padding:6px;border-radius:var(--ptv-curve-pill);display:grid;place-items:center}.arsip-search-clear:hover{color:var(--ink, #0b2a4a)}.arsip-filter-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:2px 2px 6px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line, rgba(11, 42, 74, .15)) transparent}.arsip-filter-scroll-container::-webkit-scrollbar{height:4px}.arsip-filter-scroll-container::-webkit-scrollbar-track{background:transparent}.arsip-filter-scroll-container::-webkit-scrollbar-thumb{background:var(--line, rgba(11, 42, 74, .15));border-radius:var(--ptv-curve-pill)}.arsip-filter-chips{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:max-content;min-width:100%}.arsip-chip{padding:7px 16px;min-height:36px;border-radius:var(--ptv-curve-pill);font-size:12.5px;font-weight:600;border:1px solid var(--line, rgba(11, 42, 74, .09));background:var(--bg, #f8fafd);color:var(--muted, #64748b);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex:none;display:inline-flex;align-items:center;justify-content:center}.arsip-chip:hover{background:var(--line, rgba(11, 42, 74, .06));color:var(--ink, #0b2a4a)}.arsip-chip.active{background:var(--b-600, #1273e6);color:#fff;border-color:var(--b-600, #1273e6);box-shadow:0 2px 8px #1273e640}.arsip-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:100%}.arsip-select-item{display:flex;flex-direction:column;gap:6px;width:100%}.arsip-select-wrap{position:relative;width:100%}.arsip-select-filter{width:100%;min-height:42px;padding:8px 36px 8px 16px;border-radius:var(--ptv-curve-pill);border:1px solid var(--line, rgba(11, 42, 74, .09));background:var(--bg, #f8fafd);color:var(--ink, #0b2a4a);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:all .2s ease;box-sizing:border-box}.arsip-select-filter:focus{border-color:var(--b-600, #1273e6);background:var(--surface, #ffffff);box-shadow:0 0 0 3px #1273e61f}.arsip-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted, #64748b);font-size:11px}.arsip-month-section{margin-bottom:24px}.arsip-month-header{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 6px;background:transparent;border:none;cursor:pointer;border-radius:var(--ptv-curve-md, 12px);text-align:left;font-family:inherit;transition:all .15s ease;box-sizing:border-box}.arsip-month-header:hover{background:#1273e60a}.arsip-month-header:focus-visible{outline:2px solid var(--b-600, #1273e6);outline-offset:2px}.arsip-month-title{font-size:17px;font-weight:800;color:var(--ink, #0b2a4a);letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-shrink:0}.arsip-month-icon{color:var(--b-600, #1273e6);font-size:15px}.arsip-month-count{font-size:11px;font-weight:700;padding:2px 9px;border-radius:var(--ptv-curve-pill);background:#1273e614;color:var(--b-600, #1273e6)}.arsip-month-rule{flex:1;height:1px;background:var(--line, rgba(11, 42, 74, .08))}.arsip-month-toggle{display:flex;align-items:center;gap:6px;color:var(--muted, #64748b);font-size:12px;font-weight:600;flex-shrink:0;transition:color .15s ease}.arsip-month-header:hover .arsip-month-toggle{color:var(--b-600, #1273e6)}.arsip-month-chevron{font-size:11px;transition:transform .2s ease}.arsip-month-chevron.open{transform:rotate(-180deg)}.arsip-year-section{margin-bottom:24px}.arsip-year-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.arsip-year-title{font-size:17px;font-weight:800;color:var(--ink, #0b2a4a)}.arsip-year-count{font-size:11px;font-weight:700;padding:2px 9px;border-radius:var(--ptv-curve-pill);background:#1273e614;color:var(--b-600, #1273e6)}.arsip-year-rule{flex:1;height:1px;background:var(--line, rgba(11, 42, 74, .08))}.arsip-items-stack{display:flex;flex-direction:column;gap:10px}.arsip-item-card{background:var(--surface, #ffffff);border:1px solid var(--line, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-xl, 22px);padding:16px 20px;box-shadow:0 1px 3px #0b2a4a08;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;position:relative;text-align:left;width:100%;box-sizing:border-box}.arsip-item-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b2a4a14;border-color:#1273e640}.arsip-item-card:focus-visible{outline:2px solid var(--b-600, #1273e6);outline-offset:2px}.arsip-item-ic{width:48px;height:48px;border-radius:var(--r-md, 12px);display:grid;place-items:center;font-size:20px;flex:none;transition:transform .2s ease,box-shadow .2s ease}.arsip-item-card:hover .arsip-item-ic{transform:scale(1.06);box-shadow:0 4px 12px #1273e62e}.arsip-item-ic.blue{background:#1273e61a;color:#1273e6}.arsip-item-ic.indigo{background:#4f46e51a;color:#4f46e5}.arsip-item-ic.teal{background:#0d94881c;color:#0d9488}.arsip-item-ic.amber{background:#d977061c;color:#d97706}.arsip-item-ic.purple{background:#8b5cf61c;color:#7c3aed}.arsip-item-ic.emerald{background:#10b9811c;color:#059669}.arsip-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.arsip-item-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arsip-item-no{font-size:12px;font-weight:700;letter-spacing:.02em}.arsip-item-no.official{color:var(--b-700, #0b5fbf)}.arsip-item-no.draft{color:var(--muted, #64748b);background:#64748b14;padding:1px 8px;border-radius:var(--ptv-curve-pill);font-size:11px}.arsip-item-type-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:var(--ptv-curve-pill);background:#0b2a4a0f;color:var(--muted, #64748b)}.arsip-item-subject{font-size:15px;font-weight:700;color:var(--ink, #0b2a4a);line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.arsip-item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted, #64748b);flex-wrap:wrap;margin-top:2px}.arsip-meta-item{display:inline-flex;align-items:center;gap:4px}.arsip-item-right{display:flex;align-items:center;gap:8px;flex:none}.arsip-doc-actions{display:inline-flex;align-items:center;gap:8px;flex:none}.arsip-doc-btn{height:32px;min-height:32px;padding:0 12px;border-radius:var(--ptv-curve-pill, 9999px);font-size:12px;font-weight:600;line-height:1;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer;box-sizing:border-box;text-decoration:none;transition:all .15s ease;-webkit-user-select:none;user-select:none}.arsip-doc-btn:focus-visible{outline:2px solid var(--b-500, #3b82f6);outline-offset:2px}.arsip-doc-btn:active{transform:scale(.97)}.arsip-doc-btn i{font-size:11px;line-height:1}.arsip-pdf-btn,.arsip-doc-btn-primary{background:var(--b-600, #1273e6);color:#fff;border:1px solid var(--b-600, #1273e6);box-shadow:0 1px 3px #1273e633}.arsip-pdf-btn:hover,.arsip-doc-btn-primary:hover{background:var(--b-700, #0b5fbf);border-color:var(--b-700, #0b5fbf);box-shadow:0 2px 8px #1273e652;color:#fff}.arsip-doc-view-btn,.arsip-doc-btn-secondary{background:var(--surface, #ffffff);color:var(--ink-2, #334155);border:1px solid var(--line, rgba(11, 42, 74, .16));box-shadow:0 1px 2px #00000008}.arsip-doc-view-btn:hover,.arsip-doc-btn-secondary:hover{background:#1273e60f;border-color:var(--b-500, #2563eb);color:var(--b-600, #1273e6)}.arsip-doc-view-btn:hover i,.arsip-doc-btn-secondary:hover i{transform:translate(1.5px);transition:transform .15s ease}.arsip-status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--ptv-curve-pill);font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.arsip-status-badge.disetujui{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.arsip-status-badge.menunggu{background:#1273e61a;color:#1273e6;border:1px solid rgba(18,115,230,.2)}.arsip-status-badge.revisi{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.arsip-status-badge.ditolak{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.arsip-empty-card{background:var(--surface, #ffffff);border:1px dashed var(--line, rgba(11, 42, 74, .15));border-radius:var(--ptv-curve-2xl, 28px);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.arsip-empty-icon{width:64px;height:64px;border-radius:var(--ptv-curve-xl, 22px);background:#1273e614;color:var(--b-600, #1273e6);font-size:28px;display:grid;place-items:center;margin-bottom:4px}.arsip-empty-title{font-size:16px;font-weight:700;color:var(--ink, #0b2a4a);margin:0}.arsip-empty-desc{font-size:13px;color:var(--muted, #64748b);margin:0;max-width:380px;line-height:1.5}@media(max-width:768px){.arsip-item-card{padding:14px;gap:12px}.arsip-item-ic{width:40px;height:40px;font-size:17px;border-radius:var(--r-sm, 9px)}.arsip-item-subject{font-size:14px}.arsip-item-right,.arsip-doc-actions{display:inline-flex;flex-direction:row;align-items:center;gap:6px}.arsip-doc-btn{height:30px;min-height:30px;padding:0 10px;font-size:11.5px;gap:5px}}@media(max-width:480px){.arsip-title{font-size:22px}.arsip-stats-grid{grid-template-columns:1fr;gap:10px}.arsip-stat-card{padding:14px 16px}.arsip-controls-card{padding:16px 14px;gap:14px}.arsip-select-grid{grid-template-columns:1fr;gap:12px}.arsip-item-card{flex-direction:column;align-items:flex-start}.arsip-item-right,.arsip-doc-actions{width:100%;flex-direction:row;justify-content:flex-end;align-items:center;border-top:1px solid var(--line, rgba(11, 42, 74, .06));padding-top:10px;margin-top:4px;gap:8px}.arsip-month-title{font-size:15px;gap:6px}.arsip-month-toggle-label{display:none}.arsip-month-header{padding:6px 2px;gap:8px}}:root[data-theme=dark] .arsip-stat-card{background:var(--surface);border-color:var(--line);box-shadow:0 1px 3px #00000040}:root[data-theme=dark] .arsip-controls-card{background:var(--surface);border-color:var(--line);box-shadow:0 1px 3px #00000040}:root[data-theme=dark] .arsip-search-input{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .arsip-search-input:focus{background:var(--surface);border-color:var(--b-500)}:root[data-theme=dark] .arsip-type-tab{background:var(--surface);border-color:var(--line);color:var(--ink-2)}:root[data-theme=dark] .arsip-type-tab.active{background:var(--b-600);border-color:var(--b-600);color:#fff}:root[data-theme=dark] .arsip-select-filter{background:var(--bg-2);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .arsip-select-filter:focus{background:var(--surface);border-color:var(--b-500)}:root[data-theme=dark] .arsip-item-card{background:var(--surface);border-color:var(--line);box-shadow:0 1px 3px #00000040}:root[data-theme=dark] .arsip-item-card:hover{border-color:var(--b-500);box-shadow:0 8px 24px #0006}:root[data-theme=dark] .arsip-month-header:hover{background:#a8c7fa14}:root[data-theme=dark] .arsip-doc-view-btn,:root[data-theme=dark] .arsip-doc-btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 1px 3px #0003}:root[data-theme=dark] .arsip-doc-view-btn:hover,:root[data-theme=dark] .arsip-doc-btn-secondary:hover{background:#1273e626;border-color:var(--b-500);color:#fff}:root[data-theme=dark] .arsip-pdf-btn,:root[data-theme=dark] .arsip-doc-btn-primary{background:var(--b-600);border-color:var(--b-600);color:#fff}:root[data-theme=dark] .arsip-pdf-btn:hover,:root[data-theme=dark] .arsip-doc-btn-primary:hover{background:var(--b-500);border-color:var(--b-500);color:#fff}.ptv-splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:99999;background-color:var(--bg, #F8FAFD);color:var(--ink, #0f172a);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:max(24px,env(safe-area-inset-top,24px)) max(20px,env(safe-area-inset-right,20px)) max(24px,env(safe-area-inset-bottom,24px)) max(20px,env(safe-area-inset-left,20px));user-select:none;-webkit-user-select:none;overflow:hidden;opacity:1;transition:opacity .25s cubic-bezier(.4,0,.2,1);pointer-events:auto}[data-theme=dark] .ptv-splash-screen,:root[data-theme=dark] .ptv-splash-screen{background-color:var(--bg, #111315)!important;color:var(--ink, #f1f5f9)!important}.ptv-splash-screen.ptv-splash-fading{opacity:0!important;pointer-events:none!important}.ptv-splash-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:340px;width:100%}.ptv-splash-logo{display:block;width:172px;height:36px;background-color:var(--ink, #0B2A4A);-webkit-mask-image:url(/assets/images/ptv-logo-white.webp);mask-image:url(/assets/images/ptv-logo-white.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;animation:ptvSplashFadeUp .4s cubic-bezier(.16,1,.3,1) both}[data-theme=dark] .ptv-splash-logo,:root[data-theme=dark] .ptv-splash-logo{background-color:#fff!important}.ptv-splash-subtitle{font-family:var(--font, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:13px;font-weight:500;color:var(--muted, #6E8CAE);letter-spacing:-.01em;margin:12px 0 0;line-height:1.4;animation:ptvSplashFadeUp .4s cubic-bezier(.16,1,.3,1) .06s both}[data-theme=dark] .ptv-splash-subtitle,:root[data-theme=dark] .ptv-splash-subtitle{color:var(--muted, #94a3b8)!important}.ptv-splash-progress-track{width:136px;height:2.5px;background-color:var(--line-2, rgba(11, 42, 74, .09));border-radius:var(--ptv-curve-pill, 9999px);margin-top:32px;position:relative;overflow:hidden;animation:ptvSplashFadeUp .4s cubic-bezier(.16,1,.3,1) .12s both}[data-theme=dark] .ptv-splash-progress-track,:root[data-theme=dark] .ptv-splash-progress-track{background-color:#ffffff24!important}.ptv-splash-progress-bar{position:absolute;top:0;bottom:0;border-radius:var(--ptv-curve-pill, 9999px);background-color:var(--pri, #1273E6);animation:ptvSplashIndeterminate 1.35s cubic-bezier(.4,0,.2,1) infinite}.ptv-splash-status{font-family:var(--font, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:11.5px;font-weight:500;color:var(--muted, #6E8CAE);letter-spacing:-.005em;margin-top:14px;line-height:1.3;opacity:.85;animation:ptvSplashFadeUp .4s cubic-bezier(.16,1,.3,1) .16s both}[data-theme=dark] .ptv-splash-status,:root[data-theme=dark] .ptv-splash-status{color:var(--muted, #94a3b8)!important}@keyframes ptvSplashFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ptvSplashIndeterminate{0%{left:-35%;width:32%}50%{left:32%;width:48%}to{left:105%;width:30%}}@media(prefers-reduced-motion:reduce){.ptv-splash-screen{transition:none!important}.ptv-splash-screen.ptv-splash-fading{opacity:0!important;transition:none!important}.ptv-splash-logo,.ptv-splash-subtitle,.ptv-splash-progress-track,.ptv-splash-status{animation:none!important;opacity:1!important;transform:none!important}.ptv-splash-progress-bar{animation:none!important;left:0!important;width:100%!important;opacity:.7}}:root{--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-surface: var(--surface);--bg-surface-hover: var(--b-050);--bg-card: var(--surface);--bg-card-border: var(--line);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-muted: var(--muted);--accent-blue: var(--b-700);--accent-cyan: var(--b-600);--status-success: var(--ok);--status-success-bg: var(--ok-bg);--status-warning: var(--warn);--status-warning-bg: var(--warn-bg);--status-danger: var(--dang);--status-danger-bg: var(--dang-bg);--status-info: var(--info);--status-info-bg: var(--info-bg);--radius-xs: var(--ptv-corner-xs);--radius-sm: var(--ptv-corner-sm);--radius-md: var(--ptv-corner-md);--radius-lg: var(--ptv-corner-lg);--radius-xl: var(--ptv-corner-xl);--radius-2xl: var(--ptv-corner-2xl);--radius-pill: var(--ptv-corner-pill);--radius-full: var(--ptv-corner-pill)}.ptv-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2a4abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:ptvFadeIn .2s cubic-bezier(.16,1,.3,1)}.ptv-lightbox-container{background:var(--surface, #FFFFFF);border-radius:var(--ptv-curve-xl, 22px);border:1px solid var(--line, rgba(11, 42, 74, .12));box-shadow:0 24px 50px #0b2a4a47;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ptv-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line, rgba(11, 42, 74, .08));background:var(--surface, #FFFFFF)}.ptv-lightbox-title-box{display:flex;align-items:center;gap:8px}.ptv-lightbox-icon{color:var(--b-700, #0B5FBF)}.ptv-lightbox-title{font-size:14px;font-weight:700;color:var(--ink, #0B2A4A)}.ptv-lightbox-close{background:#0b2a4a0d;border:1px solid var(--line, rgba(11, 42, 74, .08));border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink-2, #38587A);cursor:pointer;transition:all .16s ease}.ptv-lightbox-close:hover{background:#0b2a4a1f;color:var(--ink, #0B2A4A)}.ptv-lightbox-body{padding:16px;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:auto;max-height:calc(85vh - 110px)}.ptv-lightbox-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px;box-shadow:0 4px 16px #00000014}.ptv-lightbox-caption{padding:12px 20px;border-top:1px solid var(--line, rgba(11, 42, 74, .08));background:var(--surface, #FFFFFF);font-size:13px;color:var(--ink-2, #38587A);text-align:center}@keyframes ptvFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ptv-back-to-top-btn{position:fixed;bottom:28px;right:28px;width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;background:#fff;border:1px solid rgba(11,42,74,.12);box-shadow:0 4px 14px #0b2a4a29;color:#0b2a4a;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;z-index:75;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),box-shadow .15s ease,background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ptv-back-to-top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}.ptv-back-to-top-btn:hover{background:var(--b-050, #EFF6FF);color:var(--b-700, #1D4ED8);box-shadow:0 6px 18px #0b2a4a38;transform:translateY(-2px)}.ptv-back-to-top-btn:active{transform:translateY(0)}.ptv-back-to-top-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1273e64d}@media(max-width:768px){.ptv-back-to-top-btn{bottom:calc(var(--dock-h, 56px) + var(--sab, 0px) + 16px);right:18px;z-index:55}}@media(prefers-reduced-motion:reduce){.ptv-back-to-top-btn{transition:none!important}}:root[data-theme=dark] .ptv-back-to-top-btn{background:#1e293b;border-color:#334155;color:#38bdf8;box-shadow:0 4px 16px #00000073}:root[data-theme=dark] .ptv-back-to-top-btn:hover{background:#334155;color:#7dd3fc}@media(max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea,.form-control,.input,.lk-input,.ptv-select-trigger,.prz-modal-input,.prz-modal-select,.prz-modal-textarea,.damage-form-input,.damage-form-select,.damage-form-textarea,.damage-search-input,.catatan-modal-input,.catatan-modal-select,.catatan-modal-textarea,.loan-search-input-pill,.mso-input,.lf-input,.lf-textarea,.ptv-nilai-form-input,.ptv-nilai-form-select,.ptv-nilai-form-textarea,.ptv-workspace-search-input,[contenteditable=true]{font-size:16px!important}}input[type=date]{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px;font-family:inherit}@media(max-width:480px){input[type=date]{font-size:16px!important}.loan-date-grid,.form-grid-date-2,.date-range-grid,.prz-date-grid{grid-template-columns:1fr!important}}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:ptv-fade-out}::view-transition-new(root){animation-name:ptv-fade-in}@keyframes ptv-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ptv-fade-in{0%{opacity:0}to{opacity:1}}.ptv-theme-transition,.ptv-theme-transition *,.ptv-theme-transition *:before,.ptv-theme-transition *:after{transition:background-color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1),fill .35s cubic-bezier(.4,0,.2,1),stroke .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)!important;transition-delay:0s!important}.ptv-theme-instant,.ptv-theme-instant *,.ptv-theme-instant *:before,.ptv-theme-instant *:after{transition:none!important}@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){input,select,textarea,.pub-formal-input,.form-control,.set-input,.acara-field-input,.arsip-select-filter{font-size:16px!important}}