@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/dist/assets/inter-latin-400-normal-BOOGhInR.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/dist/assets/inter-latin-500-normal-D2bGa7uu.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/dist/assets/inter-latin-600-normal-D273HNI0.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/dist/assets/inter-latin-700-normal-Sckx8rpT.woff2) format("woff2")}:root{--font-local: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.icon{display:inline-block;width:1.125rem;height:1.125rem;flex-shrink:0;vertical-align:middle;align-self:center;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.btn .icon,.nav-item .icon{margin:0;top:auto;transform:none}.icon--md{width:1.35rem;height:1.35rem}.icon--lg{width:1.75rem;height:1.75rem}.icon--xl{width:2.25rem;height:2.25rem}.icon--home{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-8.5z'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")}.icon--user{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c0-3.5 3.1-6 7-6s7 2.5 7 6'/%3E%3C/svg%3E")}.icon--users{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 19c0-3 2.7-5 6-5'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M14 19c0-2.5 2-4.5 5-4.5'/%3E%3C/svg%3E")}.icon--calendar{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16'/%3E%3C/svg%3E")}.icon--clock{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E")}.icon--wallet{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8V6a2 2 0 0 1 2-2h12v14H6a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M4 12h14v4H6a2 2 0 0 1-2-2v-2z'/%3E%3Ccircle cx='16' cy='14' r='1'/%3E%3C/svg%3E")}.icon--card{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}.icon--leaf{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 20C6 10 14 4 20 4c0 8-8 16-14 16z'/%3E%3Cpath d='M6 20c4-4 8-10 8-14'/%3E%3C/svg%3E")}.icon--chart{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19V9M12 19V5M19 19v-7'/%3E%3C/svg%3E")}.icon--edit{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 4.5l3 3L8 19l-4 1 1-4 11.5-11.5z'/%3E%3C/svg%3E")}.icon--camera{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-2h6l2 2h3v10H4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E")}.icon--clipboard{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='16' rx='2'/%3E%3Cpath d='M9 4h6a2 2 0 0 1 0 4H9a2 2 0 0 1 0-4z'/%3E%3C/svg%3E")}.icon--doc{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8l4 4v12H8z'/%3E%3Cpath d='M16 4v4h4M10 13h6M10 17h6'/%3E%3C/svg%3E")}.icon--settings{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")}.icon--inbox{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v12H4z'/%3E%3Cpath d='M4 14h4l2 3h4l2-3h4'/%3E%3C/svg%3E")}.icon--bank{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16L12 4zM6 10v8M10 10v8M14 10v8M18 10v8M4 18h16'/%3E%3C/svg%3E")}.icon--tag{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12V4h8l8 8-8 8-8-8z'/%3E%3Ccircle cx='9' cy='9' r='1.25'/%3E%3C/svg%3E")}.icon--arrow-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V7M7 12l5-5 5 5'/%3E%3C/svg%3E")}.icon--arrow-down{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v12M7 12l5 5 5-5'/%3E%3C/svg%3E")}.icon--check{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4L19 7'/%3E%3C/svg%3E")}.icon--building{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1'/%3E%3Cpath d='M9 7h1M14 7h1M9 11h1M14 11h1M9 15h1M14 15h1M12 19v2'/%3E%3C/svg%3E")}.icon--wifi{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8.5C7 4 17 4 22 8.5'/%3E%3Cpath d='M5.5 12c3.5-2.5 9.5-2.5 13 0'/%3E%3Cpath d='M9 15.5a3 3 0 0 1 6 0'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/svg%3E")}.icon--receipt{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h12v16l-2-1-2 1-2-1-2 1-2-1-2 1z'/%3E%3Cpath d='M9 9h6M9 13h6'/%3E%3C/svg%3E")}.icon--briefcase{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='12' rx='2'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")}.icon--bell{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a5 5 0 0 1 5 5v3l2 2H5l2-2V9a5 5 0 0 1 5-5z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}.icon--search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E")}.icon--menu{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}.icon--globe{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")}.icon--info{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 8h.01'/%3E%3C/svg%3E")}.icon--warn{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 3 19h18z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E")}.icon--chevron-down{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.icon--logout{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5'/%3E%3Cpath d='M15 12H4'/%3E%3Cpath d='M20 4v16'/%3E%3C/svg%3E")}.icon--palette{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='8' cy='10' r='1.25' fill='%23fff'/%3E%3Ccircle cx='14' cy='9' r='1.25' fill='%23fff'/%3E%3Ccircle cx='16' cy='14' r='1.25' fill='%23fff'/%3E%3Ccircle cx='10' cy='15' r='1.25' fill='%23fff'/%3E%3C/svg%3E")}.home-card__icon-ring .icon{opacity:1}:root{--bg: #0f1419;--bg-card: #1a2332;--bg-hover: #243044;--bg-elevated: #1e2636;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #e8edf4;--text-muted: #8b9cb3;--primary: #0a84ff;--primary-hover: #409cff;--success: #30d158;--success-hover: #3de068;--danger: #ff453a;--danger-hover: #ff6961;--warning: #ff9f0a;--warning-hover: #ffb340;--btn-add: var(--success);--btn-add-hover: var(--success-hover);--btn-edit: var(--primary);--btn-edit-hover: var(--primary-hover);--btn-delete: var(--danger);--btn-delete-hover: var(--danger-hover);--income: #30d158;--expense: #ff453a;--radius: 10px;--radius-lg: 12px;--shadow: 0 2px 12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--sidebar-w: 248px;--sidebar-glass: rgba(22, 30, 44, .82);--font: var(--font-local, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--module-accent: #8b9cb3;--module-glow: rgba(139, 156, 179, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(10,132,255,.12) 0%,transparent 55%);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:grid;min-height:100vh;grid-template-columns:0 1fr;grid-template-rows:auto 1fr;grid-template-areas:"chrome chrome" "sidebar main";transition:grid-template-columns .25s ease}.app--launcher{grid-template-columns:1fr;grid-template-areas:"chrome" "main"}.app--module.app--sidebar-open{grid-template-columns:var(--sidebar-w) 1fr}.app--module:not(.app--sidebar-open){grid-template-columns:0 1fr}.app--module{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden}.app--module .main{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app--module .sidebar{min-height:0;align-self:stretch}.app-chrome{grid-area:chrome;display:flex;align-items:center;gap:.65rem 1rem;padding:.65rem 1.25rem;background:var(--sidebar-glass);backdrop-filter:saturate(160%) blur(20px);-webkit-backdrop-filter:saturate(160%) blur(20px);border-bottom:1px solid var(--border-strong);box-shadow:0 1px #00000040;position:sticky;top:0;z-index:90;overflow:visible}.app-chrome__toggle,.app-chrome__back{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-hover);color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.app-chrome__toggle:hover,.app-chrome__back:hover{color:var(--text);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,transparent)}.app-chrome__toggle .icon,.app-chrome__back .icon{width:1rem;height:1rem}.app-chrome__title-wrap{flex:1;min-width:0}.app-chrome__title{display:block;font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-chrome__subtitle{display:block;font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-chrome__account-wrap{position:relative;flex-shrink:0;min-width:0}.app-chrome__account-wrap[hidden]{display:none!important}.app-chrome__account-btn{display:flex;align-items:center;gap:.5rem;min-width:0;max-width:220px;padding:.35rem .5rem .35rem .35rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-hover);color:inherit;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.app-chrome__account-btn:hover,.app-chrome__account-btn[aria-expanded=true]{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,transparent);background:#0a84ff1a}.app-chrome__account-chevron{width:.85rem;height:.85rem;flex-shrink:0;opacity:.75}.app-account-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:260;min-width:11rem;display:flex;flex-direction:column;padding:.35rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:0 12px 40px #00000059}.app-account-menu[hidden]{display:none!important}.app-account-menu__item{display:block;width:100%;padding:.55rem .75rem;border:none;border-radius:6px;background:transparent;color:var(--text);font-family:inherit;font-size:.84rem;font-weight:500;text-align:left;cursor:pointer}.app-account-menu__item:hover{background:var(--bg-hover)}.app-account-menu__item--danger{color:var(--danger)}.app-account-menu__item--danger:hover{background:#ff453a1f}.app-chrome__account{display:flex;align-items:center;gap:.5rem;min-width:0;max-width:200px}.app-chrome__logout{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.app-chrome__logout:hover{background:#ff453a1f;border-color:#ff453a59;color:var(--danger)}.app-chrome__logout .icon{width:1rem;height:1rem}.app-chrome__notif-wrap{position:relative;flex-shrink:0;overflow:visible}.app-chrome__notif-wrap[hidden]{display:none!important}.app-chrome__notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.app-chrome__notif-bell:hover,.app-chrome__notif-bell[aria-expanded=true]{color:var(--text);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,transparent);background:#0a84ff1a}.app-chrome__notif-bell--unread{border-color:#ff453a73;color:#ff6b6b}.app-chrome__notif-bell .icon{width:1.1rem;height:1.1rem}.app-chrome__notif-badge{position:absolute;top:-.2rem;right:-.2rem;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;line-height:1.1rem;text-align:center;box-shadow:0 0 0 2px var(--bg-card, #1a2332)}.app-chrome__notif-badge[hidden]{display:none!important}.app-notif-dropdown{position:absolute;top:calc(100% + .45rem);right:0;z-index:250;width:min(22rem,calc(100vw - 1.5rem));max-height:min(70vh,24rem);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:0 12px 40px #00000059;overflow:hidden}.app-notif-dropdown[hidden]{display:none!important}.app-notif-dropdown__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;border-bottom:1px solid var(--border);background:var(--bg-hover)}.app-notif-dropdown__head strong{font-size:.88rem}.app-notif-dropdown__close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer}.app-notif-dropdown__close:hover{background:#ff453a1f;color:var(--danger)}.app-notif-dropdown__list{display:flex;flex-direction:column;gap:.45rem;padding:.55rem;overflow-y:auto;flex:1;min-height:0}.app-notif-dropdown__foot{padding:.5rem .65rem .65rem;border-top:1px solid var(--border)}.app-notif-dropdown__foot .btn{width:100%}@media(max-width:720px){.app-chrome__logout-label{display:none}}.sidebar{grid-area:sidebar;width:var(--sidebar-w);background:var(--sidebar-glass);backdrop-filter:saturate(160%) blur(20px);-webkit-backdrop-filter:saturate(160%) blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem .85rem;min-height:0;height:100%;z-index:100;transition:width .25s ease,padding .25s ease,border-color .25s ease;overflow:hidden}.sidebar__brand{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;padding:0 .5rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem;flex-shrink:0}.sidebar__brand-logo{width:100%;max-width:220px;height:auto;display:block}.sidebar__brand-text{width:100%}.sidebar__brand h1{font-size:1.05rem;font-weight:700}.sidebar__brand p{font-size:.75rem;color:var(--text-muted)}.sidebar__menu{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar__menu>.sidebar__back:not([hidden]){flex-shrink:0;margin-bottom:.5rem}.sidebar__nav{display:flex;flex-direction:column;gap:.35rem;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:.15rem;padding-bottom:.75rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar__menu>.sidebar__nav:not(.hidden){flex:1 1 0;min-height:0}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.nav-item{display:flex;align-items:center;padding:.5rem .85rem;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.8125rem;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:#0a84ff2e;color:var(--primary);font-weight:600}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;min-width:1.35rem;height:1.35rem;margin-right:.5rem;font-size:1.05rem;line-height:1;flex-shrink:0;text-align:center}.nav-group{display:flex;flex-direction:column;gap:.15rem}.nav-item--parent{width:100%;justify-content:flex-start}.nav-item__label{flex:1;text-align:left}.nav-item__chevron{display:inline-flex;width:.85rem;height:.85rem;margin-left:auto;opacity:.55;transition:transform .2s;background-color:currentColor;-webkit-mask:var(--icon-chevron) center / contain no-repeat;mask:var(--icon-chevron) center / contain no-repeat;--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.nav-group.open .nav-item__chevron{transform:rotate(180deg)}.nav-submenu{display:none;flex-direction:column;gap:.2rem;padding-left:.5rem;margin-left:.75rem;border-left:1px solid var(--border)}.nav-group.open .nav-submenu{display:flex}.nav-subitem{display:flex;align-items:center;padding:.6rem .85rem;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.82rem;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;width:100%}.nav-subitem:hover{background:var(--bg-hover);color:var(--text)}.nav-subitem.active{background:#0a84ff1a;color:var(--primary)}.nav-subitem--action{color:var(--text)}.nav-subitem--action:hover{background:#22c55e1f;color:var(--success)}.nav-group.active>.nav-item--parent{background:#0a84ff14;color:var(--primary)}.nav-submenu__label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.5rem .85rem .2rem;margin-top:.25rem}.nav-submenu__label:first-child{margin-top:0}.nav-group--nested{margin-top:.15rem}.nav-submenu .nav-group--nested .nav-item--nested{padding:.6rem .85rem;font-size:.82rem;font-weight:500;border-radius:8px;color:var(--text-muted)}.nav-submenu .nav-group--nested .nav-item--nested:hover{background:var(--bg-hover);color:var(--text)}.nav-submenu .nav-group--nested.active>.nav-item--nested{background:#0a84ff1a;color:var(--primary)}.nav-submenu .nav-group--nested .nav-submenu{margin-left:.35rem;padding-left:.5rem}.page-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}.page-toolbar__info h2{font-size:1.75rem;font-weight:700}.toolbar-filters{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar-filters .form-group{margin:0;min-width:200px}.toolbar-filters .form-group label{font-size:.75rem}.dropdown{position:relative}.dropdown__toggle{display:inline-flex;align-items:center;gap:.35rem}.dropdown__chevron{font-size:.65rem;opacity:.85}.dropdown__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:.35rem;display:none;z-index:50}.dropdown.open .dropdown__menu{display:block}.dropdown__item{display:block;width:100%;padding:.65rem .85rem;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:.85rem;font-weight:500;text-align:left;border-radius:8px;cursor:pointer}.dropdown__item:hover{background:var(--bg-hover)}.card--flush{padding:0;overflow:hidden}.card__title{padding:1rem 1.25rem;font-size:.85rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);background:#0003}.card--flush .cicilan-due-list,.card--flush .cicilan-lunas-list{padding:.75rem}.cicilan-lunas-list{display:flex;flex-direction:column;gap:.5rem}.cicilan-lunas-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.9rem 1rem;background:var(--bg);border-radius:10px;border:1px solid var(--border)}@media(max-width:640px){.cicilan-lunas-row{grid-template-columns:1fr}}.cicilan-lunas-row__name{font-weight:700;font-size:.95rem}.cicilan-lunas-row__meta{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.cicilan-lunas-row__amount{font-weight:700;color:var(--success);text-align:right;white-space:nowrap}.cicilan-lunas-row__actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;flex-shrink:0}.sidebar__footer{margin-top:auto;padding:1rem .5rem 0;flex-shrink:0;display:flex;flex-direction:column;gap:.65rem;border-top:1px solid var(--border)}.sidebar__account{display:flex;align-items:center;gap:.65rem;padding:.5rem .35rem}.sidebar__account-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--module-accent, #0a84ff) 22%,transparent);color:var(--module-accent, #7ec8ff);border:1px solid color-mix(in srgb,var(--module-accent, #0a84ff) 40%,transparent)}.sidebar__account-info{min-width:0;flex:1}.sidebar__account-info strong{display:block;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__account-info small{color:var(--text-muted);font-size:.68rem}.sidebar__logout{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-bottom:.55rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sidebar__logout:hover{background:#ff453a1f;border-color:#ff453a59;color:var(--danger)}.sidebar__logout .icon{width:1rem;height:1rem}.sidebar__footer-note{color:var(--text-muted);font-size:.65rem;text-align:center;line-height:1.35}.menu-toggle{display:none;flex-direction:row;position:fixed;top:1rem;left:1rem;z-index:200;background:#1a2332eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text);width:44px;height:44px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow)}.menu-toggle .icon{width:1.25rem;height:1.25rem}.main{grid-area:main;min-width:0;padding:2rem;max-width:1100px;width:100%;justify-self:center}.app--launcher .main{padding-top:1.5rem}@media(max-width:768px){.app--launcher .main{padding-top:.75rem}}.app--launcher .sidebar{display:none!important}.app--module{grid-template-areas:"chrome chrome" "sidebar main"}.app--module .sidebar{display:flex;overflow:hidden;border-right:1px solid var(--border)}.app--module .main{max-width:none;justify-self:stretch;width:100%}.app--module .sidebar__brand{padding-bottom:1rem;margin-bottom:1rem}.app--module:not(.app--sidebar-open) .sidebar{width:0;min-width:0;padding:0;border:none;overflow:hidden}.app-notification{position:relative;display:flex;align-items:flex-start;gap:.65rem;padding:.7rem 2rem .7rem .85rem;border-radius:var(--radius);font-size:.88rem;border:1px solid var(--border);background:var(--bg)}.app-notification--unread{box-shadow:0 0 0 1px color-mix(in srgb,var(--module-accent, var(--primary)) 35%,transparent)}.app-notification--action{background:#0a84ff14;border-color:#0a84ff40}.app-notification--info{background:#94a3b814}.app-notification--success{background:#22c55e1a;border-color:#22c55e59}.app-notification--warn{background:#f59e0b1a;border-color:#f59e0b59}.app-notification__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-top:.1rem}.app-notification__icon .icon{width:1.15rem;height:1.15rem}.app-notification__body{flex:1;min-width:0}.app-notification__text{margin:0 0 .5rem;line-height:1.45;color:var(--text)}.app-notification__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.app-notification__btn{flex-shrink:0;white-space:nowrap}.app-notification__dismiss{position:absolute;top:.35rem;right:.35rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.app-notification__dismiss:hover{background:#ff453a1f;color:var(--danger)}.page{display:none;animation:fadeIn .2s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card__label{font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem}.stat-card__value{font-size:1.5rem;font-weight:700}.stat-card__value.positive{color:var(--success)}.stat-card__value.negative{color:var(--danger)}.stats-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.stats-row .stat-card{flex:1;min-width:140px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card h3{font-size:.95rem;margin-bottom:1rem;color:var(--text-muted);font-weight:600}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.categories-list{display:flex;flex-direction:column;gap:.75rem;width:100%;min-width:0}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.category-card__info{min-width:0}.category-card__name{font-weight:600;font-size:.95rem}.category-card__account{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.tx-new-category{margin:-.25rem 0 .75rem;padding:.75rem .85rem;border-radius:10px;border:1px dashed var(--border);background:#3b82f60a}.category-card__account code{font-size:.76rem;padding:.1rem .35rem;border-radius:4px;background:#3b82f61a;color:var(--primary)}.category-card__type{font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.category-badge{display:inline-block;padding:.15rem .45rem;border-radius:5px;font-size:.65rem;font-weight:600;text-transform:uppercase}.category-badge.masuk{background:#22c55e26;color:var(--success)}.category-badge.keluar{background:#ef444426;color:var(--danger)}.category-badge.semua{background:#8b9cb326;color:var(--text-muted)}.category-badge.system{background:#3b82f61f;color:var(--primary)}.category-card--locked .category-card__actions{align-items:center}.category-card__locked{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.category-card__actions{display:flex;gap:.35rem;flex-shrink:0}.categories-summary--compact{margin-bottom:0;gap:.5rem;width:100%}.stat-card--compact{padding:.65rem .85rem}.stat-card--compact .stat-value{font-size:1.15rem}.categories-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);width:100%;min-width:0}.data-table--categories{width:100%;table-layout:auto}.data-table--categories th,.data-table--categories td{vertical-align:middle}.data-table--categories .category-badge{white-space:nowrap;font-size:.72rem;text-transform:none}.category-name-cell{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.category-name-cell strong{font-weight:600}.category-account-code{font-size:.78rem;padding:.12rem .4rem;border-radius:4px;background:#3b82f61a;color:var(--primary)}.category-note-cell{max-width:220px;font-size:.8rem}.category-usage-badge{display:inline-flex;min-width:1.75rem;justify-content:center;padding:.15rem .45rem;border-radius:999px;font-size:.78rem;font-weight:600;background:#8b9cb326;color:var(--text-muted)}.table-actions{display:flex;gap:.35rem;justify-content:flex-end;flex-wrap:wrap}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;position:relative;overflow:hidden}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent, var(--primary))}.account-card__bank{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}.account-card__name{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.account-card__balance{font-size:1.4rem;font-weight:700}.account-card__balance-hint{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0}.account-card__actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filters select{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.85rem}.tx-toolbar{padding:1rem 1.15rem}.tx-toolbar__filters{margin-bottom:0}.tx-toolbar__field{margin:0;min-width:9rem}.tx-toolbar__field--date{min-width:10.5rem}.tx-toolbar__field--date input[type=date]{width:100%}.tx-toolbar__search{flex:1 1 14rem;min-width:12rem;margin:0}.tx-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.tx-summary .stat-card{min-width:0}.tx-summary .stat-value.positive{color:var(--income)}.tx-summary .stat-value.negative{color:var(--expense)}.tx-summary .stat-value.tx-summary__net--plus{color:var(--income)}.tx-summary .stat-value.tx-summary__net--minus{color:var(--expense)}.tx-summary .stat-card__sub{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.category-card__module{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.transactions-list .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.transactions-list .data-table--transactions .tx-col-check{width:2.25rem;padding-left:.65rem;padding-right:0;vertical-align:middle}.transactions-list .data-table--transactions .tx-row-check{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer}.transactions-list .data-table--transactions .tx-row-check input{width:1rem;height:1rem;margin:0;cursor:pointer;accent-color:var(--module-accent, var(--primary))}.transactions-list .data-table--transactions tr.tx-row--selected td{background:color-mix(in srgb,var(--module-accent, var(--primary)) 8%,transparent)}.transactions-list .data-table--transactions .tx-col-actions{width:1%;white-space:nowrap;text-align:right}.transactions-list .data-table--transactions .tx-col-actions .btn{margin-left:.25rem}.transactions-list:not(:has(.data-table)),.debts-list{display:flex;flex-direction:column;gap:.5rem}.tx-item,.debt-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--bg);border-radius:10px;border:1px solid transparent;transition:border-color .15s}.tx-item:hover,.debt-item:hover{border-color:var(--border)}.tx-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tx-icon.masuk{background:#22c55e26}.tx-icon.keluar{background:#ef444426}.tx-icon.transfer{background:#0a84ff26}.tx-info{flex:1;min-width:0}.tx-info__title{font-weight:600;font-size:.9rem}.tx-info__meta{font-size:.75rem;color:var(--text-muted)}.tx-amount{font-weight:700;font-size:.95rem;text-align:right}.tx-amount.masuk{color:var(--income)}.tx-amount.keluar{color:var(--expense)}.tx-actions{display:flex;gap:.35rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.debt-badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.debt-badge.hutang{background:#ef444433;color:var(--danger)}.debt-badge.piutang{background:#22c55e33;color:var(--success)}.debt-badge.kasbon{background:#a855f733;color:#a855f7}.kasbon-item{padding:.75rem 0;border-bottom:1px solid var(--border)}.kasbon-item--lunas{opacity:.7}.invoice-settings__section-title{margin:0 0 1rem;font-size:1rem;font-weight:700}.invoice-settings__signature-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-top:.5rem}.invoice-settings__signature-img{max-height:72px;max-width:200px;object-fit:contain;border:1px dashed var(--border);border-radius:var(--radius);padding:8px;background:#fff}.invoice-settings__signature-actions{display:flex;flex-wrap:wrap;gap:.5rem}.invoice-settings__logo-size-row{display:flex;align-items:center;gap:1rem;margin-top:.35rem}.invoice-settings__logo-size-row input[type=range]{flex:1;max-width:280px}.invoice-settings__logo-size-row output{min-width:4.5rem;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.9rem}.invoice-settings__color-row{display:flex;align-items:center;gap:.75rem;margin-top:.35rem}.invoice-settings__color-row input[type=color]{width:48px;height:36px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface)}.invoice-settings__theme-preview{margin:.75rem 0 1rem;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.invoice-settings__theme-preview code{font-size:.8rem}.invoice-bank-list{display:flex;flex-direction:column;gap:.65rem}.invoice-bank-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated, rgba(255, 255, 255, .03))}.portal-swap-section__title{margin:0 0 .5rem;font-size:1rem}.portal-swap-section__title--spaced{margin-top:1.25rem}.portal-swap-section__subtitle{margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted);font-weight:500}.portal-swap-card{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:1rem!important;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem}.portal-swap-card--incoming{border-color:#8b5cf673;background:#8b5cf60f}.portal-swap-card__body{flex:1 1 12rem;min-width:0}.portal-swap-card__from{margin:0 0 .35rem;font-size:.95rem}.portal-swap-card__shifts{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.45}.portal-swap-card__arrow{margin:0 .25rem;font-weight:700;color:#8b5cf6}.portal-swap-card__note{margin:.5rem 0 0;font-size:.85rem;color:var(--text-muted)}.portal-swap-card__actions{flex:0 0 auto;align-self:center}.swap-date-block{flex:0 0 auto;min-width:8.5rem;max-width:11rem;padding:.65rem .85rem;border-radius:var(--radius);background:#8b5cf624;border:1px solid rgba(139,92,246,.4);text-align:center}.swap-date-block__day{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7c3aed;line-height:1.2}.swap-date-block__date{display:block;margin-top:.2rem;font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.25}.swap-date-block__meta{display:block;margin-top:.35rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.swap-date-preview{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;margin:.5rem 0 0;padding:.55rem .75rem;border-radius:var(--radius);background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.swap-date-preview .swap-date-block__day,.swap-date-preview .swap-date-block__date{text-align:left}.form-group--swap-date input[type=date]{font-size:1.05rem;font-weight:600}.portal-swap-alert{margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--radius);background:#0a84ff1f;border:1px solid rgba(10,132,255,.35);font-size:.9rem}.portal-swap-alert--inline a{color:var(--primary);font-weight:600}.kasbon-consolidate-hint{padding:.65rem .85rem;margin-bottom:.75rem;border-radius:var(--radius);background:#0a84ff14;border:1px solid rgba(10,132,255,.25)}.kasbon-additions{margin:.35rem 0 0;padding-left:1.15rem;font-size:.82rem;color:var(--text-muted)}.history-section__title{margin:0 0 .85rem;font-size:1rem;font-weight:600}.history-timeline{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--border);margin-left:.35rem;padding-left:0}.history-timeline__item{position:relative;padding:.75rem 0 .75rem 1.1rem;border-bottom:1px solid var(--border)}.history-timeline__item:last-child{border-bottom:none}.history-timeline__item:before{content:"";position:absolute;left:-.45rem;top:1.1rem;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-card)}.history-timeline__item--payment:before,.history-timeline__item--payroll_deduct:before,.history-timeline__item--consolidation:before{background:var(--success)}.history-timeline__item--rejected:before,.history-timeline__item--leave_rejected:before{background:var(--danger)}.history-timeline__item--request:before,.history-timeline__item--leave_submit:before{background:var(--warning)}.history-timeline__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem}.history-timeline__date{font-size:.8rem;font-weight:600;color:var(--text)}.history-timeline__tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:#94a3b81f;padding:.15rem .45rem;border-radius:4px}.history-timeline__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.history-timeline__head strong{font-size:.92rem}.history-timeline__detail{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.45}.history-timeline__amount{font-size:.88rem;font-weight:600;color:var(--primary);margin-left:auto}.history-timeline__amount--out{color:var(--success)}.page--portal-home{max-width:920px}.page--portal-home.active{animation:fadeIn .25s ease}.portal-dashboard{display:flex;flex-direction:column;gap:1.5rem}.portal-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.5rem 1.6rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a2d42,#1a2332 48%,#141c28);border:1px solid rgba(10,132,255,.28);box-shadow:var(--shadow);position:relative;overflow:hidden}.portal-hero:after{content:"";position:absolute;top:-35%;right:-8%;width:220px;height:220px;background:radial-gradient(circle,rgba(10,132,255,.22) 0%,transparent 70%);pointer-events:none}.portal-hero__main{position:relative;z-index:1;flex:1;min-width:0}.portal-hero__eyebrow{font-size:.9rem;color:#e8edf4d9;margin:0 0 .25rem}.portal-hero__title{font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;margin:0 0 .35rem;letter-spacing:-.02em}.portal-hero__date{font-size:.88rem;color:var(--text-muted);margin:0 0 1rem}.portal-hero__chips{display:flex;flex-wrap:wrap;gap:.5rem}.portal-chip{font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted)}.portal-chip--shift{color:#7ec8ff;border-color:#0a84ff66;background:#0a84ff1f}.portal-chip--ok{color:#86efac;border-color:#30d15866;background:#30d1581f}.portal-chip--warn{color:#fcd34d;border-color:#ff9f0a73;background:#ff9f0a1f}.portal-chip--leave{color:#c4b5fd;border-color:#8b5cf659}.portal-chip--red{color:#fca5a5;border-color:#ef444459;background:#ef44441a}.portal-chip__red-dot{color:#ef4444;font-size:.55rem;line-height:1;margin-right:.15rem}.portal-hero__badge{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--bg-hover);border:1px solid rgba(255,255,255,.08)}.portal-hero__badge-icon{font-size:2rem;line-height:1}.portal-hero__badge-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:center}.portal-hero__photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.portal-profil{display:grid;gap:1.5rem}@media(min-width:640px){.portal-profil{grid-template-columns:auto 1fr;align-items:start}}.portal-profil__photo-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem}.portal-profil__photo{width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center}.portal-profil__photo img{width:100%;height:100%;object-fit:cover}.portal-profil__photo-placeholder{font-size:.75rem;color:var(--text-muted);text-align:center;padding:.5rem}.portal-profil__name{margin:0 0 .75rem;font-size:1.25rem}.portal-profil__dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0 0 .75rem;font-size:.9rem}.portal-profil__dl dt{color:var(--text-muted);font-weight:600}.portal-profil__dl dd{margin:0}.portal-profil__form{grid-column:1 / -1;max-width:420px;padding-top:1rem;border-top:1px solid var(--border)}.portal-profil__login-form{margin-top:.25rem}.portal-profil__section-title{margin:0 0 .85rem;font-size:.95rem;font-weight:600;color:var(--text)}.portal-profil__form textarea{width:100%;min-height:4.5rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:.9rem;resize:vertical}.portal-alerts{display:flex;flex-direction:column;gap:.5rem}.portal-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);text-decoration:none;color:inherit;border:1px solid var(--border);background:var(--bg-card);transition:border-color .15s,transform .15s}.portal-alert:hover{border-color:var(--primary);transform:translate(4px)}.portal-alert--action{background:#0a84ff1f;border-color:#0a84ff59}.portal-alert__text{flex:1;font-size:.9rem;line-height:1.4}.portal-alert__go{font-size:.8rem;font-weight:600;color:var(--primary);flex-shrink:0}.portal-block__heading{font-size:1rem;font-weight:600;margin:0 0 .85rem}.portal-block__muted{font-weight:500;color:var(--text-muted)}.portal-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem}.portal-action{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}.portal-action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.portal-action--primary{grid-column:1 / -1;padding:1rem 1.15rem;background:linear-gradient(135deg,#0a84ff33,#2563eb14);border-color:#0a84ff80}.portal-action--primary:hover,.portal-action--blue:hover{border-color:var(--primary)}.portal-action--violet:hover{border-color:#bf5af2}.portal-action--green:hover{border-color:var(--success)}.portal-action--amber:hover{border-color:var(--warning)}.portal-action--rose:hover{border-color:#ff375f}.portal-action--cyan:hover{border-color:#64d2ff}.portal-action__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.portal-action__icon .icon{width:1.35rem;height:1.35rem}.portal-action__text{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.portal-action__text strong{font-size:.92rem}.portal-action__text small{font-size:.75rem;color:var(--text-muted)}.portal-action__arrow{color:var(--text-muted);font-size:1rem;flex-shrink:0;transition:transform .15s}.portal-action:hover .portal-action__arrow{transform:translate(3px);color:var(--primary)}.portal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.portal-stat{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--border)}.portal-stat--blue{border-left-color:var(--primary)}.portal-stat--violet{border-left-color:#bf5af2}.portal-stat--green{border-left-color:var(--success)}.portal-stat--amber{border-left-color:var(--warning)}.portal-stat--muted{border-left-color:var(--text-muted)}.portal-stat__icon{display:inline-flex;align-items:center;justify-content:center;opacity:.85}.portal-stat__icon .icon{width:1.25rem;height:1.25rem}.portal-alert__icon{display:inline-flex;flex-shrink:0}.portal-alert__icon .icon{width:1.1rem;height:1.1rem}.portal-hero__badge-icon{display:inline-flex;color:var(--primary)}.portal-stat__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.portal-stat__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.portal-stat__value{font-size:1.35rem;font-weight:700;line-height:1.2}.portal-stat__value--sm{font-size:1.05rem}.portal-stat__value small{font-size:.85rem;font-weight:600;color:var(--text-muted)}.portal-stat__sub{font-size:.78rem;color:var(--text-muted)}.portal-footnote{font-size:.82rem;color:var(--text-muted);text-align:center;margin:0}@media(max-width:640px){.portal-hero{flex-direction:column;padding:1.25rem}.portal-hero__badge{flex-direction:row;width:100%;justify-content:center}.portal-actions{grid-template-columns:1fr 1fr}.portal-action--primary{grid-column:1 / -1}}.badge--info{background:#0a84ff33;color:var(--primary)}.debt-badge.bunga{background:#f59e0b33;color:var(--warning)}.debt-badge.tanpa-bunga,.debt-badge.lunas{background:#8b9cb333;color:var(--text-muted)}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.cicilan-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.cicilan-type-picker--3{grid-template-columns:repeat(3,1fr)}.cicilan-type-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.85rem .9rem;min-height:100%;background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.cicilan-type-card input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cicilan-type-card__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:10px;font-size:.75rem;font-weight:800;letter-spacing:-.02em}.cicilan-type-card--bunga .cicilan-type-card__icon{background:#f59e0b2e;color:var(--warning, #f59e0b)}.cicilan-type-card--flat .cicilan-type-card__icon{background:#22c55e26;color:var(--success, #22c55e)}.cicilan-type-card--manual .cicilan-type-card__icon{background:#a855f72e;color:#a855f7}.cicilan-type-card--manual.is-selected,.cicilan-type-card--manual:has(input:checked){border-color:#a855f7;background:#a855f714;box-shadow:0 0 0 1px #a855f74d}.cicilan-type-card--manual.is-selected .cicilan-type-card__mark,.cicilan-type-card--manual:has(input:checked) .cicilan-type-card__mark{border-color:#a855f7;background:#a855f7}.debt-badge.manual-bunga{background:#a855f733;color:#c084fc}.manual-interest-box{margin-top:.75rem;padding:.85rem;background:#a855f70f;border:1px solid rgba(168,85,247,.25);border-radius:10px}.manual-interest-box[hidden]{display:none}.manual-interest-box__title{margin:0 0 .65rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#c084fc}.manual-interest-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.75rem}.manual-interest-tab{display:flex;align-items:center;justify-content:center;padding:.5rem .65rem;font-size:.78rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.manual-interest-tab input{position:absolute;opacity:0;pointer-events:none}.manual-interest-tab.is-active,.manual-interest-tab:has(input:checked){border-color:#a855f7;background:#a855f71f;color:var(--text)}.manual-interest-box .form-hint{display:block;margin-top:.3rem;font-size:.7rem;color:var(--text-muted)}#manualPercentWrap[hidden],#manualAmountWrap[hidden]{display:none}.cicilan-type-card__text{display:flex;flex-direction:column;gap:.2rem;flex:1;padding-right:1.25rem}.cicilan-type-card__title{font-size:.9rem;font-weight:700;color:var(--text);line-height:1.25}.cicilan-type-card__desc{font-size:.72rem;color:var(--text-muted);line-height:1.35}.cicilan-type-card__mark{position:absolute;top:.65rem;right:.65rem;width:1.15rem;height:1.15rem;border-radius:50%;border:2px solid var(--border);background:var(--bg-card);transition:border-color .15s,background .15s}.cicilan-type-card__mark:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:transparent;transform:scale(0);transition:transform .15s,background .15s}.cicilan-type-card:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));background:var(--bg-hover, rgba(255, 255, 255, .03))}.cicilan-type-card.is-selected,.cicilan-type-card:has(input:checked){border-color:var(--primary);background:#0a84ff14;box-shadow:0 0 0 1px #0a84ff40}.cicilan-type-card--bunga.is-selected,.cicilan-type-card--bunga:has(input:checked){border-color:var(--warning, #f59e0b);background:#f59e0b14;box-shadow:0 0 0 1px #f59e0b4d}.cicilan-type-card--flat.is-selected,.cicilan-type-card--flat:has(input:checked){border-color:var(--success, #22c55e);background:#22c55e14;box-shadow:0 0 0 1px #22c55e4d}.cicilan-type-card.is-selected .cicilan-type-card__mark,.cicilan-type-card:has(input:checked) .cicilan-type-card__mark{border-color:var(--primary);background:var(--primary)}.cicilan-type-card--bunga.is-selected .cicilan-type-card__mark,.cicilan-type-card--bunga:has(input:checked) .cicilan-type-card__mark{border-color:var(--warning, #f59e0b);background:var(--warning, #f59e0b)}.cicilan-type-card--flat.is-selected .cicilan-type-card__mark,.cicilan-type-card--flat:has(input:checked) .cicilan-type-card__mark{border-color:var(--success, #22c55e);background:var(--success, #22c55e)}.cicilan-type-card.is-selected .cicilan-type-card__mark:after,.cicilan-type-card:has(input:checked) .cicilan-type-card__mark:after{background:#fff;transform:scale(1)}@media(max-width:560px){.cicilan-type-picker--3{grid-template-columns:1fr}}@media(max-width:420px){.cicilan-type-picker{grid-template-columns:1fr}}.debt-progress{height:4px;background:var(--border);border-radius:2px;margin-top:.5rem;overflow:hidden}.debt-progress__bar{height:100%;background:var(--primary);border-radius:2px;transition:width .3s}.btn{padding:.6rem 1.1rem;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .15s}.btn--primary{background:var(--btn-add);color:#fff;border:1px solid color-mix(in srgb,var(--btn-add-hover) 70%,transparent);box-shadow:0 1px 2px #00000040}.btn--primary:hover:not(:disabled){background:var(--btn-add-hover)}.btn--ghost{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-strong)}.btn--ghost:hover{background:var(--bg-elevated);color:var(--text);border-color:color-mix(in srgb,var(--text-muted) 35%,var(--border-strong))}.btn--sm{padding:.35rem .7rem;font-size:.75rem}.btn--secondary{background:color-mix(in srgb,var(--primary) 16%,var(--bg-card));color:#9cd4ff;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--border-strong))}.btn--secondary:hover{background:color-mix(in srgb,var(--primary) 26%,var(--bg-hover));color:#c5e6ff;border-color:color-mix(in srgb,var(--primary) 60%,var(--border-strong))}.btn--edit{background:var(--btn-edit);color:#fff;border:1px solid color-mix(in srgb,var(--btn-edit-hover) 70%,transparent);box-shadow:0 1px 2px #0003}.btn--edit:hover:not(:disabled){background:var(--btn-edit-hover)}.btn--danger{background:var(--btn-delete);color:#fff;border:1px solid color-mix(in srgb,var(--btn-delete-hover) 70%,transparent);box-shadow:0 1px 2px #0003}.btn--danger:hover:not(:disabled){background:var(--btn-delete-hover)}.btn--success{background:color-mix(in srgb,var(--success) 16%,var(--bg-card));color:#6ee7a0;border:1px solid color-mix(in srgb,var(--success) 42%,var(--border-strong))}.btn--success:hover:not(:disabled){background:color-mix(in srgb,var(--success) 26%,var(--bg-hover));color:#9ef0bc}.btn--pay{background:linear-gradient(180deg,#3de068 0%,var(--success) 100%);color:#052e14;border:1px solid color-mix(in srgb,var(--success) 80%,#fff);box-shadow:0 1px 2px #0000004d;font-weight:700}.btn--pay:hover{background:linear-gradient(180deg,#5ef085,#3de068);color:#031f0d}.btn--print{background:color-mix(in srgb,var(--warning) 18%,var(--bg-card));color:#e8c078;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--border-strong))}.btn--print:hover:not(:disabled){background:color-mix(in srgb,var(--warning) 28%,var(--bg-hover));color:#f5ddb0;border-color:color-mix(in srgb,var(--warning) 62%,var(--border-strong))}.btn--print:disabled{opacity:.45;cursor:not-allowed}.actions-cell .btn+.btn{margin-left:.35rem}.tx-locked-hint{display:inline-block;font-size:.72rem;font-weight:600;color:var(--text-muted);padding:.25rem .5rem;border-radius:6px;border:1px dashed var(--border-strong);background:var(--bg-hover);cursor:help;white-space:nowrap}.form-group{margin-bottom:1rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:var(--text);cursor:pointer}.radio-label input{margin-top:.2rem;flex-shrink:0}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group input.input--locked{cursor:not-allowed;opacity:.92;-webkit-user-select:none;user-select:none}.form-group input.input--locked:focus{border-color:var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:640px){.form-row--3,.form-row--4{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:300;padding:1rem}.modal-overlay.open{display:flex}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;display:none;align-items:center;justify-content:center;padding:1rem;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-overlay.open{display:flex}.confirm-dialog{width:100%;max-width:440px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);box-shadow:0 24px 64px #00000080;overflow:hidden;animation:confirm-dialog-in .18s ease-out}@keyframes confirm-dialog-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog__header{padding:1.25rem 1.35rem .35rem}.confirm-dialog__header h3{margin:0;font-size:1.05rem;font-weight:600;line-height:1.4;color:var(--text)}.confirm-dialog__body{padding:.5rem 1.35rem 1.15rem;font-size:.88rem;line-height:1.55;color:var(--text-muted)}.confirm-dialog__body strong{color:var(--text);font-weight:600}.confirm-dialog__footer{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.55rem;padding:.9rem 1.35rem 1.15rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 65%,transparent)}.confirm-dialog__footer .btn{min-height:2.25rem;padding:.45rem 1rem;border-radius:8px;font-size:.84rem}.confirm-dialog__footer .btn--ghost{min-width:5.5rem}.confirm-dialog--info .confirm-dialog__footer{justify-content:center}.confirm-dialog--info .confirm-dialog__footer .btn{min-width:9rem}.confirm-dialog--success .confirm-dialog__header h3{color:var(--success)}.confirm-dialog--warn .confirm-dialog__header h3{color:var(--warning, #f59e0b)}.clock-info-dialog{text-align:center;padding:.25rem 0 .15rem}.clock-info-dialog__icon{width:3.25rem;height:3.25rem;margin:0 auto .85rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.45rem;font-weight:700;line-height:1}.clock-info-dialog__icon--success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}.clock-info-dialog__icon--pending{background:color-mix(in srgb,var(--warning, #f59e0b) 16%,transparent);color:var(--warning, #f59e0b);border:1px solid color-mix(in srgb,var(--warning, #f59e0b) 32%,transparent)}.clock-info-dialog__lead{margin:0 0 .45rem;font-size:.95rem;color:var(--text)}.clock-info-dialog__hint{margin:0;font-size:.84rem;color:var(--text-muted)}.clock-success-summary{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem;padding:.75rem 1rem;border-radius:10px;background:color-mix(in srgb,var(--bg-elevated) 80%,transparent);border:1px solid var(--border);font-size:.84rem;color:var(--text-muted)}.clock-success-summary strong{color:var(--text);font-weight:600}.confirm-dialog__footer .btn--ghost{background:color-mix(in srgb,var(--bg-hover) 80%,var(--bg-card))}.modal{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;max-height:min(90vh,90dvh);overflow:hidden;box-shadow:var(--shadow)}.modal--wide{max-width:640px}.filters--row{align-items:flex-end;margin-bottom:1rem}.piutang-panel{margin-top:0}.piutang-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:#0000001f}.piutang-toolbar__right{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.search-box{position:relative;flex:1;min-width:220px;max-width:360px}.search-box--wide{max-width:100%;min-width:200px}.toolbar-filters--row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.toolbar-filters--row .search-box{flex:1 1 240px}.toolbar-filters--row .form-group{flex:0 0 auto}#page-piutang-cicilan .piutang-result,#page-piutang-cicilan-lunas .piutang-result{padding:0 0 .5rem;min-height:1.25rem}.cicilan-lunas-row__name mark{background:#0a84ff59;color:inherit;border-radius:2px;padding:0 2px}.search-box__icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;margin:0;padding:0;border:none;background-color:var(--text-muted);opacity:.65;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") center / contain no-repeat}.search-box__icon .icon{display:block;width:100%;height:100%}.search-box__input{width:100%;min-height:2.375rem;padding:.55rem 2.25rem .55rem 2.5rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.9rem;line-height:1.25;box-sizing:border-box}.search-box__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0a84ff26}.search-box__clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:var(--bg-hover);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:1.1rem;line-height:1}.search-box__clear:hover{color:var(--text)}.tabs--compact{margin:0;flex-shrink:0}.search-result,.piutang-result{padding:.5rem 1.25rem 0;font-size:.78rem;color:var(--text-muted);min-height:1.5rem}.piutang-table-wrap{overflow-x:auto;padding:0 .5rem .5rem}.piutang-table{width:100%;border-collapse:collapse;font-size:.85rem}.piutang-table th{text-align:left;padding:.75rem 1rem;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap}.piutang-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.piutang-table tbody tr:hover{background:#0a84ff0a}.piutang-table tbody tr:last-child td{border-bottom:none}.piutang-row--lunas{opacity:.75}.piutang-row__person{font-weight:700;font-size:.95rem}.piutang-row__person mark{background:#f59e0b59;color:inherit;border-radius:2px;padding:0 2px}.piutang-row__desc{font-size:.75rem;color:var(--text-muted);margin-top:.15rem;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.piutang-row__date{font-size:.85rem;white-space:nowrap;color:var(--text-muted)}.piutang-row--overdue{background:#ef44440a}.piutang-row__overdue{margin-top:.35rem}.piutang-row__overdue-item{font-size:.75rem;color:var(--danger);margin-top:.12rem;white-space:nowrap}.debt-badge.overdue{background:#ef444438;color:var(--danger);margin-bottom:.15rem;display:inline-block}.piutang-row__amount{font-weight:600;white-space:nowrap}.piutang-row__amount--sisa{color:var(--success);font-weight:700}.piutang-row__progress{height:4px;background:var(--border);border-radius:2px;margin-top:.35rem;max-width:80px}.piutang-row__progress-bar{height:100%;background:var(--primary);border-radius:2px}.piutang-row__actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;min-width:140px}.piutang-table .empty-state{padding:2.5rem 1rem}@media(max-width:900px){.piutang-table th:nth-child(3),.piutang-table td:nth-child(3),.piutang-table th:nth-child(4),.piutang-table td:nth-child(4){display:none}}.piutang-list{display:flex;flex-direction:column;gap:1rem}.piutang-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.piutang-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.piutang-card__name{font-size:1.1rem;font-weight:700}.piutang-card__amount{font-size:1.2rem;font-weight:700;color:var(--success);text-align:right}.piutang-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin:.75rem 0;padding:.75rem;background:var(--bg);border-radius:8px}.piutang-card__stat-label{font-size:.7rem;color:var(--text-muted)}.piutang-card__stat-value{font-size:.9rem;font-weight:600}.piutang-card__sim{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.piutang-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.cicilan-due-list{display:flex;flex-direction:column;gap:.75rem}.cicilan-due-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;background:var(--bg);border-radius:10px;border:1px solid var(--border)}.cicilan-due-card__main{flex:1;min-width:0}.cicilan-due-card__title{font-weight:700;font-size:.95rem}.cicilan-due-card__meta{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.cicilan-due-card__amount{font-weight:700;color:var(--success);text-align:right}.cicilan-due-card__actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end;flex-shrink:0}.cicilan-due-card__tag{display:inline-block;font-size:.7rem;padding:.15rem .45rem;border-radius:4px;background:#f59e0b26;color:var(--warning);margin-top:.25rem}.schedule-table{width:100%;border-collapse:collapse;font-size:.82rem}.schedule-table th,.schedule-table td{padding:.5rem .65rem;text-align:left;border-bottom:1px solid var(--border)}.schedule-table th{color:var(--text-muted);font-weight:600;font-size:.75rem}.schedule-table tr.paid td{color:var(--text-muted)}.schedule-table tr.due-soon td{background:#0a84ff14}.sim-preview{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin-top:.5rem;font-size:.8rem}.sim-preview table{width:100%;margin-top:.5rem}.interest-rules-box{margin-top:.75rem;padding:.75rem;background:#f59e0b0f;border:1px solid rgba(245,158,11,.22);border-radius:10px}.interest-rules-box[hidden]{display:none}.interest-rules-box__title{margin:0 0 .55rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--warning, #f59e0b)}.interest-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}.interest-rule-chip{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .55rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:.68rem;color:var(--text-muted)}.interest-rule-chip span{line-height:1.2}.interest-rule-chip strong{font-size:.82rem;color:var(--text)}.interest-rule-chip--wide{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}@media(max-width:420px){.interest-rules-grid{grid-template-columns:1fr}.interest-rule-chip--wide{flex-direction:column;align-items:flex-start}}.interest-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;margin-bottom:.5rem}.interest-summary div{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem}.interest-summary span{color:var(--text-muted)}.interest-rule{font-size:.75rem;color:var(--text-muted);margin:.35rem 0 .5rem}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.checkbox-row input{width:auto}.form-group input[type=checkbox],.form-group input[type=radio]{width:auto;padding:0;background:transparent;border:none;border-radius:0;flex-shrink:0;accent-color:var(--module-accent, var(--primary))}.form-group input[type=color]{width:3rem;height:2.25rem;padding:2px;cursor:pointer;flex-shrink:0}.account-form__color .account-color-picker{display:flex;align-items:center;gap:.75rem}.account-form__color input[type=color]{width:3rem;height:2.25rem;padding:2px;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg-elevated);cursor:pointer}.account-form__tabungan{margin-top:.25rem}.account-form__tabungan-hint{margin-top:.35rem}.account-visibility-panel{margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius, 8px);background:color-mix(in srgb,var(--bg-elevated) 55%,transparent)}.account-visibility-panel__title{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.65rem}.account-vis-master{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));font-size:.88rem;font-weight:500;color:var(--text);cursor:pointer}.account-vis-master input{margin:0;flex-shrink:0}.account-vis-group{margin-bottom:.85rem}.account-vis-group:last-of-type{margin-bottom:.5rem}.account-vis-group__title{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem}.account-vis-list{display:flex;flex-direction:column;gap:.35rem}.account-vis-item{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .65rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.account-vis-item:hover{background:var(--bg-hover);border-color:var(--border-subtle, rgba(255, 255, 255, .06))}.account-vis-item input{margin-top:.15rem;flex-shrink:0}.account-vis-item__text{flex:1;min-width:0}.account-vis-item__label{display:block;font-size:.88rem;color:var(--text);font-weight:500}.account-vis-item .form-hint{display:block;margin:.15rem 0 0;font-size:.78rem;line-height:1.35}.modal__header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.modal__header h3{font-size:1.1rem}.modal__close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1.25rem}.form-group input.is-invalid,.form-group select.is-invalid,.form-group textarea.is-invalid,.date-picker-wrap input.is-invalid{border-color:var(--danger, #ef4444);box-shadow:0 0 0 1px var(--danger, #ef4444)}.field-error{margin-top:.35rem;font-size:.8rem;color:var(--danger, #ef4444);font-weight:500}.modal__footer{display:flex;justify-content:flex-end;flex-shrink:0;gap:.5rem;padding:.75rem 1.25rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-card)}.list-compact .tx-item,.list-compact .debt-item{padding:.65rem 0;background:transparent;border-radius:0;border-bottom:1px solid var(--border)}.list-compact .tx-item:last-child,.list-compact .debt-item:last-child{border-bottom:none}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.9rem}.empty-state .icon{display:block;margin:0 auto .65rem;opacity:.45;color:var(--text-muted)}.empty-state p{margin:0}.empty-state>span:not(.icon){display:block;font-size:2rem;margin-bottom:.5rem;opacity:.5}.toast{position:fixed;bottom:1.5rem;right:1.5rem;left:1.5rem;max-width:28rem;margin-left:auto;background:var(--bg-card);border:1px solid var(--border);padding:.85rem 1.25rem;border-radius:10px;font-size:.9rem;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:all .3s;z-index:6000;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.sidebar__back{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-hover);color:var(--text);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;text-align:left;flex-shrink:0;transition:background .15s,border-color .15s}.sidebar__back:hover{background:#0a84ff1f;border-color:#0a84ff59;color:var(--primary)}.sidebar__back-icon{font-size:1.1rem;line-height:1}.sidebar--module .sidebar__nav{margin-top:0}#btnBackMainMenu[hidden],#sidebarToggle[hidden],#menuToggle[hidden]{display:none!important}.app--single-app.app--module .sidebar__brand-text p#appSubtitle{color:var(--text-muted)}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070b12;background-image:radial-gradient(ellipse 90% 55% at 50% 0%,rgba(0,174,239,.16) 0%,transparent 62%);display:none;align-items:center;justify-content:center;z-index:500;padding:1.5rem}.login-overlay.open{display:flex}.login-boot-hint{display:none;text-align:center;font-size:.88rem;color:var(--text-muted);margin:0 0 .75rem}html.zinet-auth-pending .login-boot-hint{display:block}html.zinet-needs-login.zinet-auth-pending #loginOverlay.open{display:flex}html.zinet-session-resume #loginForm,.login-overlay--booting #loginForm,html.zinet-session-resume #loginBootHint,.login-overlay--booting #loginBootHint,html.zinet-embed #appAccountWrap,html.zinet-embed #btnBackMainMenu,html.zinet-embed .page--launcher,.app--launcher .app-chrome__toggle,.app--launcher #menuToggle{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-card--isp .login-card__logo{margin-bottom:1.75rem;filter:brightness(1.05)}.login-card--isp .login-form{margin-top:0}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem 2rem 2rem;width:100%;max-width:420px;box-shadow:0 24px 48px #00000073}.login-card__logo{display:block;margin:0 auto 1.35rem;width:min(300px,88vw);height:auto;max-height:none}.login-card h2{text-align:center;font-size:1.2rem;font-weight:700;margin:0 0 .4rem;color:var(--text)}.login-card__hint,.login-card .text-muted{text-align:center;margin:0 0 1.35rem;font-size:.88rem;color:var(--text-muted)}.login-card .form-group label{color:var(--text-muted)}.login-card input{background:var(--bg);border-color:var(--border);color:var(--text)}.login-card input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.login-card .btn--primary{background:var(--primary);border-color:var(--primary)}.login-form .btn--block{width:100%;margin-top:.5rem}.login-error,.login-fail-banner{display:none;color:#fff;background:#c92a2a;border:1px solid #ff6b6b;border-radius:8px;font-size:.9rem;font-weight:600;line-height:1.45;margin:.65rem 0 .25rem;padding:.65rem .85rem;text-align:center}.login-fail-banner:not([hidden]){display:block}.login-error{display:none!important}.login-fail-banner{width:100%;margin:0 0 .85rem;box-shadow:0 4px 12px #00000059}.login-fail-banner.is-visible,.login-error.is-visible{display:block!important;visibility:visible!important;opacity:1!important}.login-form.is-loading .btn--primary{opacity:.7;pointer-events:none}.company-form{display:flex;flex-direction:column;gap:1.5rem}.company-form__branding{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.company-branding-card{padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-hover)}.company-branding-card__title{margin:0 0 .75rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.company-branding-card__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:120px;margin-bottom:.75rem;padding:.85rem;border-radius:8px;border:1px dashed var(--border);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.company-branding-card__preview:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.company-branding-card__preview--print{background:#fff}.company-branding-card__preview--login{background:linear-gradient(180deg,#0f172a,#1e293b)}.company-branding-card__preview--favicon{background:#f8fafc;min-height:96px}.company-branding-card__upload-hint{font-size:.72rem;color:var(--text-muted);text-align:center;line-height:1.35}.company-branding-card__preview--login .company-branding-card__upload-hint{color:#ffffff8c}.company-logo-preview--login{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;background:transparent}.company-logo-preview--print{max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain;background:transparent}.company-favicon-preview{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#fff;padding:6px;box-shadow:0 1px 3px #0000001f}.company-logo-preview{display:block;margin:0 auto}.company-form__logo-actions{display:flex;flex-direction:column;gap:.35rem}.perm-group{margin-bottom:.75rem}.perm-group__label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:.35rem}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.35rem}.perm-check{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.perm-check--disabled{opacity:.45;cursor:not-allowed}.perm-check--inline{margin-top:.75rem}.perm-matrix-wrap{max-height:min(52vh,520px);overflow-y:auto;margin-top:.5rem;padding:.25rem;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:8px}.perm-quick-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.perm-matrix__app{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.perm-matrix__app:last-child{border-bottom:none;margin-bottom:0}.perm-matrix__app-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.5rem;cursor:pointer}.perm-matrix__app-head strong{font-size:.95rem}.perm-matrix__table{width:100%;border-collapse:collapse;font-size:.82rem}.perm-matrix__table th{text-align:left;font-weight:600;color:var(--text-muted);padding:.35rem .5rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.perm-matrix__menu{padding:.4rem .5rem;vertical-align:top;width:38%;color:var(--text-secondary, #a8b3cf)}.perm-matrix__actions{padding:.35rem .5rem}.perm-matrix__action{display:inline-flex;align-items:center;gap:.25rem;margin:.15rem .5rem .15rem 0;font-size:.8rem;cursor:pointer;white-space:nowrap}.perm-matrix__action input{flex-shrink:0}.karyawan-setup-panel{margin:.75rem 0 1rem;padding:1rem 1.1rem;border-radius:var(--radius);background:var(--surface-elevated, rgba(15, 23, 42, .04));border:1px solid var(--border)}.karyawan-setup-panel__title{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.karyawan-setup-list{margin:0 0 .75rem;padding-left:1.2rem;font-size:.88rem;color:var(--text-muted);display:grid;gap:.25rem}@media(max-width:768px){.company-form__branding{grid-template-columns:1fr}}.module-btn{padding:.45rem .5rem;font-size:.68rem;font-weight:600;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;text-align:center;border-left:3px solid transparent}.module-btn:hover{background:var(--bg-hover);color:var(--text)}.module-btn.active{color:var(--text);background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--border)}.module-btn--home.active{border-left-color:#8b9cb3;color:#c5d0e0}.module-btn--portal.active{border-left-color:#bf5af2;color:#d8b4fe}.module-btn--absensi.active{border-left-color:#0a84ff;color:#7ec8ff}.module-btn--keuangan.active{border-left-color:#30d158;color:#86efac}.module-btn--mitra.active{border-left-color:#64d2ff;color:#a5e9ff}.module-btn--tools.active{border-left-color:#ff9f0a;color:#fcd34d}.sidebar__nav.hidden{display:none}.page--launcher{max-width:960px}.launcher-hero{margin-bottom:1.75rem;text-align:center}.launcher-hero__eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .35rem}.launcher-hero__title{font-size:clamp(1.65rem,4vw,2.1rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .35rem}.launcher-hero__sub{font-size:.92rem;color:var(--text-muted);margin:0}.home-grid,.app-launcher{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.15rem}.home-card{--card-accent: var(--primary);--card-glow: rgba(10, 132, 255, .3);display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(165deg,var(--bg-card) 0%,rgba(26,35,50,.6) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem 1.25rem;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.home-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--card-glow) 0%,transparent 65%);opacity:.85;pointer-events:none}.home-card:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 12px 32px #00000059,0 0 0 1px color-mix(in srgb,var(--card-accent) 40%,transparent)}.home-card__icon-ring{position:relative;z-index:1;width:4.25rem;height:4.25rem;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:color-mix(in srgb,var(--card-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 45%,transparent);color:var(--card-accent);box-shadow:0 8px 24px var(--card-glow)}.home-card__icon-ring .icon{width:2rem;height:2rem}.home-card__body{position:relative;z-index:1;width:100%}.home-card__title{font-size:1.05rem;font-weight:700;margin:0 0 .5rem}.home-card__stat{font-size:1.15rem;font-weight:700;margin:0 0 .25rem;color:var(--text)}.home-card__meta{font-size:.8rem;color:var(--text-muted);margin:0 0 .35rem;line-height:1.4}.home-card__cta{display:inline-block;margin-top:.65rem;font-size:.78rem;font-weight:600;color:var(--card-accent)}.app[data-active-module=portal] .main{box-shadow:inset 0 3px #bf5af2}.app[data-active-module=absensi] .main{box-shadow:inset 0 3px #0a84ff}.app[data-active-module=keuangan] .main{box-shadow:inset 0 3px #30d158}.app[data-active-module=mitra] .main{box-shadow:inset 0 3px #64d2ff}.app[data-active-module=tools] .main{box-shadow:inset 0 3px #ff9f0a}.app[data-active-module=home] .main{box-shadow:none}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.package-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.package-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.package-card__speed{font-size:.75rem;color:var(--text-muted)}.package-card__price{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.package-card__price span{font-size:.75rem;font-weight:500;color:var(--text-muted)}.package-card__actions,.employee-card__actions{display:flex;gap:.35rem;flex-wrap:wrap}.employee-list{display:flex;flex-direction:column;gap:.65rem}.employee-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.employee-card--inactive{opacity:.55}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:#00000026}.empty-cell{text-align:center;color:var(--text-muted);padding:2rem!important}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted);font-size:.85rem}.actions-cell{white-space:nowrap}.btn--danger-text{color:var(--danger)!important}.badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;background:#0a84ff33;color:var(--primary)}.badge--warn{background:#f59e0b33;color:var(--warning)}.badge--danger{background:#ff453a33;color:var(--danger)}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.form-hint--danger{color:var(--danger);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group--inline{display:flex;align-items:center;gap:.5rem}.form-group--inline label{margin:0;white-space:nowrap}.page-header__actions{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.stat-card--wide{grid-column:1 / -1}.voucher-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 28px #0000002e}.voucher-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(48,209,88,.06) 0%,transparent 100%)}.voucher-panel__title{margin:0;font-size:1rem;font-weight:700}.voucher-panel__sub{margin:.25rem 0 0;font-size:.78rem;color:var(--text-muted)}.voucher-panel__count{flex-shrink:0;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#30d1581f;color:#86efac;border:1px solid rgba(48,209,88,.28)}.voucher-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;padding:.85rem 1rem;align-items:center;background:var(--bg-hover);border-bottom:1px solid var(--border)}.voucher-toolbar__search{flex:1;min-width:14rem}.voucher-toolbar__select{min-width:10rem;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.82rem}.voucher-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.voucher-pill:hover{transform:translateY(-1px)}.voucher-pill--alert{border-color:#ff9f0a66;color:#fcd34d}.voucher-pill--on{background:color-mix(in srgb,var(--module-accent, #30d158) 18%,var(--bg-elevated));border-color:color-mix(in srgb,var(--module-accent, #30d158) 45%,var(--border));color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--module-accent, #30d158) 25%,transparent)}.voucher-pill--alert.voucher-pill--on{background:#ff453a24;border-color:#ff453a73;color:#ffb4ab;box-shadow:0 0 0 1px #ff453a33}.voucher-status-tabs{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated)}.voucher-table-wrap,.member-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.voucher-table-wrap .data-table thead th,.member-table-wrap .data-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-elevated);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.voucher-table-wrap .data-table tbody tr,.member-table-wrap .data-table tbody tr{transition:background .12s}.voucher-table-wrap .data-table tbody tr:hover,.member-table-wrap .data-table tbody tr:hover{background:#30d1580a}.data-table tr.voucher-row--overdue{background:linear-gradient(90deg,#ff453a1f,#ff453a08)}.data-table tr.voucher-row--overdue:hover{background:linear-gradient(90deg,#ff453a29,#ff453a0d)}.data-table tr.voucher-row--overdue td:first-child,.data-table tr.member-row--overdue td:first-child{box-shadow:inset 4px 0 0 var(--danger)}.data-table tr.member-row--overdue{background:linear-gradient(90deg,#ff453a1f,#ff453a08)}.data-table tr.member-row--overdue:hover{background:linear-gradient(90deg,#ff453a29,#ff453a0d)}.badge.member-pay--overdue{background:#ff453a2e;color:var(--danger);border:1px solid rgba(255,69,58,.35)}.member-daftar-toolbar.voucher-toolbar{border-bottom:none}.member-daftar-titip-search{flex:1;min-width:min(100%,12rem);max-width:16rem}.member-daftar-kpis{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;padding:.55rem 1rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-hover)}.member-daftar-kpi{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:.76rem;color:var(--text);line-height:1.2}.member-daftar-kpi strong{font-weight:700}.member-daftar-kpi--titip{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated));color:var(--accent);font-weight:600}.member-daftar-kpi--unpaid{border-color:#ff9f0a59;color:#fcd34d}.member-daftar-kpi--paid{border-color:#30d15859;color:#86efac}.member-daftar-kpi--muted{color:var(--text-muted)}.member-daftar-header__actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem}.member-list-card.member-list-card,.member-list-card.app-dash-panel{margin-bottom:0}.member-daftar-bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-hover)}.member-daftar-bulk-bar__meta{flex:1 1 auto;font-size:.8rem;color:var(--text-muted);min-width:8rem}.data-table--member-daftar .member-daftar-col-check{width:2.5rem;padding-left:.65rem;padding-right:.35rem;vertical-align:middle}.member-row-check{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer}.member-row-check input{width:1rem;height:1rem;cursor:pointer}.data-table tr.member-row--lunas{background:linear-gradient(90deg,rgba(48,209,88,.08) 0%,transparent 100%)}.data-table tr.member-row--titip:not(.member-row--overdue){background:linear-gradient(90deg,rgba(255,159,10,.07) 0%,transparent 100%)}.data-table tr.member-row--selected{background:#0a84ff1f!important}.voucher-agent{font-weight:700;color:var(--text)}.voucher-agent-tx{display:inline-block;min-width:1.75rem;padding:.15rem .45rem;border-radius:999px;font-weight:700;font-size:.82rem;text-align:center;background:#38bdf826;color:#38bdf8}.voucher-agent-tx--none{background:#94a3b81f;color:var(--text-muted);font-weight:600}.voucher-amount{display:block;font-weight:700;color:var(--success)}.voucher-amount__unit{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.voucher-tag{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.72rem;font-weight:600}.voucher-tag--cash{background:#30d15824;color:#86efac}.voucher-tag--titip{background:#64d2ff24;color:#a5e9ff}.voucher-status-wrap{display:flex;flex-direction:column;gap:.2rem}.voucher-status{display:inline-flex;align-self:flex-start;padding:.22rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.voucher-status--paid{background:#30d1582e;color:#86efac}.voucher-status--pending{background:#ff9f0a2e;color:#fcd34d}.voucher-status--danger{background:#ff453a33;color:#ffb4ab;animation:voucher-status-blink 2s ease-in-out infinite}@keyframes voucher-status-blink{0%,to{opacity:1}50%{opacity:.75}}.voucher-status__sub{font-size:.68rem;color:var(--text-muted)}.voucher-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.voucher-empty__icon{display:inline-flex;margin-bottom:.75rem;opacity:.35;color:var(--module-accent, var(--primary))}.voucher-empty p{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:var(--text)}.voucher-add-preview{margin-top:.5rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--bg-hover);border:1px solid var(--border);font-size:.85rem;line-height:1.45}.voucher-add-preview .stat-value{font-size:1.1rem}.voucher-filters{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;align-items:center}.voucher-filters .search-box{flex:1;min-width:12rem}@media(max-width:900px){.app-kpi-grid{grid-template-columns:1fr}}@media(max-width:640px){.voucher-toolbar{flex-direction:column;align-items:stretch}.voucher-toolbar__search,.voucher-toolbar__select,.member-daftar-titip-search,.voucher-status-tabs,.voucher-pill{width:100%}}.voucher-price-input{width:100%;max-width:10rem;padding:.5rem .65rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit}.report-period-line{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted)}.report-period-line__sub{color:var(--text-muted);font-weight:400}.owner-list-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;padding:1rem 1.15rem}.owner-list-toolbar .form-hint{flex:1;min-width:14rem}.owner-transaksi-toolbar__month{margin:0;min-width:10rem;max-width:14rem}.owner-transaksi-toolbar__owner,.owner-transaksi-toolbar__type{margin:0;min-width:11rem;max-width:16rem}.owner-transaksi-toolbar__search{flex:1 1 14rem;min-width:12rem;max-width:22rem;margin:0}.owner-transaksi-toolbar__hint{width:100%;flex-basis:100%}.owner-manage-stats{margin-bottom:1rem}.owner-stat-card--gross{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--bg-card))}.owner-stat-card--gross .stat-label{color:color-mix(in srgb,var(--primary) 75%,var(--text-muted))}.owner-stat-card--net{border-color:color-mix(in srgb,var(--success) 32%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}.owner-stat-card--net .stat-label{color:color-mix(in srgb,var(--success) 80%,var(--text-muted))}.owner-manage-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:.5rem}.owner-manage-toolbar__search{flex:1;min-width:min(100%,16rem);margin:0}.owner-manage-toolbar__hint{margin:0;flex:1;min-width:12rem}.owner-manage-table-wrap{margin-top:.35rem}.owner-manage-table .owner-manage-table__actions-col{width:1%;white-space:nowrap}.owner-manage-cell{display:flex;align-items:center;gap:.75rem;min-width:0}.owner-manage-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--bg-card));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border))}.owner-manage-cell__body{min-width:0}.owner-manage-name{display:block;font-weight:600}.owner-manage-meta{display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin-top:.15rem;font-size:.8rem;color:var(--text-muted)}.owner-manage-meta__item{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-manage-share{font-variant-numeric:tabular-nums}.owner-manage-amount{display:inline-block;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.owner-manage-amount--gross{color:var(--text)}.owner-manage-amount--net{font-size:.95rem;font-weight:700}.owner-manage-table .actions-cell{vertical-align:middle;text-align:right}.owner-manage-actions{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.35rem;white-space:nowrap}.owner-manage-actions .btn--sm{flex:0 0 auto;width:auto;min-width:0}.owner-manage-row--inactive{opacity:.72}.owner-manage-row--inactive .owner-manage-avatar{filter:grayscale(.35)}.owner-manage-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0}.owner-manage-empty p{margin:0;color:var(--text-muted)}@media(max-width:720px){.owner-manage-toolbar__hint{width:100%}.owner-manage-actions .btn--sm{padding-inline:.45rem}}.owner-transaksi-add-wrap{position:relative}.owner-transaksi-add-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;min-width:12.5rem;padding:.35rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 8px 24px #00000059}.owner-transaksi-add-menu__item{display:block;width:100%;padding:.55rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--text);font-family:inherit;font-size:.85rem;text-align:left;cursor:pointer}.owner-transaksi-add-menu__item:hover{background:var(--bg-hover)}.owner-transaksi-add-menu__item[data-expense-kind=bersama]{color:#9cd4ff;border-left:3px solid var(--primary)}.owner-transaksi-add-menu__item[data-expense-kind=bersama]:hover{background:color-mix(in srgb,var(--primary) 14%,var(--bg-hover))}.owner-transaksi-add-menu__item[data-expense-kind=pribadi]{color:#e8c078;border-left:3px solid var(--warning)}.owner-transaksi-add-menu__item[data-expense-kind=pribadi]:hover{background:color-mix(in srgb,var(--warning) 12%,var(--bg-hover))}#page-member-owner-laporan{--owner-line: var(--border-strong);--owner-line-soft: var(--border)}.owner-laporan-header .page-subtitle{max-width:36rem}.owner-settle-filters{margin-bottom:1.25rem;border-color:var(--owner-line)}.owner-settle-filters__top{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--owner-line)}.owner-settle-filters__title{margin:0 0 .85rem;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.owner-settle-filters__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(8.5rem,auto);gap:.75rem 1rem;align-items:end}.owner-settle-filters__submit{margin:0;min-width:0}.owner-settle-filters__submit-label{display:block;margin-bottom:.4rem;font-size:.8rem;line-height:1.2;visibility:hidden}.owner-settle-filters__show-btn{width:100%;white-space:nowrap}.owner-pay-summary{margin:0 0 1rem;padding:.75rem .85rem;border:1px solid var(--owner-line, var(--border));border-radius:var(--radius);background:var(--bg-hover)}.owner-pay-summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.35rem 0;font-size:.9rem;color:var(--text-muted)}.owner-pay-summary__row+.owner-pay-summary__row{border-top:1px dashed var(--border)}.owner-pay-summary__row strong,.owner-pay-summary__row--hi strong{color:var(--text);font-variant-numeric:tabular-nums}.owner-pay-summary__row--hi{color:var(--text);font-weight:600}.owner-pay-summary__row--hi strong{color:var(--primary)}.owner-settle-filters__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;margin-bottom:1rem}.owner-settle-option-panel{border:1px solid var(--owner-line);border-radius:var(--radius);background:var(--bg-hover);overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.owner-settle-option-panel__head{padding:.75rem 1rem;border-bottom:1px solid var(--owner-line)}.owner-settle-option-panel__title,.owner-settle-option-panel__title-check{margin:0;font-size:.9rem;font-weight:600}.owner-settle-option-panel__hint{margin:.2rem 0 0;font-size:.78rem;color:var(--text-muted);line-height:1.35}.owner-settle-option-panel__body{padding:.75rem 1rem 1rem}.owner-settle-option-panel__field{margin:0;min-width:0}.owner-settle-option-panel__foot{margin:.5rem 0 0!important}.owner-settle-filters__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid var(--owner-line)}.owner-settle-filters__actions .btn--pay{min-width:11rem}#page-member-owner-laporan .owner-settle-btn-print-all{min-width:10.5rem;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-strong)}#page-member-owner-laporan .owner-settle-btn-print-all:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:color-mix(in srgb,var(--primary) 45%,var(--border-strong))}#page-member-owner-laporan .owner-settle-btn-print-one{min-width:11rem;background:color-mix(in srgb,var(--primary) 16%,var(--bg-card));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 50%,var(--border))}#page-member-owner-laporan .owner-settle-btn-print-one:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 24%,var(--bg-hover));color:color-mix(in srgb,var(--primary) 90%,white);border-color:color-mix(in srgb,var(--primary) 65%,var(--border-strong))}#page-member-owner-laporan .owner-settle-btn-print-all:disabled,#page-member-owner-laporan .owner-settle-btn-print-one:disabled{opacity:.45;cursor:not-allowed}#page-member-owner .owner-manage-actions .btn--secondary,#page-member-owner-transaksi .actions-cell .btn--edit,#page-member-owner-laporan .owner-settle-filters__actions .btn{white-space:nowrap}#page-member-owner .page-header__actions .btn--print{min-width:9.5rem}.owner-settlement-panel{display:flex;flex-direction:column;gap:1.25rem}.owner-settle-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.65rem}.owner-settle-kpi__card{position:relative;padding:.85rem 1rem .85rem 2.35rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}.owner-settle-kpi__step{position:absolute;left:.65rem;top:.75rem;width:1.35rem;height:1.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.owner-settle-kpi__card--accent .owner-settle-kpi__step{background:color-mix(in srgb,var(--module-accent, #30d158) 25%,var(--bg-card));color:var(--text);border-color:color-mix(in srgb,var(--module-accent, #30d158) 40%,var(--border))}.owner-settle-kpi__card--net .owner-settle-kpi__step{background:color-mix(in srgb,var(--primary) 20%,var(--bg-card));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.owner-settle-kpi__card--accent{border-color:color-mix(in srgb,var(--module-accent, #30d158) 35%,var(--border));background:color-mix(in srgb,var(--module-accent, #30d158) 8%,var(--bg-card))}.owner-settle-kpi__card--net{grid-column:1 / -1;border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.owner-settle-kpi__card--muted{opacity:.85}.owner-settle-thr-option{min-width:11rem;align-self:flex-end}.owner-settle-thr-option__label{font-weight:600}.owner-settle-filters__row{align-items:flex-end}.owner-thr-fields .form-row{margin-bottom:0}.owner-settle-report-card{overflow:hidden;margin-bottom:0;padding:0;border:1px solid var(--owner-line);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow)}.owner-settle-report-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--owner-line);background:var(--bg-hover);box-shadow:inset 0 -1px #0003}.owner-settle-report-card__eyebrow{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.owner-settle-report-card__period{margin:.25rem 0 0;font-size:1rem;font-weight:600;line-height:1.35;color:var(--text)}.owner-settle-report-card__body{display:flex;flex-direction:column;gap:0;padding:0}.owner-settle-report-card__body>*{padding:1rem 1.25rem;border-top:1px solid var(--owner-line-soft)}.owner-settle-report-card__body>*:first-child{border-top:none}.owner-settle-report-card__body>.owner-settle-summary-panel,.owner-settle-report-card__body>.owner-settle-split-card,.owner-settle-report-card__body>.owner-settle-pay-card,.owner-settle-report-card__body>.owner-settle-print-hint{border-top:none}.owner-settle-report-card__body>.owner-settle-summary-panel,.owner-settle-report-card__body>.owner-settle-pay-card{padding:0}.owner-settle-report-hero-row{display:grid;grid-template-columns:1fr;gap:0;border-top:2px solid color-mix(in srgb,var(--primary) 45%,var(--owner-line));background:color-mix(in srgb,var(--primary) 5%,var(--bg-card))}@media(min-width:768px){.owner-settle-report-hero-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.owner-settle-report-hero-row .owner-settle-split-card:not([hidden]){border-left:1px solid var(--owner-line-soft)}}.owner-settle-report-hero-row .owner-settle-hero,.owner-settle-report-hero-row .owner-settle-split-card{border-top:none;padding:1.35rem 1.25rem}.owner-settle-report-hero-row .owner-settle-split-card{margin:0;border:none;border-radius:0;background:transparent}.owner-settle-print-hint{margin:0 1.25rem;padding:.65rem .85rem;font-size:.82rem;line-height:1.45;color:var(--text-muted);border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--primary) 6%,var(--bg-hover))}.owner-settle-hero{padding:1.5rem 1.25rem;border-radius:0;border:none;background:transparent;box-shadow:none}.owner-settle-hero--unpaid{border-color:color-mix(in srgb,var(--warning) 40%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--bg-card))}.owner-settle-hero--lunas{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}.owner-settle-hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}.owner-settle-hero__label{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.owner-settle-hero__value{font-size:clamp(1.65rem,5vw,2.1rem);font-weight:700;line-height:1.15;color:var(--primary);font-variant-numeric:tabular-nums}.owner-settle-hero--lunas .owner-settle-hero__value{color:var(--success)}.owner-settle-summary-panel{margin:0 1.25rem 1rem;padding:0;border:1px solid var(--owner-line);border-radius:var(--radius);background:var(--bg-hover);overflow:hidden}.owner-settle-report-card__body>.owner-settle-summary-panel{margin:0 1.25rem 1rem;padding:0;border-top:none}.owner-settle-summary-panel__title{margin:0;padding:.6rem 1rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--owner-line);background:#0000002e}.owner-settle-summary-wrap{padding:0}.owner-settle-pay-card{margin:0 1.25rem 1.25rem;padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid var(--owner-line);background:var(--bg-hover)}.owner-settle-report-card__body>.owner-settle-pay-card{border-top:none}.owner-settle-pay-history{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--owner-line-soft)}.owner-settle-pay-history__title{margin:0 0 .65rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.owner-settle-pay-history__table{border:1px solid var(--owner-line-soft);border-radius:var(--radius);overflow:hidden}.owner-settle-pay-history__actions-col{width:7rem}.owner-settle-pay-history__actions{text-align:right}.owner-settle-pay-card__title{margin:0 0 .75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.owner-settle-pay-card__grid{display:grid;gap:.45rem;margin:0}.owner-settle-pay-card__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;padding:.5rem .65rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--owner-line-soft)}.owner-settle-pay-card__term{color:var(--text-muted);font-weight:500}.owner-settle-pay-card__value{text-align:right;font-variant-numeric:tabular-nums}.owner-settle-pay-card__row--highlight{border-color:color-mix(in srgb,var(--warning) 35%,var(--owner-line));background:color-mix(in srgb,var(--warning) 5%,var(--bg-card))}.owner-settle-pay-card__row--highlight .owner-settle-pay-card__value{color:var(--warning);font-weight:700}.owner-settle-pay-card__note{margin:.75rem 0 0;font-size:.78rem;color:var(--text-muted);line-height:1.45}.owner-settle-details-head{margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid var(--owner-line)}.owner-settle-details-title{margin:0;font-size:.95rem;font-weight:600}.owner-settle-details-sub{margin:.2rem 0 0;font-size:.82rem;color:var(--text-muted)}.owner-settle-details-grid{display:flex;flex-direction:column;gap:1rem}.owner-settle-section__hint{margin:0;padding:0 1rem .65rem;font-size:.78rem;color:var(--text-muted)}.owner-settle-split-recipients .form-group:last-child{margin-bottom:0}.owner-settle-split-card{padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid var(--owner-line);background:var(--bg-hover)}.owner-settle-split-card__title{margin:0 0 .35rem;font-size:.88rem;font-weight:600}.owner-settle-split-card__meta{margin:0 0 .65rem;font-size:.8rem;color:var(--text-muted)}.owner-settle-split-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.owner-settle-split-card__item{display:grid;grid-template-columns:2.5rem 1fr;grid-template-rows:auto auto;align-items:start;column-gap:.75rem;row-gap:.2rem;padding:.75rem .9rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--owner-line-soft)}.owner-settle-split-card__avatar{grid-row:1 / -1;align-self:center;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--bg-card));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border))}.owner-settle-split-card__name{grid-column:2;grid-row:1;font-weight:600;font-size:.92rem;line-height:1.35;word-break:break-word;color:var(--text)}.owner-settle-split-card__amount{grid-column:2;grid-row:2;font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--primary)}.owner-manage-split{background:color-mix(in srgb,var(--primary) 12%,var(--bg-hover));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border))}.owner-settle-pay-status{font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:var(--radius);white-space:nowrap}.owner-settle-pay-status--paid{background:color-mix(in srgb,var(--success) 15%,var(--bg-card));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,var(--border))}.owner-settle-pay-status--draft{background:color-mix(in srgb,var(--warning) 12%,var(--bg-card));color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border))}.owner-settle-pay-status--partial{background:color-mix(in srgb,var(--primary) 12%,var(--bg-card));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))}.owner-settle-pay-status--none{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}#page-member-owner-laporan .owner-settle-report-table{border-collapse:collapse}#page-member-owner-laporan .owner-settle-report-table th,#page-member-owner-laporan .owner-settle-report-table td{border-bottom:1px solid var(--owner-line-soft);border-right:1px solid var(--owner-line-soft)}#page-member-owner-laporan .owner-settle-report-table th:last-child,#page-member-owner-laporan .owner-settle-report-table td:last-child{border-right:none}#page-member-owner-laporan .owner-settle-report-table thead th{background:#00000047;border-bottom:2px solid var(--owner-line);color:var(--text-muted)}#page-member-owner-laporan .owner-settle-report-table tbody tr:last-child td{border-bottom:none}.owner-settle-report-table .owner-settle-report__col-no{width:2.75rem;text-align:center;color:var(--text-muted);border-right:1px solid var(--owner-line-soft)}.owner-settle-report-table .owner-settle-report__no{text-align:center;color:var(--text-muted);font-weight:600}.owner-settle-report__detail{font-size:.75rem;color:var(--text-muted);margin-top:.2rem;line-height:1.35}.owner-settle-report-table tr.owner-settle-report__row--sub td{background:color-mix(in srgb,var(--bg-hover) 80%,var(--bg-card));border-top:1px solid var(--owner-line);border-bottom:1px solid var(--owner-line)}.owner-settle-report-table tr.owner-settle-report__row--strong td{background:color-mix(in srgb,var(--primary) 8%,var(--bg-card));border-top:2px solid var(--owner-line)}.owner-settle-report-table tr.owner-settle-report__row--strong .text-right strong{color:var(--primary);font-size:1rem}.owner-settle-report-table tr.owner-settle-report__row--muted td{color:var(--text-muted)}.owner-settle-kpi__label{display:block;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.owner-settle-kpi__value{display:block;font-size:1.15rem;font-weight:700;margin-top:.25rem}.owner-settle-kpi__meta{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.owner-settle-section{border-radius:var(--radius);border:1px solid var(--owner-line);background:var(--bg-card);overflow:hidden}.owner-settle-section__head--row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.member-daftar-row--inactive{opacity:.72}.member-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem}.member-pricing-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border)}.member-pricing-panel__title{margin:0 0 .2rem;font-size:1rem}.badge.member-kind--member{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.badge.member-kind--pppoe,.badge.member-pay--lunas{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.badge.member-pay--titip{background:color-mix(in srgb,var(--warning, #d97706) 16%,transparent);color:var(--warning, #d97706)}.member-dashboard-stats{margin-bottom:.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem}.member-dashboard-stats .stat-card{position:relative;overflow:hidden;min-width:0;box-shadow:0 1px color-mix(in srgb,var(--text) 4%,transparent)}.member-dashboard-stats .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.member-dashboard-hint{margin:0 0 1rem}.member-dash-card--titip{border-color:color-mix(in srgb,#ea580c 38%,var(--border));background:linear-gradient(165deg,color-mix(in srgb,#fb923c 16%,var(--bg-card)) 0%,var(--bg-card) 72%)}.member-dash-card--titip:before{background:linear-gradient(90deg,#f97316,#ea580c)}.member-dash-card--titip .stat-label{color:#c2410c;font-weight:600}.member-dash-card--titip .stat-value{color:#ea580c}.member-dash-card--titip .stat-card__sub{color:color-mix(in srgb,#ea580c 55%,var(--text-muted))}.member-dash-card--transfer{border-color:color-mix(in srgb,#0284c7 38%,var(--border));background:linear-gradient(165deg,color-mix(in srgb,#38bdf8 16%,var(--bg-card)) 0%,var(--bg-card) 72%)}.member-dash-card--transfer:before{background:linear-gradient(90deg,#0ea5e9,#0284c7)}.member-dash-card--transfer .stat-label{color:#0369a1;font-weight:600}.member-dash-card--transfer .stat-value{color:#0284c7}.member-dash-card--transfer .stat-card__sub{color:color-mix(in srgb,#0284c7 55%,var(--text-muted))}.member-dash-card--xendit{border-color:color-mix(in srgb,#7c3aed 38%,var(--border));background:linear-gradient(165deg,color-mix(in srgb,#a78bfa 18%,var(--bg-card)) 0%,var(--bg-card) 72%)}.member-dash-card--xendit:before{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.member-dash-card--xendit .stat-label{color:#6d28d9;font-weight:600}.member-dash-card--xendit .stat-value{color:#7c3aed}.member-dash-card--xendit .stat-card__sub{color:color-mix(in srgb,#7c3aed 55%,var(--text-muted))}.member-dash-card--total{border-color:color-mix(in srgb,#059669 40%,var(--border));background:linear-gradient(165deg,color-mix(in srgb,#34d399 18%,var(--bg-card)) 0%,var(--bg-card) 72%)}.member-dash-card--total:before{background:linear-gradient(90deg,#10b981,#059669)}.member-dash-card--total .stat-label{color:#047857;font-weight:600}.member-dash-card--total .stat-value{color:#059669}.member-dash-card--total .stat-card__sub{color:color-mix(in srgb,#059669 55%,var(--text-muted))}.member-dashboard-stats .stat-value.member-dash-value--empty{color:var(--text-muted);opacity:.72}.owner-settle-section__head{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--owner-line);background:var(--bg-hover)}#page-member-owner-laporan .owner-settle-section .table-wrap{border-top:1px solid var(--owner-line-soft)}#page-member-owner-laporan .owner-settle-section .data-table th,#page-member-owner-laporan .owner-settle-section .data-table td{border-bottom:1px solid var(--owner-line-soft)}#page-member-owner-laporan .owner-settle-section .data-table thead th{border-bottom:2px solid var(--owner-line);background:#00000038}#page-member-owner-laporan .owner-settle-section__hint{border-bottom:1px solid var(--owner-line-soft)}.owner-settle-section__step{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--primary) 12%,var(--bg-card));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));color:var(--primary)}.owner-settle-section__title{margin:0;font-size:.95rem;font-weight:600}@media(max-width:720px){#page-member-owner-laporan .owner-settle-filters__main{grid-template-columns:1fr}#page-member-owner-laporan .owner-settle-filters__show-btn{width:100%}}.owner-settle-section--result{border-style:dashed;background:color-mix(in srgb,var(--module-accent, #30d158) 6%,var(--bg-card))}.owner-settle-result-line{margin:0;padding:.85rem 1rem;font-size:.9rem;line-height:1.45;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.owner-settle-result-line .owner-settle-section__step{margin-right:.15rem}.owner-print-step{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;margin-right:.25rem;border-radius:50%;font-size:.65rem;font-weight:700;background:#e8eef5;vertical-align:middle}.voucher-report-filters__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.voucher-report-results{display:flex;flex-direction:column;gap:1rem}.data-table--report-preview tfoot td{background:var(--bg);border-top:2px solid var(--border)}.data-table--report-preview .report-summary-row--saldo td{background:#3b82f60f;font-size:.95rem}.mini-table{width:100%;margin-top:.75rem;border-collapse:collapse}.mini-table th,.mini-table td{padding:.5rem;border-bottom:1px solid var(--border)}.empty-state{color:var(--text-muted);padding:2rem;text-align:center}.clock-page{max-width:520px;margin:0 auto}.clock-mode-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;padding:.65rem .85rem;background:var(--bg-hover);border-radius:var(--radius);border:1px solid var(--border)}.clock-mode-bar__label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.clock-desktop{margin-bottom:.75rem}.clock-select{width:100%;padding:.65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.clock-card{margin-bottom:1rem}.clock-status{display:flex;gap:1rem;margin:.75rem 0}.clock-status__item{flex:1;padding:.75rem;background:var(--bg-hover);border-radius:8px;text-align:center}.clock-status__item.done{border:1px solid var(--success)}.clock-status__item span{display:block;font-size:.75rem;color:var(--text-muted)}.clock-camera-wrap{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;margin-bottom:.75rem}.clock-video,.clock-preview{width:100%;max-height:320px;object-fit:cover;display:block}.clock-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.clock-actions--main{margin-top:1rem}.clock-special{margin:1rem 0;padding:.85rem 1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius)}.clock-special.open{border-color:var(--warning)}.clock-special__toggle{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;cursor:pointer}.clock-special__fields{margin-top:.75rem}.clock-special__fields[hidden]{display:none}.clock-special-hint--warn{color:var(--warning)!important;font-weight:500}.clock-special-log{font-size:.8rem;color:var(--warning);margin-top:.5rem;padding:.5rem;background:#f59e0b1a;border-radius:6px}.btn--lg{padding:.85rem 1.25rem;font-size:1rem}.month-calendar{width:100%}.month-calendar__hint{margin:0 0 .75rem}.month-calendar__grid.jadwal-grid,.month-calendar .jadwal-grid{overflow:visible;width:100%;max-width:100%}.jadwal-grid{width:100%;max-width:100%;overflow:visible}.jadwal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;width:100%;min-width:0}.jadwal-day{aspect-ratio:unset;min-height:2.6rem;min-width:0;padding:.15rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:clamp(.7rem,2.8vw,.9rem);font-family:inherit}.jadwal-day small{font-size:.65rem;opacity:.92}.jadwal-day--pagi{border-color:#4ade80;background:#4ade8052;color:#bbf7d0}.jadwal-day--siang{border-color:#facc15;background:#facc155c;color:#fef08a}.jadwal-day--malam{border-color:#f87171;background:#f8717152;color:#fecaca}.jadwal-day--off{background:transparent;border-color:var(--border);color:var(--text-muted);opacity:.75;text-decoration:line-through}.jadwal-day--sakit{border-color:#fb923c;background:#fb923c59;color:#fed7aa;text-decoration:none}.jadwal-day--izin{border-color:#60a5fa;background:#60a5fa52;color:#bfdbfe;text-decoration:none}.jadwal-day--cuti{border-color:#c084fc;background:#c084fc52;color:#e9d5ff;text-decoration:none}.jadwal-day--leave small{font-weight:700}.hr-panel{border-radius:12px;box-shadow:0 1px 3px #0000000f,0 4px 14px #0000000a}.hr-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem;flex-wrap:wrap}.hr-panel__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.hr-panel__desc{margin:.35rem 0 0;font-size:.82rem;color:var(--text-muted);line-height:1.45;max-width:42rem}.hr-panel__body{margin-bottom:.5rem}.hr-panel__foot{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.hr-panel__section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.hr-settings-grid .card{height:100%}.hr-inline-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;border-radius:10px;background:var(--surface-2, rgba(255, 255, 255, .03));border:1px solid var(--border)}.hr-inline-form__fields{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:.75rem 1rem}.hr-inline-form__field--grow{min-width:0}.hr-inline-form__field label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.3rem}.hr-inline-form__field input{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input, var(--bg-card));color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s}.hr-inline-form__field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 59, 130, 246),.2)}.hr-inline-form__submit{align-self:flex-start}.hr-check-row{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;margin-bottom:.85rem}.chip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.chip-list:empty:before{content:"Belum ada data.";display:block;padding:.75rem 1rem;font-size:.85rem;color:var(--text-muted);border-radius:8px;border:1px dashed var(--border);text-align:center}.chip-list__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-radius:10px;background:var(--surface-2, rgba(255, 255, 255, .03));border:1px solid var(--border)}.chip-list__item--red{border-color:#ef444459;background:#ef44440f}.chip-list__main{display:flex;align-items:center;gap:.65rem;min-width:0}.chip-list__dot{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0}.chip-list__label{font-weight:600;font-size:.88rem}.chip-list__meta{font-size:.78rem;color:var(--text-muted)}.chip-list__remove{flex-shrink:0;width:2rem;height:2rem;padding:0;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;transition:background .15s,color .15s}.chip-list__remove:hover{background:#ef44441f;color:var(--danger)}.meta-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.45rem}.meta-list__item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2, rgba(255, 255, 255, .02))}.meta-list__item--builtin{opacity:.92}.team-grid{display:flex;flex-direction:column;gap:.65rem}.team-grid:empty:before,.team-grid--empty{display:block;padding:1.25rem 1rem;text-align:center;font-size:.85rem;color:var(--text-muted);border:1px dashed var(--border);border-radius:10px}.team-card{padding:.85rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2, rgba(255, 255, 255, .02));transition:border-color .15s,box-shadow .15s}.team-card:hover{border-color:rgba(var(--primary-rgb, 59, 130, 246),.35);box-shadow:0 2px 8px #0000000d}.team-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.team-card__name{margin:0;font-size:.95rem;font-weight:700}.team-card__count{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.team-card__shift{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.5rem 0 .35rem;padding:.5rem .65rem;background:var(--surface-2, rgba(0, 0, 0, .04));border-radius:8px}.team-card__shift-label{font-size:.8125rem;font-weight:600;color:var(--text-muted, #64748b)}.team-card__jadwal-quick{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.team-card__actions{display:flex;flex-wrap:wrap;gap:.35rem}.team-card__members{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;min-height:1.5rem}.team-member-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:500;background:rgba(var(--primary-rgb, 59, 130, 246),.12);color:var(--primary);border:1px solid rgba(var(--primary-rgb, 59, 130, 246),.2)}.team-grid--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem}.team-grid--empty-v2{grid-column:1 / -1;padding:1.5rem 1.25rem;text-align:center;border:1px dashed var(--border);border-radius:12px;background:linear-gradient(135deg,#3b82f60a,#06b6d40a)}.team-grid--empty__title{margin:0;font-weight:700;font-size:.95rem}.team-grid--empty__hint{margin:.35rem 0 0;font-size:.82rem;color:var(--text-muted)}.team-card-v2{position:relative;display:flex;flex-direction:column;gap:.65rem;padding:1rem 1rem .85rem;border-radius:14px;border:1px solid var(--border);background:var(--bg-card, #fff);box-shadow:0 1px 2px #0000000a,0 6px 18px #0f172a0d;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.team-card-v2:hover{transform:translateY(-1px);border-color:#3b82f647;box-shadow:0 4px 14px #0f172a14}.team-card-v2__accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary)}.team-card-v2--siang .team-card-v2__accent{background:linear-gradient(90deg,#0891b2,#06b6d4)}.team-card-v2--malam .team-card-v2__accent{background:linear-gradient(90deg,#d97706,#f59e0b)}.team-card-v2--pagi .team-card-v2__accent{background:linear-gradient(90deg,#2563eb,#3b82f6)}.team-card-v2--jadwal .team-card-v2__accent{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.team-card-v2__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.team-card-v2__title-wrap{display:flex;flex-direction:column;gap:.35rem;min-width:0}.team-card-v2__name{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}.team-shift-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.team-shift-badge--pagi{background:#2563eb1f;color:#1d4ed8;border-color:#2563eb38}.team-shift-badge--siang{background:#0891b224;color:#0e7490;border-color:#0891b240}.team-shift-badge--malam{background:#d9770624;color:#b45309;border-color:#d9770640}.team-shift-badge--jadwal{background:#6366f124;color:#4f46e5;border-color:#6366f147;font-weight:600;letter-spacing:0}.team-card-v2__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:3rem;padding:.35rem .5rem;border-radius:10px;background:var(--surface-2, rgba(0, 0, 0, .04))}.team-card-v2__stat-num{font-size:1.15rem;font-weight:800;line-height:1;color:var(--text)}.team-card-v2__stat-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:.15rem}.team-card-v2__avatars{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.team-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#3b82f624;color:#1d4ed8;border:2px solid var(--bg-card, #fff);box-shadow:0 0 0 1px #3b82f626}.team-card-v2--siang .team-avatar{background:#0891b224;color:#0e7490;box-shadow:0 0 0 1px #0891b233}.team-avatar--more{background:var(--surface-2, rgba(0, 0, 0, .06));color:var(--text-muted);box-shadow:none;font-size:.65rem}.team-card-v2__empty{font-size:.8rem;color:var(--text-muted);font-style:italic}.team-card-v2__member-names{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.35;min-height:1rem}.team-card-v2__actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem;padding-top:.5rem;border-top:1px solid var(--border)}.team-member-chip--empty{background:transparent;border:1px dashed var(--border);color:var(--text-muted)}.team-member-picker{display:flex;flex-direction:column;gap:.4rem;max-height:min(60vh,420px);overflow-y:auto;margin-top:.5rem;padding-right:.25rem}.team-member-check{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:background .15s,border-color .15s}.team-member-check:hover{background:var(--surface-2, rgba(255, 255, 255, .04))}.team-member-check:has(input:checked){border-color:rgba(var(--primary-rgb, 59, 130, 246),.45);background:rgba(var(--primary-rgb, 59, 130, 246),.08)}.team-member-check input{margin-top:.2rem;flex-shrink:0}.team-member-check__body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.team-member-check__body strong{font-size:.88rem}.team-member-check__body small{font-size:.78rem;color:var(--text-muted)}.jadwal-overview-warnings{margin-top:.5rem}.jadwal-overview-ok{margin:0;padding:.75rem 1rem;border-radius:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.35);color:var(--success);font-size:.88rem}.jadwal-issue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:220px;overflow-y:auto}.jadwal-issue{padding:.5rem .75rem;border-radius:8px;font-size:.82rem;border:1px solid var(--border)}.jadwal-issue--error{background:#ef44441a;border-color:#ef444459;color:var(--danger)}.jadwal-issue--warn{background:#f59e0b1a;border-color:#f59e0b59}.badge--ok{background:#22c55e26;color:var(--success)}.badge--danger{background:#ef44441f;color:var(--danger)}.data-table--compact th,.data-table--compact td{padding:.45rem .55rem;font-size:.82rem}.teams-list{list-style:none;margin:0;padding:0}.teams-list__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.teams-list__item:last-child{border-bottom:none}.teams-list__meta{font-size:.8rem;color:var(--text-muted)}.jadwal-bulk{margin-bottom:0}.jadwal-bulk__title{margin:0 0 .35rem;font-size:1rem}.jadwal-bulk__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.75rem}.jadwal-bulk__label{font-size:.8rem;font-weight:600;color:var(--text-muted);min-width:3rem}.jadwal-bulk__actions{margin-top:1rem}.jadwal-legend{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.jadwal-legend__dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.25rem;vertical-align:middle}.jadwal-legend__dot--pagi{background:#4ade80}.jadwal-legend__dot--siang{background:#facc15}.jadwal-legend__dot--malam{background:#f87171}.jadwal-legend__dot--off{background:transparent;border:1px solid var(--border);box-sizing:border-box}.jadwal-legend__dot--sakit{background:#fb923c}.jadwal-legend__dot--izin{background:#60a5fa}.jadwal-legend__dot--cuti{background:#c084fc}.jadwal-legend__dot--red{background:#ef4444}.jadwal-day--red:not(.jadwal-day--off){border-color:#ef4444;background:#ef4444;color:#fff;box-shadow:none}.jadwal-day--red:not(.jadwal-day--off) small{color:#fff;opacity:1}.jadwal-day--red:not(.jadwal-day--off) .jadwal-day__red{display:none}.jadwal-day--red.jadwal-day--off{box-shadow:inset 0 0 0 2px #ef44448c;background:#ef444424}.jadwal-day--red.jadwal-day--off .jadwal-day__red{color:#ef4444;display:inline}.jadwal-save-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem;padding:.5rem .75rem;border:1px solid rgba(245,158,11,.45);border-radius:var(--radius);background:#f59e0b14}.jadwal-save-bar__hint{font-size:.85rem;font-weight:600;color:#b45309}.jadwal-input--dirty{outline:2px solid rgba(245,158,11,.55);outline-offset:2px}.jadwal-legend--compact{gap:.65rem;font-size:.75rem}.jadwal-team-overview,#jadwalGrid .jadwal-team-row{display:flex;flex-direction:column;gap:.75rem}.jadwal-team-row{padding:.65rem 0;border-bottom:1px solid var(--border)}.jadwal-team-row:last-child{border-bottom:none}.jadwal-team-row__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-bottom:.35rem}.month-calendar--compact .jadwal-day{min-height:1.75rem;font-size:.7rem;padding:.15rem}.month-calendar--compact .jadwal-day small{font-size:.55rem}.jadwal-harian-summary{margin-bottom:1rem}.jadwal-harian-summary__inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);font-size:.85rem}.jadwal-harian-table tfoot td{border-top:2px solid var(--border);background:var(--bg-card);font-weight:600}.dw-lap-mitra-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--border));box-shadow:var(--shadow)}.dw-lap-mitra-card__head{padding:1.1rem 1.25rem .85rem;background:linear-gradient(135deg,color-mix(in srgb,var(--module-accent, var(--primary)) 14%,var(--bg-card)) 0%,var(--bg-card) 55%);border-bottom:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 12%,var(--border))}.dw-lap-mitra-card__eyebrow{margin:0 0 .2rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--module-accent, var(--primary))}.dw-lap-mitra-card__title{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.dw-lap-mitra-card__sub{margin:.35rem 0 0;font-size:.84rem;color:var(--text-muted)}.dw-lap-mitra-kpis{padding:0 1.25rem 1rem;margin-top:.85rem}.dw-lap-mitra-kpi{min-height:auto;padding:.95rem 1rem;border-radius:var(--radius-lg)}.dw-lap-mitra-kpi--primary{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 35%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 6%,var(--bg-card))}.dw-lap-mitra-kpi--ok{border-color:color-mix(in srgb,var(--success, #22c55e) 35%,var(--border))}.dw-lap-mitra-kpi--warn{border-color:color-mix(in srgb,var(--warning, #f59e0b) 40%,var(--border))}.dw-lap-mitra-table-wrap{padding:0 1.25rem 1.25rem}.dw-lap-mitra-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:color-mix(in srgb,var(--bg-elevated, var(--bg-card)) 90%,var(--border));border-bottom:1px solid var(--border)}.dw-lap-mitra-table tbody tr:hover td{background:color-mix(in srgb,var(--module-accent, var(--primary)) 4%,var(--bg-card))}.dw-lap-mitra-table tfoot td{border-top:2px solid color-mix(in srgb,var(--module-accent, var(--primary)) 25%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 8%,var(--bg-card));padding-top:.85rem;padding-bottom:.85rem}.dw-lap-mitra-table__total-sub{display:block;margin-top:.15rem;font-size:.78rem;font-weight:500;color:var(--text-muted)}.dw-lap-mitra-row{display:flex;align-items:center;gap:.75rem;min-width:0}.dw-lap-mitra-row__main{flex:1;min-width:0}.dw-lap-mitra-row__name{display:block;font-size:.92rem;line-height:1.3}.dw-lap-mitra-avatar{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;border:2px solid transparent}.dw-lap-mitra-avatar--a{background:color-mix(in srgb,#6366f1 18%,var(--bg-card));color:#6366f1;border-color:color-mix(in srgb,#6366f1 35%,transparent)}.dw-lap-mitra-avatar--b{background:color-mix(in srgb,#0ea5e9 18%,var(--bg-card));color:#0284c7;border-color:color-mix(in srgb,#0ea5e9 35%,transparent)}.dw-lap-mitra-avatar--c{background:color-mix(in srgb,#10b981 18%,var(--bg-card));color:#059669;border-color:color-mix(in srgb,#10b981 35%,transparent)}.dw-lap-mitra-avatar--d{background:color-mix(in srgb,#f59e0b 18%,var(--bg-card));color:#d97706;border-color:color-mix(in srgb,#f59e0b 35%,transparent)}.dw-lap-mitra-avatar--e{background:color-mix(in srgb,#ec4899 18%,var(--bg-card));color:#db2777;border-color:color-mix(in srgb,#ec4899 35%,transparent)}.dw-lap-mitra-progress{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.dw-lap-mitra-progress__track{flex:1;height:.35rem;border-radius:999px;background:color-mix(in srgb,var(--border) 80%,transparent);overflow:hidden}.dw-lap-mitra-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success, #22c55e),color-mix(in srgb,var(--success, #22c55e) 70%,var(--primary)));transition:width .35s ease}.dw-lap-mitra-progress__label{flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.dw-lap-mitra-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:.15rem .45rem;border-radius:999px;font-size:.78rem;font-weight:700;background:color-mix(in srgb,var(--module-accent, var(--primary)) 12%,var(--bg-card));color:var(--module-accent, var(--primary));border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--border))}.dw-lap-mitra-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.dw-lap-mitra-amount--ok{color:var(--success, #16a34a);font-weight:600}.dw-lap-mitra-amount--pending{color:var(--warning, #d97706);font-weight:600}.dw-lap-mitra-amount--total{font-weight:800;color:var(--text)}.dw-lap-mitra-empty{padding:2rem 1rem;text-align:center}.dw-lap-mitra-empty__icon{width:3rem;height:3rem;margin:0 auto .75rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;color:var(--text-muted);background:color-mix(in srgb,var(--border) 40%,var(--bg-card));border:1px dashed var(--border)}.dw-lap-mitra-empty__title{margin:0 0 .25rem;font-weight:700}.dw-lap-mitra-empty__sub{margin:0;font-size:.85rem;color:var(--text-muted)}.jadwal-shift-badge{display:inline-block;padding:.15rem .5rem;border-radius:5px;font-size:.78rem;font-weight:600;border:1px solid var(--border)}.jadwal-shift-badge--pagi{border-color:var(--primary);background:#0a84ff1f;color:var(--primary-hover)}.jadwal-shift-badge--siang{border-color:#06b6d4;background:#06b6d41f;color:#22d3ee}.jadwal-shift-badge--malam{border-color:#f59e0b;background:#f59e0b1f;color:#fbbf24}.jadwal-shift-badge--normal{background:#16a34a1f;color:#15803d;border-color:#16a34a4d}.jadwal-shift-badge--fiber{background:#0e749024;color:#0e7490;border-color:#0e749059}.jadwal-shift-badge--off{opacity:.65;text-decoration:line-through}.jadwal-harian-red{color:#ef4444;margin-left:.2rem}.jadwal-day__red{color:#ef4444;font-size:.45rem;line-height:1}.clock-shift-line{margin:.15rem 0 .5rem;font-size:.88rem}.clock-red-banner{margin:.5rem 0 0;padding:.5rem .65rem;font-size:.8rem;background:#ef44441f;border-radius:6px;color:var(--text)}.clock-gps-bar{margin-bottom:1rem;padding:1rem 1.1rem;border-radius:var(--radius);background:#22c55e14;border:1px solid rgba(34,197,94,.35)}.clock-gps-bar__head{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.65rem}.clock-gps-bar__icon{font-size:1.5rem;line-height:1}.clock-gps-preview--ok{color:var(--success);margin-top:.5rem}.clock-gps-preview--err{color:var(--danger);margin-top:.5rem}.clock-gps-preview--loading{color:var(--text-muted);margin-top:.5rem}.clock-gps-bar--ok{background:#22c55e1f;border-color:#22c55e80}.clock-gps-bar--err{background:#ef44441a;border-color:#ef444473}.clock-gps-bar--loading{background:#0a84ff14;border-color:#0a84ff59}.clock-ready-hint{margin:.75rem 0 .5rem;padding:.65rem .85rem;border-radius:var(--radius);font-size:.9rem}.clock-ready-hint--ok{background:#22c55e1a;border:1px solid rgba(34,197,94,.35);color:var(--success)}.clock-ready-hint--warn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:var(--text)}.clock-camera-block--locked .clock-camera-wrap,.clock-camera-block--locked .clock-actions,.clock-desktop.clock-camera-block--locked .form-group,.clock-desktop.clock-camera-block--locked .clock-actions{opacity:.45;pointer-events:none}.clock-camera-block--locked:before,.clock-desktop.clock-camera-block--locked:before{content:"Aktifkan GPS dulu (izinkan lokasi)";display:block;margin-bottom:.5rem;font-size:.85rem;color:var(--danger);font-weight:600}.clock-late-checkout{margin:1rem 0;padding:1rem;border-radius:var(--radius);background:#f59e0b14;border:1px solid rgba(245,158,11,.35)}.clock-late-checkout__choices{display:flex;flex-direction:column;gap:.5rem;margin-top:.65rem}.clock-pending-banner{margin:.5rem 0 0;color:var(--warning, #b45309)}.clock-session2-banner{margin:.65rem 0 0;padding:.65rem .85rem;border-radius:var(--radius);background:#0a84ff1a;border:1px solid rgba(10,132,255,.35)}.clock-pulang-hint{margin:.75rem 0 0;padding:.65rem .85rem;border-radius:var(--radius);background:#22c55e1a;border:1px solid rgba(34,197,94,.35)}.clock-attendance-status{margin:.75rem 0 0;padding:.65rem .9rem;border-radius:var(--radius);font-size:.9rem}.clock-attendance-status--belum{background:#94a3b81f;border:1px solid rgba(148,163,184,.35)}.clock-attendance-status--masuk,.clock-attendance-status--masuk_s2{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4)}.clock-attendance-status--pulang_s1,.clock-attendance-status--lengkap{background:#22c55e1f;border:1px solid rgba(34,197,94,.4)}.clock-status__item--current{outline:2px solid rgba(245,158,11,.6);outline-offset:2px}.clock-status__item--next{opacity:.85;border-style:dashed}.stat-card__sub{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.page-header__actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.page-header__field-label{margin:0;font-size:.75rem}.absensi-dash-today-card h3{margin:0 0 .25rem;font-size:1.05rem}.absensi-dash-today-card__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.absensi-dash-roster-wrap{padding:0 0 .5rem}.absensi-dash-table th,.absensi-dash-table td{font-size:.85rem;vertical-align:middle}.absensi-dash-table th:nth-child(n+3),.absensi-dash-table td:nth-child(n+3){text-align:center;white-space:nowrap}.absensi-dash-emp{display:flex;align-items:center;gap:.65rem;min-width:10rem}.absensi-dash-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:#0a84ff26;color:#7ec8ff;border:1px solid rgba(10,132,255,.35)}.absensi-dash-emp__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.absensi-dash-emp__text strong{font-size:.9rem}.absensi-dash-emp__text small{font-size:.72rem;color:var(--text-muted)}.absensi-dash-row--belum{background:#94a3b80a}.absensi-dash-row--masuk,.absensi-dash-row--masuk_s2{background:#f59e0b0d}.absensi-dash-row--pulang_s1,.absensi-dash-row--lengkap{background:#22c55e0a}.absensi-dash-roster-foot{padding:.5rem 1.25rem .75rem;margin:0}@media(max-width:720px){.absensi-dash-table thead{display:none}.absensi-dash-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.absensi-dash-table tbody tr.absensi-dash-row--belum,.absensi-dash-table tbody tr.absensi-dash-row--masuk,.absensi-dash-table tbody tr.absensi-dash-row--masuk_s2,.absensi-dash-table tbody tr.absensi-dash-row--pulang_s1,.absensi-dash-table tbody tr.absensi-dash-row--lengkap{background:transparent}.absensi-dash-emp{grid-column:1 / -1}.absensi-dash-table td:nth-child(2){grid-column:1 / -1}.absensi-dash-table td:nth-child(n+3):before{display:block;font-size:.68rem;font-weight:600;color:var(--text-muted);margin-bottom:.15rem}.absensi-dash-table td:nth-child(3):before{content:"Masuk"}.absensi-dash-table td:nth-child(4):before{content:"Pulang"}.absensi-dash-table td:nth-child(5):before{content:"Masuk 2"}.absensi-dash-table td:nth-child(6):before{content:"Pulang 2"}.absensi-dash-today-card__head{flex-direction:column;align-items:stretch}.absensi-dash-progress{max-width:none}.absensi-dash-progress__label{text-align:left}}.attendance-roster{display:flex;flex-direction:column;gap:.35rem;padding:0 1rem 1rem}.attendance-roster__row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:.5rem 1rem;align-items:center;padding:.55rem .65rem;border-radius:var(--radius);background:var(--surface-elevated, rgba(255, 255, 255, .03))}.attendance-roster__row--belum{opacity:.85}.attendance-roster__times{font-size:.85rem;color:var(--text-muted)}.attendance-status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;margin-bottom:.25rem}.attendance-status-badge--muted{background:#94a3b826;color:var(--text-muted)}.attendance-status-badge--warn{background:#f59e0b26;color:#b45309}.attendance-status-badge--ok{background:#22c55e26;color:var(--success, #15803d)}@media(min-width:640px){.attendance-roster__row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto}.attendance-status-badge{margin-bottom:0}}.jadwal-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;margin-bottom:.35rem;font-size:.7rem;color:var(--text-muted);text-align:center;width:100%;min-width:0}.jadwal-day--unset{border-style:dashed;opacity:.85}.jadwal-day--pad{visibility:hidden;pointer-events:none;border:none;background:transparent;min-height:0}.prepay-paid-block{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);width:100%}.prepay-paid-block__title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.prepay-paid-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.prepay-paid-list__item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label amount" "date date";gap:.1rem .75rem;font-size:.88rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.prepay-paid-list__item:last-child{border-bottom:none}.prepay-paid-list__label{grid-area:label;font-weight:600}.prepay-paid-list__amount{grid-area:amount;font-weight:600;color:var(--success);text-align:right}.prepay-paid-list__date{grid-area:date;font-size:.78rem;color:var(--text-muted)}.hr-settings-section__title{margin:1rem 0 .5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.hr-settings-section__title:first-child{margin-top:0}.hr-settings-apply{display:flex;flex-direction:column;gap:.5rem}.hr-leave-types-list{margin:.75rem 0 0}.hr-leave-type-form .form-row{margin-bottom:0}.gaji-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.25rem;margin-bottom:1rem;padding:1rem 1.1rem}.gaji-toolbar__main{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;flex:1 1 280px;min-width:0}.gaji-toolbar__period{display:flex;flex-direction:column;gap:.25rem}.gaji-toolbar__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.gaji-toolbar__month{min-width:10.5rem}.gaji-toolbar__search{flex:1 1 200px;min-width:180px;margin-bottom:0!important}.gaji-toolbar__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.gaji-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-bottom:1rem}.gaji-summary__item{padding:.65rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-elevated, var(--surface))}.gaji-summary__label{display:block;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem}.gaji-summary__value{font-size:1.05rem;font-weight:700;color:var(--text)}.gaji-summary__value--warn{color:var(--warn, #d97706)}.gaji-summary__value--ok{color:var(--success)}.gaji-list{display:flex;flex-direction:column;gap:.85rem}.gaji-card{margin:0!important;padding:0;overflow:hidden}.gaji-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-elevated, var(--surface)) 88%,transparent)}.gaji-card__identity{min-width:0;flex:1 1 200px}.gaji-card__name{margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.gaji-card__meta{margin:0;font-size:.82rem;color:var(--text-muted);line-height:1.45}.gaji-card__badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.gaji-card__actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.gaji-card__body{padding:.85rem 1.1rem 1rem}.gaji-table{width:100%;border-collapse:collapse;font-size:.84rem}.gaji-table th,.gaji-table td{padding:.45rem .5rem;text-align:left;border-bottom:1px solid var(--border)}.gaji-table th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:color-mix(in srgb,var(--border) 35%,transparent)}.gaji-table td.text-right{text-align:right;white-space:nowrap}.gaji-table tr.gaji-table__total td{font-weight:700;border-bottom:none;padding-top:.6rem}.gaji-table tr.gaji-table__total--pay td{color:var(--success)}.gaji-table tr.gaji-table__deduct td{color:var(--danger)}.gaji-card__foot{margin-top:.75rem;padding-top:.65rem;border-top:1px dashed var(--border);font-size:.8rem;color:var(--text-muted)}.gaji-breakdown{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.85rem;align-items:flex-start}.gaji-breakdown strong{margin-left:auto;color:var(--success)}.text-danger{color:var(--danger)}.simple-list{list-style:none}.simple-list__item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.list-item{padding:.5rem 0;border-bottom:1px solid var(--border)}.card__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.card__toolbar h3{margin:0;font-size:1rem}.admin-req-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.list-item--muted{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;opacity:.85}.admin-req-history__title{margin:1rem 0 .5rem;font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}@media(max-width:768px){.app--module{grid-template-columns:1fr!important;grid-template-areas:"chrome" "main"!important}.app-notif-dropdown{position:fixed;top:3.25rem;right:.75rem;left:.75rem;width:auto}.app--module .sidebar{display:flex!important;position:fixed;top:0;left:0;width:var(--sidebar-w)!important;min-width:var(--sidebar-w);height:100vh;height:100dvh;max-height:100dvh;padding:1.25rem .85rem!important;border-right:1px solid var(--border)!important;transform:translate(-100%);transition:transform .25s ease;z-index:290;overflow:hidden}.app--module .sidebar__menu{flex:1 1 0;min-height:0}.app--module .sidebar.open,body.zinet-mobile-sidebar-open #sidebar.open{transform:translate(0);z-index:300}body.zinet-mobile-sidebar-open #appChrome{display:none!important}.main{padding:1rem .85rem 1.5rem;max-width:100vw;box-sizing:border-box}.form-row{grid-template-columns:1fr}.page-header h2{font-size:1.35rem}.page-header--row>input[type=month],.page-header--row>input[type=date]{width:100%;max-width:100%;box-sizing:border-box}.page-header__actions{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.home-grid{grid-template-columns:1fr}.gaji-toolbar{flex-direction:column;align-items:stretch}.gaji-toolbar__actions{width:100%}.gaji-toolbar__actions .btn{flex:1 1 auto}.gaji-card__head{flex-direction:column}.gaji-card__actions{width:100%}.gaji-card__actions .btn{flex:1 1 calc(50% - .2rem)}.gaji-table{font-size:.8rem}.actions-cell{flex-wrap:wrap}.actions-cell .btn--sm{flex:1 1 auto;min-width:min(100%,8rem)}#page-member-owner .owner-manage-actions{flex-flow:row nowrap}#page-member-owner .owner-manage-actions .btn--sm{flex:0 0 auto;min-width:0}.data-table{font-size:.78rem}.data-table th,.data-table td{padding:.45rem .35rem}.piutang-table-wrap{-webkit-overflow-scrolling:touch}.modal-overlay{padding:.5rem;align-items:flex-end}.modal{max-width:none;width:100%;max-height:92vh;border-radius:12px 12px 0 0}.modal--wide{max-width:none}.jadwal-legend{flex-wrap:wrap;gap:.5rem .75rem}.jadwal-day{min-height:2.35rem}.jadwal-day small{font-size:.55rem}.jadwal-bulk__row{flex-direction:column;align-items:stretch}.hr-inline-form__fields{grid-template-columns:1fr}.history-timeline__head{flex-direction:column;align-items:flex-start;gap:.25rem}.prepay-paid-list__item{grid-template-columns:1fr;grid-template-areas:"label" "amount" "date"}.prepay-paid-list__amount{text-align:left}}.attendance-selfie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-top:.35rem}.attendance-selfie-grid--compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.attendance-selfie-item{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-hover)}.attendance-selfie-item a{display:block}.attendance-selfie-item img{width:100%;display:block;max-height:240px;object-fit:contain;background:#111}.attendance-selfie-grid--compact .attendance-selfie-item img{max-height:140px}.attendance-selfie-item figcaption{padding:.45rem .6rem;font-size:.78rem;color:var(--text-muted)}.attendance-cleanup-card h3{margin-bottom:.35rem}.attendance-cleanup-stats{margin:0 0 .5rem;font-size:.9rem}.attendance-cleanup-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.attendance-cleanup-actions__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.data-table--compact th,.data-table--compact td{padding:.45rem .6rem;font-size:.85rem}@media(max-width:400px){.stats-grid{grid-template-columns:1fr}.jadwal-day{min-height:2rem;font-size:.68rem}}.finance-log-toolbar .toolbar-filters{gap:.75rem 1rem}.finance-log-search-row{display:flex;gap:.5rem;align-items:stretch;margin-top:.75rem}.finance-log-search-row__input{flex:1;min-width:0;margin-bottom:0}.finance-log-search-row .btn{align-self:center;flex-shrink:0}.data-table--finance-log td{vertical-align:top}.finance-log__detail{margin:.25rem 0 0;font-size:.82rem;color:var(--text-muted);line-height:1.35}.finance-log__amount{font-variant-numeric:tabular-nums;white-space:nowrap}.finance-log__badge,.finance-log__action{display:inline-block;padding:.12rem .45rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.finance-log__badge{background:var(--surface-2);color:var(--text-muted)}.finance-log__action--create{color:var(--success)}.finance-log__action--update{color:var(--accent)}.finance-log__action--delete{color:var(--danger)}.finance-log__action--pay{color:var(--success)}.finance-log__action--cancel{color:var(--warn)}.app-settings-section__title{margin:0 0 .35rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.app-settings-section__title:not(:first-child){margin-top:.25rem;padding-top:1rem;border-top:1px solid var(--border)}.app-settings-card .app-settings-list{display:flex;flex-direction:column;gap:1.25rem;margin:1rem 0 1.25rem}.app-setting-row{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.app-setting-row input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.app-setting-row__text strong{display:block;margin-bottom:.25rem}.app-unlock-banner{margin-bottom:1rem}.app-unlock-banner__inner{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.65rem .9rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));background:color-mix(in srgb,var(--warn) 12%,var(--surface));font-size:.88rem;color:var(--text)}.category-badge.unlock{background:color-mix(in srgb,var(--warn) 35%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--warn) 50%,var(--border))}.category-card--unlock{border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.print-design-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,34%);gap:1rem;align-items:start}@media(max-width:1024px){.print-design-layout{grid-template-columns:1fr}}.print-design-settings .app-settings-section__title{margin-top:.15rem}.print-design-preset-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding-bottom:.15rem}.print-design-palette{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.print-design-palette__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-hover);font:inherit;font-size:.72rem;color:var(--text-muted);cursor:pointer}.print-design-palette__chip:hover:not(.is-ref){border-color:var(--primary);color:var(--text)}.print-design-palette__chip.is-ref{cursor:default;opacity:.8}.print-design-palette__dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--border-strong);flex-shrink:0}.print-design-color__row input[type=color]{width:100%;max-width:120px;height:2rem;padding:2px;cursor:pointer}.print-design-invoice-kop{margin:.75rem 0 1rem;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--border);background:#3b82f60a}.print-design-invoice-kop .app-settings-section__title{margin-top:0}.print-design-preview-card{position:sticky;top:1rem}.print-design-preview-scale{width:100%;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.print-design-preview{display:block;border:none;background:#fff}.print-design-settings input[type=range]{width:100%}.form-row--4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media(max-width:640px){.form-row--2,.form-row--3,.form-row--4{grid-template-columns:1fr}}.stat-card__value--warn{color:var(--warning, #f59e0b)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.grid-2{grid-template-columns:1fr}}.hidden{display:none!important}.inv-pager,.list-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:var(--bg-hover)}.list-footer__entries{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-muted)}.list-footer__entries-label,.list-footer__entries-suffix{white-space:nowrap}.list-footer__size{min-width:4.5rem;padding:.35rem .5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.82rem}.list-pager-root:empty{display:none}.inv-pager__info{font-size:.85rem;color:var(--text-muted)}.inv-pager__actions{display:flex;align-items:center;gap:.5rem}.inv-pager__page{font-size:.85rem;color:var(--text-muted)}.inv-report-list,.inv-move-list{margin:0;padding:0;list-style:none}.inv-report-list li,.inv-move-list li{padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.inv-move-item small{display:block;color:var(--text-muted);font-size:.75rem}.app-kpi-grid,.voucher-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.35rem}.app-kpi,.voucher-kpi{--kpi-accent: var(--module-accent, var(--primary));--kpi-glow: color-mix(in srgb, var(--kpi-accent) 28%, transparent);position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.15rem 1.2rem;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--kpi-accent) 32%,var(--border));background:linear-gradient(145deg,var(--bg-card) 0%,color-mix(in srgb,var(--kpi-accent) 6%,var(--bg-card)) 100%);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.app-kpi__glow,.voucher-kpi__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 80% at 0% 0%,var(--kpi-glow) 0%,transparent 70%);pointer-events:none}.app-kpi__icon,.voucher-kpi__icon{position:relative;z-index:1;flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:14px;color:var(--kpi-accent);background:color-mix(in srgb,var(--kpi-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--kpi-accent) 38%,transparent);box-shadow:0 8px 20px var(--kpi-glow)}.app-kpi__body,.voucher-kpi__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.app-kpi__label,.voucher-kpi__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.app-kpi__value,.voucher-kpi__value{font-size:1.85rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text)}.app-kpi__meta,.voucher-kpi__meta{font-size:.8rem;color:var(--text-muted);line-height:1.35}.app-kpi__sub{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.app-kpi__chip,.voucher-kpi__chip{display:inline-flex;align-self:flex-start;margin-top:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;background:color-mix(in srgb,var(--kpi-accent) 14%,transparent);color:color-mix(in srgb,var(--kpi-accent) 85%,#fff);border:1px solid color-mix(in srgb,var(--kpi-accent) 28%,transparent)}.app-kpi--accent-today,.voucher-kpi--today{--kpi-accent: var(--module-accent, var(--success))}.app-kpi--accent-secondary,.voucher-kpi--agents{--kpi-accent: color-mix(in srgb, var(--module-accent, #64d2ff) 55%, #64d2ff)}.app-kpi--accent-warn,.voucher-kpi--alert{--kpi-accent: var(--warning)}.app-kpi--clickable,.voucher-kpi--clickable{cursor:pointer}.app-kpi--clickable:hover,.voucher-kpi--clickable:hover{transform:translateY(-3px);box-shadow:0 14px 32px #00000047;border-color:color-mix(in srgb,var(--kpi-accent) 55%,var(--border))}.app-kpi--active,.voucher-kpi--active{outline:2px solid color-mix(in srgb,var(--kpi-accent) 65%,transparent);outline-offset:2px}.app-kpi--pulse .app-kpi__icon,.voucher-kpi--pulse .voucher-kpi__icon{animation:app-kpi-pulse 2.2s ease-in-out infinite}@keyframes app-kpi-pulse{0%,to{box-shadow:0 8px 20px var(--kpi-glow)}50%{box-shadow:0 8px 28px color-mix(in srgb,var(--danger) 45%,transparent)}}.app-kpi__chip--action,.voucher-kpi__chip--action{background:#ff9f0a26;color:#fcd34d;border-color:#ff9f0a59}.app-stat-grid,.stats-grid--app{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.app-stat-grid--dense{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.app-stat-grid--finance{grid-template-columns:repeat(5,minmax(11.5rem,1fr))}@media(max-width:1400px){.app-stat-grid--finance{grid-template-columns:repeat(3,minmax(11.5rem,1fr))}}@media(max-width:900px){.app-stat-grid--finance{grid-template-columns:repeat(2,minmax(10.5rem,1fr))}}@media(max-width:480px){.app-stat-grid--finance{grid-template-columns:minmax(0,1fr)}}.app-dashboard__chart{margin-bottom:1.5rem}.app-dashboard__chart .app-dash-panel{margin-bottom:0}.app-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:.15rem;min-height:5.5rem;min-width:0;overflow:hidden;box-shadow:var(--shadow);transition:border-color .15s,background .15s,transform .15s}.app-dashboard__kpis .app-stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 35%,var(--border))}.app-stat-card:hover{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 35%,var(--border))}.app-stat-card__label{font-size:.8rem;color:var(--text-muted)}.app-stat-card__value{font-size:1.5rem;font-weight:700;line-height:1.2;min-width:0}.app-stat-grid--finance .app-stat-card__value{font-size:clamp(.75rem,.45rem + .85vw,1.2rem);line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-stat-card__value--positive{color:var(--success)}.app-stat-card__value--negative{color:var(--danger)}.app-stat-card__value--warn{color:var(--warning, #f59e0b)}.app-stat-card__sub{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.app-stat-card__hint{font-size:.75rem;color:var(--text-muted)}.app-stat-card--warn{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--bg-card))}.app-stat-card--active{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 10%,var(--bg-card))}.app-stat-card--ok{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}@keyframes app-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-skeleton-block,.app-skeleton-bar,.app-stat-card__skeleton-bar{display:block;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--text-muted) 12%,var(--bg-card)),color-mix(in srgb,var(--text-muted) 22%,var(--bg-card)) 45%,color-mix(in srgb,var(--text-muted) 12%,var(--bg-card)));background-size:200% 100%;animation:app-skeleton-shimmer 1.4s ease-in-out infinite}.app-stat-card--skeleton{pointer-events:none}.app-stat-card__skeleton-bar{height:1.35rem;width:72%;margin-top:.35rem}.app-skeleton-bar--title{height:.85rem;width:68%;margin-bottom:.35rem}.app-skeleton-bar--meta{height:.7rem;width:48%}.app-skeleton-bar--amount{height:.85rem;width:4.5rem;flex-shrink:0}.tx-item--skeleton .tx-icon.app-skeleton-block{width:2.25rem;height:2.25rem;border-radius:50%}.finance-bar-chart--skeleton .finance-bar-chart__bar.app-skeleton-block{opacity:.55;min-width:6px}@media(prefers-reduced-motion:reduce){.app-skeleton-block,.app-skeleton-bar,.app-stat-card__skeleton-bar{animation:none}}.app-stat-grid .stat-card{display:flex;flex-direction:column;gap:.15rem;min-height:5.5rem}.app-stat-grid .stat-card--warn,.absensi-dash-stat--warn{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--bg-card))}.app-stat-grid .stat-card--active,.absensi-dash-stat--active{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 10%,var(--bg-card))}.app-stat-grid .stat-card--ok,.absensi-dash-stat--ok{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}.rekap-stats-card{padding:.85rem 1rem;margin-bottom:.25rem}.rekap-stats-card--empty{padding:.75rem 1rem}.rekap-stats-heading{margin:0 0 .75rem;font-size:.88rem}.rekap-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.rekap-stats-panel{padding:.65rem .75rem;border-radius:var(--radius, 8px);border:1px solid var(--border);background:var(--bg-elevated, var(--bg-card))}.rekap-stats-panel--good{border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.rekap-stats-panel--warn{border-color:color-mix(in srgb,var(--warning) 40%,var(--border))}.rekap-stats-title{margin:0 0 .5rem;font-size:.82rem;font-weight:600;color:var(--text-muted)}.rekap-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.lembur-sessions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.lembur-sessions__item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.lembur-sessions__item:last-child{border-bottom:none}.lembur-sessions__date{min-width:7.5rem;font-size:.88rem}.lembur-sessions__dur{font-weight:600;font-size:.88rem;color:var(--accent, #38bdf8)}.lembur-sessions__note{flex:1 1 100%;font-size:.8rem;line-height:1.35}.lembur-sessions__item .btn{margin-left:auto}.rekap-lembur-list{display:flex;flex-direction:column;gap:1.15rem}.rekap-archive-toolbar{padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:color-mix(in srgb,var(--bg-elevated) 40%,var(--bg-card))}.rekap-lembur-card{border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:var(--bg-card);overflow:hidden;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .25))}.rekap-lembur-card__head{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 55%,var(--bg-card))}.rekap-lembur-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}.rekap-lembur-card__identity{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1 12rem}.rekap-lembur-card__name{margin:0;font-size:1rem;font-weight:600;line-height:1.3;color:var(--text)}.rekap-lembur-card__meta{font-size:.78rem;color:var(--text-muted)}.rekap-lembur-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.rekap-lembur-stat{display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 88%,transparent)}.rekap-lembur-stat--total{border-color:color-mix(in srgb,var(--success) 28%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}.rekap-lembur-stat--ot{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--bg-card))}.rekap-lembur-stat--meal{border-color:color-mix(in srgb,var(--warning, #f59e0b) 24%,var(--border));background:color-mix(in srgb,var(--warning, #f59e0b) 5%,var(--bg-card))}.rekap-lembur-stat__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.rekap-lembur-stat__value{font-size:.92rem;font-weight:600;color:var(--text);line-height:1.25}.rekap-lembur-stat--total .rekap-lembur-stat__value{color:var(--success)}.rekap-lembur-stat--ot .rekap-lembur-stat__value{color:var(--primary)}.rekap-lembur-stat__sub{font-size:.76rem;color:var(--text-muted)}.rekap-lembur-card__actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem;flex-shrink:0}.rekap-lembur-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.38rem .72rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 70%,var(--bg-card));color:var(--text);font-size:.78rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.rekap-lembur-add-btn:hover{background:var(--bg-hover);border-color:var(--border-strong, var(--border))}.rekap-lembur-add-btn--ot{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--primary)}.rekap-lembur-add-btn--ot:hover{background:color-mix(in srgb,var(--primary) 12%,var(--bg-card))}.rekap-lembur-add-btn--meal{border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--success)}.rekap-lembur-add-btn--meal:hover{background:color-mix(in srgb,var(--success) 10%,var(--bg-card))}.rekap-lembur-card__body{background:var(--bg-card)}.rekap-lembur-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.88rem;border:1px dashed var(--border);border-radius:var(--radius-lg, 12px);background:color-mix(in srgb,var(--bg-card) 90%,transparent)}.rekap-lembur-days-wrap{overflow-x:auto}.rekap-lembur-days{margin:0;min-width:38rem;font-size:.85rem}.rekap-lembur-days thead th{background:color-mix(in srgb,var(--bg-elevated) 65%,transparent);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.6rem .75rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.rekap-lembur-days td{padding:.65rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);vertical-align:top;color:var(--text)}.rekap-lembur-days tbody tr:hover td{background:color-mix(in srgb,var(--bg-hover) 35%,transparent)}.rekap-lembur-days tbody tr:last-child td{border-bottom:none}.rekap-lembur-days .col-date{white-space:nowrap;font-size:.84rem;width:7.5rem}.rekap-lembur-days .col-absen{font-size:.84rem;line-height:1.45;min-width:9rem}.rekap-lembur-days th.col-money,.rekap-lembur-days td.col-money,.rekap-lembur-days th.col-total,.rekap-lembur-days td.col-total{text-align:right;white-space:nowrap;font-size:.84rem;line-height:1.45}.rekap-lembur-days th.actions-cell,.rekap-lembur-days td.actions-cell{text-align:right;width:1%;padding-left:.35rem}.rekap-lembur-money{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem}.rekap-lembur-money__main{font-weight:600;color:var(--text)}.rekap-lembur-money__sub{font-size:.76rem;color:var(--text-muted)}.rekap-lembur-money--ot .rekap-lembur-money__main{color:var(--primary)}.rekap-lembur-money--meal .rekap-lembur-money__main{color:var(--text)}.rekap-lembur-ot{display:block;font-weight:600;color:var(--primary)}.rekap-lembur-ot-pay{display:block;font-size:.78rem;color:var(--text-muted)}.rekap-lembur-days .col-total strong{color:var(--success);font-size:.9rem}.rekap-lembur-row-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.3rem;max-width:11rem}.rekap-lembur-row-actions__btn{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .55rem;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 55%,var(--bg-card));color:var(--text-muted);font-size:.72rem;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.rekap-lembur-row-actions__btn:hover{background:var(--bg-hover);color:var(--text)}.rekap-lembur-row-actions__btn--edit{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));color:var(--primary)}.rekap-lembur-row-actions__btn--edit:hover{background:color-mix(in srgb,var(--primary) 12%,var(--bg-card))}.rekap-lembur-row-actions__btn--meal{border-color:color-mix(in srgb,var(--success) 30%,var(--border));color:var(--success)}.rekap-lembur-row-actions__btn--meal:hover{background:color-mix(in srgb,var(--success) 10%,var(--bg-card))}.rekap-lembur-row-actions__btn--danger{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));color:var(--danger)}.rekap-lembur-row-actions__btn--danger:hover{background:color-mix(in srgb,var(--danger) 10%,var(--bg-card))}@media(max-width:720px){.rekap-lembur-card__stats{grid-template-columns:1fr}.rekap-lembur-card__top{flex-direction:column;align-items:stretch}.rekap-lembur-card__actions{justify-content:flex-start}}.rekap-lembur-summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.92rem}.rekap-rank-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:6px;background:color-mix(in srgb,var(--bg-card) 80%,transparent)}.rekap-rank-item--rajin .rekap-rank-badge{background:color-mix(in srgb,var(--success) 22%,var(--bg-card));color:var(--success, #22c55e)}.rekap-rank-item--telat .rekap-rank-badge{background:color-mix(in srgb,var(--warning) 22%,var(--bg-card));color:var(--warning, #f59e0b)}.rekap-rank-badge{flex-shrink:0;width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;font-size:.85rem}.rekap-rank-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.rekap-rank-name{font-weight:600;font-size:.92rem;line-height:1.25}.rekap-rank-detail{font-size:.75rem;color:var(--text-muted)}.rekap-rank-pct{flex-shrink:0;font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums}.rekap-rank-item--rajin .rekap-rank-pct{color:var(--success, #22c55e)}.rekap-rank-item--telat .rekap-rank-pct{color:var(--warning, #f59e0b)}.rekap-rank-empty{margin:0;font-size:.82rem;color:var(--text-muted)}.rekap-coords .rekap-coord-line{display:block;line-height:1.45}.app-bar-chart,.inv-chart{display:flex;align-items:flex-end;gap:.5rem;min-height:130px;padding-top:.5rem}.app-bar-chart__col,.inv-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.app-bar-chart__bar,.inv-chart__bar{width:100%;max-width:48px;background:linear-gradient(180deg,var(--module-accent, var(--primary)),transparent);border-radius:4px 4px 0 0;min-height:4px}.app-bar-chart__lbl,.inv-chart__lbl{font-size:.65rem;color:var(--text-muted);text-align:center;word-break:break-word}.finance-bar-chart__legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.85rem;font-size:.78rem;color:var(--text-muted)}.finance-bar-chart__key{display:inline-flex;align-items:center;gap:.4rem}.finance-bar-chart__key:before{content:"";width:.65rem;height:.65rem;border-radius:2px}.finance-bar-chart__key--income:before{background:var(--success)}.finance-bar-chart__key--expense:before{background:var(--danger)}.finance-bar-chart__scale-hint{flex:1 1 100%;font-size:.7rem;color:var(--text-muted);opacity:.85}.finance-bar-chart__grid{display:flex;align-items:flex-end;gap:.35rem;min-height:140px;padding-top:.25rem;overflow-x:auto}.finance-bar-chart__col{flex:1 1 0;min-width:2.25rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.finance-bar-chart__bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:100%;min-height:120px}.finance-bar-chart__bar{width:42%;max-width:22px;border-radius:4px 4px 0 0;min-height:4px}.finance-bar-chart__bar--income{background:linear-gradient(180deg,var(--success),color-mix(in srgb,var(--success) 35%,transparent))}.finance-bar-chart__bar--expense{background:linear-gradient(180deg,var(--danger),color-mix(in srgb,var(--danger) 35%,transparent))}.finance-bar-chart__share{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-height:1.75rem;font-size:.58rem;line-height:1.25;font-weight:600}.finance-bar-chart__share--empty{visibility:hidden}.finance-bar-chart__share-in{color:var(--success)}.finance-bar-chart__share-out{color:var(--danger)}.finance-bar-chart__lbl{font-size:.65rem;color:var(--text-muted);text-align:center}.app-dash-charts,.app-dash-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}@media(max-width:720px){.app-dash-charts,.app-dash-grid-2,.app-kpi-grid,.voucher-kpi-grid{grid-template-columns:1fr}}.app-seg-filters,.absensi-dash-filters{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.app-seg-filter,.absensi-dash-filter{font-size:.8rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.app-seg-filter:hover,.absensi-dash-filter:hover{color:var(--text);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,var(--border))}.app-seg-filter.is-active,.absensi-dash-filter.is-active{color:#fff;background:var(--module-accent, var(--primary));border-color:var(--module-accent, var(--primary))}.app-progress,.absensi-dash-progress{flex:1;min-width:min(100%,220px);max-width:320px}.app-progress__track{height:8px;border-radius:999px;background:var(--bg-hover);overflow:hidden}.app-progress__bar,.absensi-dash-progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--module-accent, var(--success)),color-mix(in srgb,var(--module-accent, var(--success)) 70%,#000));width:0;transition:width .35s ease}.app-progress__label,.absensi-dash-progress__label{display:block;margin-top:.35rem;font-size:.78rem;color:var(--text-muted);text-align:right}.app-dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.app-dash-card__title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.app-dash-card__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.app-dash-card__head h3{margin:0 0 .25rem;font-size:1.05rem}.app-dash-card__hint{font-size:.8rem;color:var(--text-muted);margin:0}.app-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.app-page-header__main{min-width:0;flex:1}.app-page-header__eyebrow{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--module-accent, var(--primary));margin:0 0 .35rem}.app-page-header__title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.2}.app-page-header__sub{font-size:.9rem;color:var(--text-muted);margin:.35rem 0 0;max-width:42rem;line-height:1.45}.app-page-header__actions,.page-header__actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;flex-shrink:0}.page-header__actions .form-group--inline,.app-page-header__actions .form-group--inline{margin:0}.app-dashboard{display:flex;flex-direction:column;gap:1.25rem}.app-dashboard__kpis,.app-dashboard__kpis .app-stat-grid,.app-dashboard__kpis .app-kpi-grid{margin-bottom:0}.app-dashboard__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:900px){.app-dashboard__cols{grid-template-columns:1fr}}.app-dash-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.app-dash-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--module-accent, var(--primary)) 4%,var(--bg-card))}.app-dash-panel__title{margin:0;font-size:.95rem;font-weight:700}.app-dash-panel__sub{margin:.2rem 0 0;font-size:.78rem;color:var(--text-muted)}.app-dash-panel__body{padding:.85rem 1.15rem 1rem}.app-dash-panel__body .list-compact{margin:0}.app-dash-panel--wide{grid-column:1 / -1}.page--launcher{max-width:1100px;margin:0 auto;width:100%}.launcher-hero{margin-bottom:2rem;padding:1.5rem 1rem 0;text-align:center}.launcher-hero__title{background:linear-gradient(135deg,var(--text) 0%,color-mix(in srgb,var(--module-accent, var(--primary)) 65%,var(--text)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-grid{gap:1.25rem}.home-card{border-radius:16px;padding:1.65rem 1.35rem 1.35rem}.home-card__cta{margin-top:.85rem;padding:.35rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--card-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 28%,transparent)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.page-header--row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem}.page-header h2,.page-header--row h2,.app-page-header__title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.2}.page-subtitle,.app-page-header__sub{font-size:.9rem;color:var(--text-muted);margin:.35rem 0 0;max-width:42rem;line-height:1.45}.page-header:not(.page-header--row){margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.app-dashboard-page{--dash-max: 1200px}.app--module .main:has(.app-dashboard-page.active),.app--module .main:has(.app-dashboard){max-width:var(--dash-max, 1200px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.375rem;padding:.5rem 1rem;border-radius:var(--radius, 10px);line-height:1.25;white-space:nowrap;text-decoration:none;box-sizing:border-box;vertical-align:middle}.btn--sm{min-height:2rem;padding:.35rem .75rem;font-size:.78rem}.btn--lg{min-height:2.75rem;padding:.65rem 1.25rem;font-size:.95rem}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--module-accent, var(--primary));outline-offset:2px}.btn--primary{background:var(--module-accent, var(--primary));color:#fff;border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 75%,#000);box-shadow:0 1px 3px #0003}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--module-accent, var(--primary)) 88%,#fff);filter:brightness(1.08)}.btn--secondary{background:color-mix(in srgb,var(--module-accent, var(--primary)) 14%,var(--bg-card));color:color-mix(in srgb,var(--module-accent, var(--primary)) 75%,var(--text));border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 38%,var(--border))}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--bg-hover));color:var(--text)}.btn--ghost{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}.app-btn-group,.gaji-toolbar__actions,.owner-manage-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:.4rem}td.actions-cell,th.actions-cell{display:table-cell;white-space:nowrap;vertical-align:middle}td.actions-cell>.app-btn-group,td.actions-cell>.owner-manage-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.35rem}.actions-cell .btn+.btn{margin-left:0}.modal__footer .btn,.modal-footer .btn{min-width:5.5rem}.voucher-pill,.app-seg-filter,.absensi-dash-filter{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.voucher-pill:hover,.app-seg-filter:hover,.absensi-dash-filter:hover{color:var(--text);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,var(--border))}.voucher-pill--on,.app-seg-filter.is-active,.absensi-dash-filter.is-active{color:#fff;background:var(--module-accent, var(--primary));border-color:var(--module-accent, var(--primary))}.voucher-pill--alert{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));color:color-mix(in srgb,var(--warning) 85%,var(--text))}.voucher-pill--alert.voucher-pill--on{background:color-mix(in srgb,var(--danger) 85%,#000);border-color:var(--danger);color:#fff}.voucher-panel,.voucher-list-card{box-shadow:var(--shadow)}.voucher-panel__head,.voucher-panel .app-dash-panel__head{background:color-mix(in srgb,var(--module-accent, var(--primary)) 4%,var(--bg-card))}.voucher-panel__title,.app-dash-panel__title{font-size:.95rem}.voucher-panel__sub{margin:.2rem 0 0;font-size:.78rem;color:var(--text-muted)}.voucher-panel__count{padding:.3rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--module-accent, var(--primary)) 14%,transparent);color:var(--module-accent, var(--primary));border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 30%,var(--border))}.stats-row,.app-stat-grid{display:grid;gap:1rem;margin-bottom:0}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-row .stat-card--wide{grid-column:span 2}@media(max-width:640px){.stats-row .stat-card--wide{grid-column:span 1}}.stat-card,.stats-row .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.2rem}.stat-card .stat-label,.stat-card__label{font-size:.8rem;color:var(--text-muted)}.stat-card .stat-value,.stat-card__value{font-size:1.5rem;font-weight:700}.app-dash-charts .card,.app-dash-charts .app-dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.15rem 1.15rem;box-shadow:var(--shadow);margin:0}.app-dash-charts .card__title,.app-dash-charts .app-dash-card__title{margin:0 0 .75rem;font-size:.95rem;font-weight:700}.inv-pager,.app-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-top:1px solid var(--border)}.inv-pager__actions,.app-pager__actions{display:inline-flex;align-items:center;gap:.4rem}.app-dash-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.app-dashboard .search-box--wide{margin:0 1.15rem .75rem;max-width:none}.app-dash-panel .app-seg-filters,.app-dash-panel .absensi-dash-filters{margin:0;border-bottom:1px solid var(--border)}.app-dash-toolbar>.voucher-toolbar,.app-dash-toolbar.voucher-toolbar-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;width:100%;padding:0;margin:0;background:transparent;border:none}.app-dash-toolbar .voucher-toolbar__search{flex:1;min-width:min(100%,14rem)}.app-dash-toolbar .voucher-toolbar__select{min-height:2.375rem;padding:.45rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:inherit;font-size:.82rem}.app-dash-toolbar .voucher-status-tabs{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card)}.app-dash-toolbar .voucher-status-tabs .voucher-pill{margin:0}.sidebar__nav .nav-group:not(.open) .nav-submenu{display:none!important}.sidebar__nav .nav-group.open>.nav-submenu{display:flex!important}.sidebar__nav .nav-submenu{margin-bottom:.35rem;padding-bottom:.25rem}.sidebar__nav .nav-group+.nav-group{margin-top:.15rem}.app-page-toolbar,.piutang-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.piutang-toolbar__search,.app-page-toolbar .search-box{flex:1 1 220px;min-width:min(100%,200px);max-width:100%}.piutang-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1 1 auto;justify-content:flex-end;min-width:0}.piutang-toolbar .tabs--compact{flex-wrap:nowrap}.piutang-toolbar .dropdown__toggle{white-space:nowrap}.app-filter-bar--toolbar{margin-bottom:0;border-radius:0;border-left:none;border-right:none;border-top:none}.app-dash-panel.piutang-panel{padding:0;overflow:hidden}.app-dash-panel.piutang-panel .app-filter-bar--toolbar{background:var(--bg-elevated)}.app-dash-panel.piutang-panel .piutang-table-wrap{border-top:1px solid var(--border)}.toolbar-filters--row .form-group--inline{display:flex;flex-direction:column;gap:.25rem;margin:0}.toolbar-filters--row .form-group--inline label{font-size:.75rem;color:var(--text-muted)}.cicilan-due-row--highlight{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 6%,var(--bg-card))}.app[data-active-module=keuangan] .btn--primary{background:var(--primary);border-color:color-mix(in srgb,var(--primary-hover) 70%,transparent);color:#fff}.app[data-active-module=keuangan] .btn--primary:hover:not(:disabled){background:var(--primary-hover);filter:none}.app[data-active-module=keuangan] .btn--secondary{background:color-mix(in srgb,var(--primary) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--primary) 38%,var(--border));color:color-mix(in srgb,var(--primary) 80%,var(--text))}.app-filter-bar{--filter-control-h: 2.375rem;--filter-label-h: 1.05rem;display:flex;flex-direction:column;gap:.65rem;padding:.85rem 1.15rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);margin-bottom:.5rem}.app-filter-bar__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem;min-width:0}.app-filter-bar__row--search{width:100%}.app-filter-bar__search{flex:1 1 100%;min-width:0;max-width:100%}.app-filter-bar__row--controls{align-items:flex-end}.app-filter-bar__fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem;flex:1 1 auto;min-width:0}.app-filter-bar__field-group{display:flex;flex-direction:column;gap:.25rem;min-width:0}.app-filter-bar__field-group>label,.app-filter-bar__field-group>.app-filter-bar__label-spacer{display:block;min-height:var(--filter-label-h);font-size:.72rem;font-weight:600;line-height:var(--filter-label-h);color:var(--text-muted);white-space:nowrap}.app-filter-bar__label-spacer{visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.app-filter-bar__field-group input[type=date],.app-filter-bar__field-group input[type=month],.app-filter-bar__field-group select{min-width:10.5rem;max-width:100%;height:var(--filter-control-h);padding:0 .65rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.85rem;line-height:1.25;box-sizing:border-box}.app-filter-bar__field-group select{padding-right:2rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:.85rem}.app-filter-bar__field-group select:focus{outline:none;border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--module-accent, var(--primary)) 18%,transparent)}.app-filter-bar__actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem;flex-shrink:0;margin-left:auto;min-height:calc(var(--filter-label-h) + .25rem + var(--filter-control-h));padding-bottom:0}.app-filter-bar__actions .btn--sm{min-height:var(--filter-control-h)}.app-filter-bar__row--actions-only{align-items:center}.app-filter-bar__row--actions-only .app-filter-bar__actions{min-height:0;margin-left:0;width:100%;justify-content:flex-end}.app-filter-bar__actions .tabs--compact{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.15rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);min-height:var(--filter-control-h);box-sizing:border-box}.app-filter-bar__actions .tabs--compact .tab{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--filter-control-h) - .4rem);padding:0 .75rem;line-height:1;margin:0}.app-filter-bar__hint{margin:-.25rem 0 .75rem;padding:0 .15rem}.app-filter-mode{display:inline-flex;flex-shrink:0;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);gap:.15rem}.app-filter-mode{height:var(--filter-control-h);box-sizing:border-box}.app-filter-mode__btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;min-height:calc(var(--filter-control-h) - .4rem);padding:0 .85rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s;line-height:1}.app-filter-mode__btn:hover{color:var(--text);background:var(--bg-hover)}.app-filter-mode__btn.is-active{background:color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--bg-card));color:var(--module-accent, var(--primary));box-shadow:0 0 0 1px color-mix(in srgb,var(--module-accent, var(--primary)) 35%,transparent)}@media(max-width:640px){.app-filter-bar__row--controls{flex-direction:column;align-items:stretch}.app-filter-bar__actions{margin-left:0;justify-content:flex-start}}.wa-template-input{width:100%;font-family:inherit;font-size:.88rem;line-height:1.45}.wa-template-preview{margin:0;white-space:pre-wrap;font-size:.85rem;color:var(--text-muted);font-family:inherit}.wa-tool-page .app-dash-panel__body{padding:0}.wa-tool-page__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.15rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.wa-tool{display:flex;flex-direction:column;gap:0}.wa-tool__panel{padding:1.1rem 1.15rem;border-bottom:1px solid var(--border)}.wa-tool__panel:last-child{border-bottom:none}.wa-tool__panel--muted{background:color-mix(in srgb,var(--bg-elevated) 80%,var(--bg-card))}.wa-tool__panel-head{margin-bottom:.85rem}.wa-tool__panel-title{margin:0;font-size:.92rem;font-weight:700;color:var(--text)}.wa-tool__panel-desc{margin:.35rem 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.45;max-width:40rem}.wa-tool__provider-hint{margin:-.25rem 0 .85rem;padding:.55rem .75rem;border-radius:var(--radius);background:color-mix(in srgb,var(--module-accent, var(--primary)) 8%,var(--bg-card));border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--border))}.wa-tool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;margin-bottom:.65rem}@media(max-width:640px){.wa-tool__grid{grid-template-columns:1fr}}.wa-tool__input,.wa-tool .wa-template-input{width:100%;min-height:2.375rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.88rem;line-height:1.35;box-sizing:border-box}.wa-tool__input:focus,.wa-tool .wa-template-input:focus{outline:none;border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--module-accent, var(--primary)) 18%,transparent)}.wa-tool__toggle{margin:0}.wa-tool__test-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem}.wa-tool__test-field{flex:1 1 12rem;min-width:min(100%,200px);margin:0}.wa-tool__test-row .btn{flex-shrink:0;margin-bottom:0}.wa-tool__test-result{margin:.65rem 0 0;min-height:1.25rem}.wa-tool__placeholders{margin:0 0 1rem}.wa-tool__placeholders code{font-size:.78rem}.app[data-active-module=tools] .wa-tool-page .btn--primary,.app[data-active-module=tools] #page-tool-whatsapp .btn--primary,.app[data-active-module=tools] #page-tool-whatsapp-template .btn--primary{background:var(--module-accent, #ff9f0a);border-color:color-mix(in srgb,var(--module-accent, #ff9f0a) 75%,#000);color:#1a1206;font-weight:600}.app[data-active-module=tools] .wa-tool-page .btn--primary:hover:not(:disabled),.app[data-active-module=tools] #page-tool-whatsapp .btn--primary:hover:not(:disabled),.app[data-active-module=tools] #page-tool-whatsapp-template .btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--module-accent, #ff9f0a) 88%,#fff);filter:brightness(1.05)}.app[data-active-module=tools] .wa-tool-page .btn--secondary,.app[data-active-module=tools] #page-tool-whatsapp .btn--secondary{background:color-mix(in srgb,var(--module-accent, #ff9f0a) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--module-accent, #ff9f0a) 38%,var(--border));color:color-mix(in srgb,var(--module-accent, #ff9f0a) 85%,var(--text))}section.page[id^=page-absensi],#page-portal-absen,#page-portal-jadwal,#page-portal-lembur,#page-portal-gaji{--absensi-control-h: 2.375rem;--absensi-label-h: 1.05rem}section.page[id^=page-absensi] .page-header,section.page[id^=page-absensi] .page-header--row,#page-portal-absen .page-header,#page-portal-jadwal .page-header,#page-portal-lembur .page-header,#page-portal-gaji .page-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}section.page[id^=page-absensi] .app-page-header{margin-bottom:1.5rem}.absensi-field-group{display:flex;flex-direction:column;gap:.25rem;min-width:0}.absensi-field-group__label{font-size:.72rem;font-weight:600;line-height:1.05rem;color:var(--text-muted);white-space:nowrap}section.page[id^=page-absensi] .form-group>label{font-size:.72rem;font-weight:600;color:var(--text-muted)}section.page[id^=page-absensi] input[type=month],section.page[id^=page-absensi] input[type=date],section.page[id^=page-absensi] input[type=number],section.page[id^=page-absensi] input[type=text]:not(.search-box__input),section.page[id^=page-absensi] select,section.page[id^=page-absensi] .clock-select,#page-portal-absen select,#page-portal-jadwal input[type=month],#page-portal-lembur input[type=month],#page-portal-gaji input[type=month],#page-portal-jadwal select,#page-portal-absen input[type=month],#page-portal-absen input[type=date]{min-width:10.5rem;max-width:100%;height:var(--absensi-control-h);padding:0 .65rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.85rem;line-height:1.25;box-sizing:border-box;color-scheme:dark;transition:border-color .15s,box-shadow .15s}section.page[id^=page-absensi] select,section.page[id^=page-absensi] .clock-select,#page-portal-absen select{padding-right:2rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:.85rem}section.page[id^=page-absensi] input[type=month]:focus,section.page[id^=page-absensi] input[type=date]:focus,section.page[id^=page-absensi] input[type=number]:focus,section.page[id^=page-absensi] input[type=text]:focus:not(.search-box__input),section.page[id^=page-absensi] select:focus,section.page[id^=page-absensi] .clock-select:focus,#page-portal-jadwal input[type=month]:focus,#page-portal-lembur input[type=month]:focus,#page-portal-gaji input[type=month]:focus,#page-portal-absen select:focus{outline:none;border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--module-accent, var(--primary)) 18%,transparent)}section.page[id^=page-absensi] input[type=month]::-webkit-calendar-picker-indicator,section.page[id^=page-absensi] input[type=date]::-webkit-calendar-picker-indicator,#page-portal-jadwal input[type=month]::-webkit-calendar-picker-indicator,#page-portal-lembur input[type=month]::-webkit-calendar-picker-indicator,#page-portal-gaji input[type=month]::-webkit-calendar-picker-indicator{filter:invert(.85);opacity:.9;cursor:pointer}section.page[id^=page-absensi] .page-header__actions,#page-portal-jadwal .page-header__actions,#page-portal-lembur .page-header__actions,#page-portal-gaji .page-header__actions{align-items:flex-end;gap:.5rem .65rem}section.page[id^=page-absensi] .page-header--row>input[type=month],section.page[id^=page-absensi] .page-header--row>input[type=date],#page-portal-lembur .page-header--row>input[type=month],#page-portal-gaji .page-header--row>input[type=month]{align-self:flex-end;flex-shrink:0}section.page[id^=page-absensi] .gaji-toolbar__month{min-width:10.5rem}section.page[id^=page-absensi] .gaji-toolbar__label{font-size:.72rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text-muted)}section.page[id^=page-absensi] .card,#page-portal-absen .card,#page-portal-jadwal .card,#page-portal-lembur .card,#page-portal-gaji .card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow)}section.page[id^=page-absensi] .hr-panel__head,section.page[id^=page-absensi] .card__toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--module-accent, var(--primary)) 4%,var(--bg-card))}section.page[id^=page-absensi] .app-dash-panel{border-radius:var(--radius-lg)}section.page[id^=page-absensi] .employee-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}section.page[id^=page-absensi] .employee-card:hover{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 28%,var(--border))}section.page[id^=page-absensi] .employee-stat{font-weight:600}section.page[id^=page-absensi] .employee-stat--gaji{color:var(--success)}section.page[id^=page-absensi] .employee-stat--hutang{color:var(--danger)}section.page[id^=page-absensi] .jadwal-save-bar{border-color:color-mix(in srgb,var(--module-accent, var(--warning)) 40%,transparent);background:color-mix(in srgb,var(--module-accent, var(--warning)) 8%,var(--bg-card))}section.page[id^=page-absensi] .jadwal-input--dirty{outline-color:color-mix(in srgb,var(--module-accent, var(--warning)) 55%,transparent)}#page-portal-absen .clock-page{border:none;box-shadow:none;background:transparent;padding:0}#page-portal-absen .clock-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow)}@media(max-width:768px){section.page[id^=page-absensi] .page-header__actions,#page-portal-jadwal .page-header__actions{width:100%;justify-content:stretch}section.page[id^=page-absensi] .page-header__actions input[type=month],section.page[id^=page-absensi] .page-header__actions input[type=date],section.page[id^=page-absensi] .page-header--row>input[type=month],section.page[id^=page-absensi] .page-header--row>input[type=date],#page-portal-jadwal input[type=month],#page-portal-lembur input[type=month],#page-portal-gaji input[type=month]{width:100%;min-width:0}}.portal-lembur-month__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.75rem}.portal-lembur-month__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.portal-lembur-history-list{display:flex;flex-direction:column;gap:.35rem}.portal-lembur-history-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem .75rem;width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);text-align:left;cursor:pointer}.portal-lembur-history-row:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.portal-lembur-history-row__main,.portal-lembur-history-row__meta{display:flex;flex-direction:column;gap:.15rem}.portal-lembur-history-row__meta{align-items:flex-end}.portal-lembur-item+.portal-lembur-item{border-top:1px solid var(--border);padding-top:.65rem;margin-top:.65rem}.date-picker-wrap{position:relative;display:flex;align-items:stretch;gap:0}.date-picker-wrap input[type=date],.date-picker-wrap input[type=month]{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;cursor:pointer}.date-picker-trigger{flex-shrink:0;width:42px;border:1px solid var(--border);border-left:none;background:var(--bg-hover);color:var(--text);border-radius:0 8px 8px 0;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.date-picker-trigger:hover{background:color-mix(in srgb,var(--module-accent, var(--primary)) 18%,transparent);color:var(--module-accent, var(--primary))}.date-picker-trigger .icon{width:1.1rem;height:1.1rem}.date-picker-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:500;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.75rem;min-width:0;width:min(100%,320px);max-width:calc(100vw - 1.5rem);box-sizing:border-box;display:none}.date-picker-popup.open{display:block}.date-picker-popup--month{min-width:260px}.date-picker-nav{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.75rem}.date-picker-nav__title{font-weight:700;font-size:.9rem;flex:1;text-align:center}.date-picker-nav__btn{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.35rem .55rem;font-size:.75rem;cursor:pointer;font-family:inherit}.date-picker-nav__btn:hover{background:var(--bg-hover);border-color:var(--module-accent, var(--primary))}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.date-picker-weekdays span{text-align:center;font-size:.65rem;font-weight:600;color:var(--text-muted);padding:.25rem}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.date-picker-day,.date-picker-month{border:none;background:transparent;color:var(--text);border-radius:6px;padding:.45rem .25rem;font-size:.82rem;cursor:pointer;font-family:inherit}.date-picker-day:hover,.date-picker-month:hover{background:var(--bg-hover)}.date-picker-day.other{color:var(--text-muted);opacity:.45}.date-picker-day.today{border:1px solid var(--module-accent, var(--primary))}.date-picker-day.selected,.date-picker-month.selected{background:var(--module-accent, var(--primary));color:#fff}.date-picker-day.empty{pointer-events:none}.date-picker-months{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.date-picker-footer{display:flex;justify-content:space-between;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border)}.date-picker-footer button{border:none;background:transparent;color:var(--module-accent, var(--primary));font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;padding:.25rem .5rem}.date-picker-footer button:hover{text-decoration:underline}.form-group .date-picker-wrap,.toolbar-filters .date-picker-wrap{width:100%}.modal .date-picker-popup{z-index:600}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden}.app,.main{max-width:100%;overflow-x:clip}@media(max-width:768px){.app--module{grid-template-areas:"chrome" "main"!important}.app--module .app-chrome{grid-area:chrome;display:flex;flex-wrap:nowrap;align-items:center;gap:.45rem;position:sticky;top:0;z-index:110;min-height:calc(2.75rem + max(.55rem,env(safe-area-inset-top)));transition:opacity .2s ease,visibility .2s ease}.app--module .app-chrome.app-chrome--scroll-hidden{transform:none;opacity:1;pointer-events:auto}.app--module.app--sidebar-open .app-chrome,body.zinet-mobile-sidebar-open #appChrome{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.app--module .main{grid-area:main}.app--module .sidebar{grid-area:unset}.app-chrome{padding:.55rem max(.65rem,env(safe-area-inset-right)) .55rem max(.65rem,env(safe-area-inset-left));padding-top:max(.55rem,env(safe-area-inset-top))}.app-chrome--launcher{flex-wrap:wrap}.app-chrome--launcher .app-chrome__title-wrap{flex:1 1 auto;min-width:0}.app-chrome--launcher .app-chrome__account-wrap:not([hidden]){margin-left:auto;flex-shrink:0}.app--module .app-chrome__toggle:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;order:0;min-width:2.75rem;min-height:2.75rem;padding:0;border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--module-accent, var(--primary)) 14%,var(--bg-hover));border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,var(--border));box-shadow:0 1px #ffffff0a inset;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app--module.app--sidebar-open .app-chrome__toggle{display:none!important}.app--module .app-chrome__title-wrap{flex:1 1 auto;min-width:0;order:1}.app--module .app-chrome__notif-wrap:not([hidden]){flex:0 0 auto;order:2}.app--module .app-chrome__account-wrap:not([hidden]){flex:0 0 auto;order:3;margin-left:0}.app-chrome__title{font-size:.88rem}.app-chrome__subtitle{font-size:.68rem}.app-chrome__account-btn{max-width:min(38vw,9.5rem)}.app-chrome__account-btn .sidebar__account-info strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app-chrome__account-btn .sidebar__account-info small{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app-chrome__notif-bell{width:2.75rem;height:2.75rem}.app-chrome__toggle .icon{width:1.15rem;height:1.15rem}.app--module #menuToggle{display:none!important}}@media(max-width:380px){.app--module .app-chrome__subtitle{display:none}}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:280;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);touch-action:none}.sidebar-backdrop.is-visible{display:block}@media(max-width:768px){.app--module .sidebar{width:min(88vw,280px)!important;min-width:0;padding:max(1rem,env(safe-area-inset-top)) .75rem 1rem!important;padding-left:max(.75rem,env(safe-area-inset-left))!important;box-shadow:8px 0 32px #00000073;z-index:290}.app--module .sidebar.open,body.zinet-mobile-sidebar-open #sidebar.open{z-index:300!important}.app--module .sidebar__menu{overflow-y:auto;-webkit-overflow-scrolling:touch}.app--module .sidebar__brand-logo{max-width:160px}.nav-item,.nav-subitem{min-height:2.75rem;padding-top:.65rem;padding-bottom:.65rem}}@media(max-width:768px){.main{padding:1rem max(.75rem,env(safe-area-inset-right)) 1.5rem max(.75rem,env(safe-area-inset-left));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.page--launcher{padding-left:0;padding-right:0}.app--launcher{min-height:100dvh;max-height:100dvh;overflow:hidden}.app--launcher .main{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.launcher-hero{margin-bottom:1rem;padding:.35rem .25rem 0}.launcher-hero__logo{width:min(160px,55vw);margin-bottom:.85rem}.launcher-hero__title{font-size:1.45rem}.launcher-hero__eyebrow,.launcher-hero__sub{color:var(--text-muted)}.home-grid,.app-launcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.home-card{padding:1.1rem .85rem 1rem;border-radius:14px;min-height:8.5rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.home-card:active{transform:scale(.98)}.home-card__icon-ring{width:3.25rem;height:3.25rem;margin-bottom:.65rem;border-radius:16px}.home-card__icon-ring .icon{width:1.5rem;height:1.5rem}.home-card__title{font-size:.92rem}.home-card__stat{font-size:1rem}.home-card__meta{font-size:.72rem}}@media(max-width:400px){.home-grid,.app-launcher{grid-template-columns:1fr}}@media(max-width:768px){.page-header,.page-header--row,.app-page-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem;padding-bottom:.85rem}.page-header h2,.page-header--row h2,.app-page-header__title{font-size:1.25rem}.page-header__actions,.app-page-header__actions{width:100%;justify-content:stretch;flex-direction:column;align-items:stretch}.page-header__actions .btn,.app-page-header__actions .btn{width:100%;justify-content:center}.page-toolbar{flex-direction:column;align-items:stretch;margin-bottom:1rem}.page-toolbar__info h2{font-size:1.35rem}.toolbar-filters{flex-direction:column;align-items:stretch}.toolbar-filters .form-group{min-width:0;width:100%}.page-header--row>input[type=month],.page-header--row>input[type=date],.page-header--row>select{width:100%;max-width:none}}@media(max-width:768px){.app-kpi__value,.voucher-kpi__value{font-size:1.45rem}.app-kpi,.voucher-kpi{padding:.95rem 1rem;gap:.75rem}.app-kpi__icon,.voucher-kpi__icon{width:2.5rem;height:2.5rem;border-radius:12px}.stats-row{grid-template-columns:1fr}.card{border-radius:var(--radius-lg)}.app-dash-panel__head{flex-direction:column;align-items:flex-start}.app-seg-filters,.absensi-dash-filters{padding:.65rem .85rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-seg-filters::-webkit-scrollbar,.absensi-dash-filters::-webkit-scrollbar{display:none}.app-seg-filter,.absensi-dash-filter{flex-shrink:0}}@media(max-width:768px){.table-wrap,.voucher-table-wrap,.piutang-table-wrap,.transactions-list .table-wrap,.data-table-wrap{margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}.data-table{font-size:.8rem;min-width:520px}.data-table th,.data-table td{padding:.5rem .45rem}.actions-cell{gap:.35rem}.actions-cell .btn--sm{min-height:2.25rem;padding:.35rem .55rem;font-size:.75rem}}@media(max-width:768px){.form-row,.form-row--2,.form-row--3,.form-row--4{grid-template-columns:1fr!important}.company-form__branding{grid-template-columns:1fr;gap:1rem}.login-overlay{padding:max(1.25rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));align-items:center}.login-card{max-width:min(400px,100%);border-radius:var(--radius-lg);padding:1.75rem 1.35rem 1.5rem}.login-card__logo{width:min(260px,82vw);margin-bottom:1.25rem}.login-form .btn--block{min-height:2.85rem;font-size:1rem}.login-card h2{font-size:1.05rem}.modal-overlay{padding:0;align-items:flex-end;z-index:500}.modal{width:100%;max-width:none;max-height:min(88dvh,88vh);border-radius:16px 16px 0 0;margin:0}.modal--wide{max-width:none}.modal__header{padding:1rem 1rem .65rem;padding-top:max(1rem,env(safe-area-inset-top))}.modal__body{padding:1rem}.modal__footer{padding:.65rem 1rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));gap:.65rem}.modal__footer .btn{flex:1 1 0;min-height:2.85rem;justify-content:center}html.zinet-modal-open,html.zinet-modal-open body{overflow:hidden;height:100%;touch-action:none}html.zinet-modal-open .app--module .main{overflow:hidden!important}html.zinet-modal-open .app-chrome{transform:translateY(-120%);opacity:0;pointer-events:none}.btn{min-height:2.5rem}.btn--sm{min-height:2.25rem}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=month],input[type=search],input[type=tel],input[type=url],select,textarea{font-size:16px}}@media(max-width:768px){.voucher-toolbar{flex-direction:column;align-items:stretch}.voucher-toolbar__search,.voucher-toolbar__select{width:100%;min-width:0}.piutang-toolbar{flex-direction:column;align-items:stretch}.piutang-toolbar__right{width:100%;justify-content:stretch}.tx-toolbar{flex-direction:column;align-items:stretch}.tx-toolbar__filters{width:100%}.tx-toolbar__search{width:100%;min-width:0}.print-design-layout{grid-template-columns:1fr}.print-design-preview-card{position:static}.clock-page{max-width:none}#page-inventory-aset .table-wrap,#page-inventory-kabel .table-wrap,#inventoryDashboardRoot .app-kpi-grid{-webkit-overflow-scrolling:touch}#inventoryDashboardRoot .app-kpi-grid{grid-template-columns:1fr 1fr;gap:.65rem}.app-dashboard-page .page-header,#page-inventory-aset .page-header,#page-inventory-kabel .page-header{margin-bottom:.85rem}.jadwal-weekdays{font-size:.62rem;gap:.2rem}.jadwal-day{min-height:2.5rem;font-size:.72rem}.app-filter-bar__row--controls{flex-direction:column;align-items:stretch}.app-pager,.inv-pager{flex-direction:column;align-items:stretch;text-align:center}.app-pager__actions,.inv-pager__actions{justify-content:center}.hd-ticket-form .form-row{grid-template-columns:1fr}}@media(max-width:768px){.hd-stats-row,.hd-kpi-row{grid-template-columns:1fr 1fr;gap:.5rem}}@media(max-width:420px){.hd-stats-row,.hd-kpi-row{grid-template-columns:1fr}}:root{--zinet-brand: #00aeef;--zinet-brand-hover: #33c1f5;--zinet-brand-dim: rgba(0, 174, 239, .14);--zinet-brand-glow: rgba(0, 174, 239, .32);--bg: #060a10;--bg-card: #0f1620;--bg-hover: #172030;--bg-elevated: #121a26;--border: rgba(255, 255, 255, .07);--border-strong: rgba(0, 174, 239, .22);--text: #f0f4f8;--text-muted: #8fa3b8;--primary: var(--zinet-brand);--primary-hover: var(--zinet-brand-hover);--module-accent: var(--zinet-brand);--module-glow: var(--zinet-brand-glow);--sidebar-glass: rgba(8, 12, 18, .88);--radius-lg: 14px}body{background:var(--bg);background-image:radial-gradient(ellipse 100% 60% at 50% -15%,var(--zinet-brand-dim) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(0,174,239,.06) 0%,transparent 50%)}.login-overlay{background:#04070c;background-image:radial-gradient(ellipse 90% 55% at 50% 0%,var(--zinet-brand-dim) 0%,transparent 62%)}.login-card{border-color:var(--border-strong);background:linear-gradient(165deg,var(--bg-card) 0%,rgba(15,22,32,.95) 100%);box-shadow:0 24px 64px #0000008c,0 0 0 1px #00aeef14}.login-card .btn--primary{background:linear-gradient(180deg,var(--zinet-brand-hover) 0%,var(--zinet-brand) 100%);border-color:var(--zinet-brand);font-weight:600;letter-spacing:.02em}.login-card input:focus{border-color:var(--zinet-brand);box-shadow:0 0 0 3px var(--zinet-brand-dim)}.app-chrome{border-bottom-color:var(--border-strong);background:var(--sidebar-glass)}.app-chrome__title{color:var(--text)}.app-chrome--launcher .app-chrome__title{background:linear-gradient(90deg,#fff 0%,var(--zinet-brand-hover) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-chrome__logout{border-color:var(--border-strong)}.app-chrome__logout:hover{border-color:var(--zinet-brand);color:var(--zinet-brand-hover)}.page--launcher{max-width:1040px;margin:0 auto;padding-top:.5rem}.launcher-hero{margin-bottom:2rem;padding:.5rem 0 0}.launcher-hero__eyebrow{color:var(--zinet-brand-hover);letter-spacing:.12em}.launcher-hero__title{background:linear-gradient(180deg,#fff 30%,var(--zinet-brand-hover) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-card{background:linear-gradient(165deg,var(--bg-card) 0%,rgba(12,18,28,.85) 100%);border-color:var(--border)}.home-card:hover{border-color:var(--card-accent, var(--zinet-brand));box-shadow:0 16px 40px #0006,0 0 24px color-mix(in srgb,var(--card-accent, var(--zinet-brand)) 18%,transparent)}.home-card--skeleton{pointer-events:none;cursor:default;min-height:10.5rem}.home-card--skeleton .home-card__icon-ring{background:var(--bg-hover);border-color:var(--border);color:transparent;animation:zinet-pulse 1.4s ease-in-out infinite}.home-card--skeleton .home-card__title,.home-card--skeleton .home-card__meta,.home-card--skeleton .home-card__cta{color:transparent;background:var(--bg-hover);border-radius:6px;animation:zinet-pulse 1.4s ease-in-out infinite}.home-card--skeleton .home-card__title{height:1.1rem;width:70%;margin:0 auto .5rem}.home-card--skeleton .home-card__meta{height:.75rem;width:85%;margin:0 auto}.home-card--skeleton .home-card__cta{height:.7rem;width:40%;margin:.75rem auto 0}@keyframes zinet-pulse{0%,to{opacity:.55}50%{opacity:.9}}html.zinet-authed:not(.zinet-needs-login) #loginOverlay,.login-overlay--booting{display:none!important}html.zinet-authed:not(.zinet-needs-login) .app{display:grid!important}html.zinet-boot-pending .app,html.zinet-boot-pending .sidebar-backdrop{display:none!important}html.zinet-needs-login #loginOverlay.open,html.zinet-needs-login #loginOverlay{display:flex!important}html.zinet-needs-login .app{display:none!important}.btn--primary{background:linear-gradient(180deg,var(--zinet-brand-hover) 0%,var(--zinet-brand) 100%);border-color:var(--zinet-brand)}.btn--primary:hover{background:linear-gradient(180deg,#5cd4ff 0%,var(--zinet-brand-hover) 100%);border-color:var(--zinet-brand-hover)}.app[data-active-module=home] .main,.app[data-active-module=keuangan] .main{box-shadow:inset 0 3px 0 0 var(--zinet-brand)}.account-info-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.15rem;border-color:var(--border-strong);background:linear-gradient(135deg,var(--bg-card) 0%,color-mix(in srgb,var(--zinet-brand) 8%,var(--bg-card)) 100%)}.account-info-card__title{margin:0 0 .65rem;font-size:1rem}.account-info-card__main{flex:1;min-width:0}.account-info-card__dl{display:grid;gap:.45rem 1rem;margin:0}.account-info-card__dl>div{display:grid;grid-template-columns:minmax(8rem,11rem) 1fr;gap:.5rem;align-items:baseline}.account-info-card__dl dt{margin:0;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.account-info-card__dl dd{margin:0;font-size:.92rem}.account-info-card__dl code{font-size:.95em;color:var(--zinet-brand-hover)}.account-info-card__actions{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0}@media(max-width:768px){.account-info-card{flex-direction:column}.account-info-card__dl>div{grid-template-columns:1fr;gap:.15rem}.account-info-card__actions{flex-direction:row;flex-wrap:wrap}}@keyframes zinet-spin{to{transform:rotate(360deg)}}@keyframes zinet-pulse-core{0%,to{transform:scale(.85);opacity:.65}50%{transform:scale(1.1);opacity:1}}@keyframes zinet-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes zinet-boot-glow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}.zinet-loader{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0}.zinet-loader--sm{width:1.15rem;height:1.15rem}.zinet-loader--md{width:2.75rem;height:2.75rem}.zinet-loader--lg{width:3.5rem;height:3.5rem}.zinet-loader__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--zinet-brand, #00aeef);border-right-color:color-mix(in srgb,var(--zinet-brand, #00aeef) 35%,transparent);animation:zinet-spin .9s cubic-bezier(.45,.05,.55,.95) infinite;box-shadow:0 0 18px var(--zinet-brand-glow, rgba(0, 174, 239, .32))}.zinet-loader--sm .zinet-loader__ring{border-width:1.5px;box-shadow:none}.zinet-loader__dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--zinet-brand, #00aeef);box-shadow:0 0 10px var(--zinet-brand, #00aeef);animation:zinet-pulse-core 1.15s ease-in-out infinite}.zinet-loader--lg .zinet-loader__dot{width:.55rem;height:.55rem}.zinet-loading-row{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:var(--text-muted, #8fa3b8);font-size:.9rem}.zinet-loading-row--left{justify-content:flex-start}.app-boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;display:none;align-items:center;justify-content:center;overflow:hidden;background:var(--bg, #060a10);background-image:radial-gradient(ellipse 90% 55% at 50% 0%,var(--zinet-brand-dim, rgba(0, 174, 239, .14)) 0%,transparent 62%),radial-gradient(ellipse 70% 45% at 50% 100%,rgba(0,174,239,.06) 0%,transparent 55%);color:var(--text-muted, #8fa3b8);font-family:system-ui,-apple-system,sans-serif}.app-boot-splash:before{content:"";position:absolute;width:min(420px,70vw);height:min(420px,70vw);border-radius:50%;background:radial-gradient(circle,var(--zinet-brand-glow, rgba(0, 174, 239, .32)) 0%,transparent 68%);animation:zinet-boot-glow 2.4s ease-in-out infinite;pointer-events:none}html.zinet-boot-pending .app-boot-splash,html.zinet-logging-out .app-boot-splash,html.zinet-validating .app-boot-splash{display:flex!important}html.zinet-authed .app-boot-splash,html.zinet-needs-login .app-boot-splash{display:none!important}.zinet-boot-screen__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.zinet-boot-screen__text{margin:0;font-size:.95rem;font-weight:500;color:var(--text, #f0f4f8);letter-spacing:.01em}.zinet-boot-screen__dots{display:inline-flex;gap:.35rem;margin-left:.15rem;vertical-align:baseline}.zinet-boot-screen__dots span{width:.28rem;height:.28rem;border-radius:50%;background:var(--zinet-brand, #00aeef);animation:zinet-pulse-core 1.1s ease-in-out infinite}.zinet-boot-screen__dots span:nth-child(2){animation-delay:.15s}.zinet-boot-screen__dots span:nth-child(3){animation-delay:.3s}.launcher-loading-head{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.25rem 0 1.25rem}.launcher-loading__label{margin:0;font-size:.88rem;color:var(--text-muted, #8fa3b8)}.home-card--skeleton{animation:zinet-skeleton-fade .35s ease-out}@keyframes zinet-skeleton-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home-card--skeleton:nth-child(1){animation-delay:.02s}.home-card--skeleton:nth-child(2){animation-delay:.05s}.home-card--skeleton:nth-child(3){animation-delay:.08s}.home-card--skeleton:nth-child(4){animation-delay:.11s}.home-card--skeleton:nth-child(5){animation-delay:.14s}.home-card--skeleton:nth-child(6){animation-delay:.17s}.login-boot-hint{display:flex;flex-direction:column;align-items:center;gap:.85rem}.login-boot-hint[hidden],html.zinet-session-resume #loginBootHint,.login-overlay--booting #loginBootHint{display:none!important}.login-form.is-loading .btn--primary{position:relative;opacity:.92;pointer-events:none;padding-right:2.5rem}.login-form.is-loading .btn--primary:after{content:"";position:absolute;right:1rem;top:50%;width:1rem;height:1rem;margin-top:-.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:zinet-spin .7s linear infinite}.zinet-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:8rem;padding:2rem 1rem;color:var(--text-muted, #8fa3b8);font-size:.9rem}.zinet-page-loading--compact{min-height:4rem;padding:1rem}.zinet-progress-bar{width:min(200px,50vw);height:3px;border-radius:999px;overflow:hidden;background:var(--bg-hover, #172030)}.zinet-progress-bar__fill{width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,var(--zinet-brand, #00aeef) 45%,var(--zinet-brand-hover, #33c1f5) 55%,transparent 100%);background-size:200% 100%;animation:zinet-shimmer 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.zinet-loader__ring,.zinet-loader__dot,.zinet-boot-screen__dots span,.app-boot-splash:before,.zinet-progress-bar__fill,.home-card--skeleton,.home-card--skeleton .home-card__icon-ring,.home-card--skeleton .home-card__title,.home-card--skeleton .home-card__meta,.home-card--skeleton .home-card__cta,.login-form.is-loading .btn--primary:after{animation:none!important}}html.zinet-needs-login .app,html.zinet-needs-login .sidebar-backdrop,html.zinet-boot-pending .app,html.zinet-boot-pending .sidebar-backdrop,html.zinet-logging-out .app,html.zinet-logging-out .sidebar-backdrop,html.zinet-validating .app,html.zinet-validating .sidebar-backdrop,html.zinet-auth-pending:not(.zinet-authed) .app{display:none!important}html.zinet-needs-login #loginOverlay{display:flex!important}html.zinet-needs-login .page--launcher,html.zinet-validating .page--launcher,html.zinet-route-login .app,html.zinet-route-login .sidebar-backdrop{display:none!important}html.zinet-route-login.zinet-needs-login #loginOverlay{display:flex!important}html.zinet-route-login.zinet-authed .app,html.zinet-route-login.zinet-authed:not(.zinet-needs-login) .app{display:none!important}html.zinet-authed:not(.zinet-needs-login):not(.zinet-route-login) .app{display:grid!important}html.zinet-authed:not(.zinet-needs-login) .sidebar-backdrop:not(.is-visible){display:none!important}html.zinet-authed:not(.zinet-needs-login) #appBootSplash{display:none!important}html.zinet-authed:not(.zinet-needs-login):not(.zinet-route-login) #loginOverlay{display:none!important}.login-card__install{margin:1rem 0 0;text-align:center}.login-install-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .85rem;border-radius:.65rem;border:1px solid rgba(56,189,248,.35);background:#38bdf814;color:#7dd3fc;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s ease}.login-install-link:hover,.login-install-link:focus-visible{background:#38bdf829;color:#bae6fd}html.zinet-login-portal-app .login-install-link{border-color:#38bdf88c;background:#38bdf824;box-shadow:0 0 0 1px #38bdf81f}